.webform-submission-form.webform-submission-have-us-contact-you--form fieldset select {
     color: #fff; 

}
.webform-submission-form.webform-submission-have-us-contact-you--form fieldset select option {
    color:#000;
}
.contact_us_home_submit_form label.error {
    color: red;
    font-style: italic;
    margin-top: 8%; 
    left: 0;  
   
}


.contact_us_home_submit_form fieldset input:focus + label.error, 
.contact_us_home_submit_form fieldset input:valid + label.error{ font-size: 1rem;font-family: helvetica-neue-light; color: red; margin-top: 10%;}

 .contact_us_home_submit_form fieldset input:focus + label+label.form-control-placeholder,
 .contact_us_home_submit_form fieldset input:valid + label+label.form-control-placeholder{
    font-size: 1.125rem;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    opacity: 1;
    color: #fff;
}

 .form_submit_message_here{display: block;
    text-align: center;
    float: left;
    line-height: 62px;
    margin: 0 30px;
}
.livesearch{width:100% !important; color: #fff;}
.flt-left{float: left;}
.webform-submission-form.webform-submission-have-us-contact-you--form fieldset.form-item-select-product label {
    color: #ffffff;
    font-size: 1rem;
    top: -16px;
}
.webform-submission-form.webform-submission-have-us-contact-you--form fieldset.form-item-select-product label.error{ color: red;}

.spectra-code .container { padding: 5rem 0;  max-width: 1150px;}

.spectra-code .head-set { margin: 0 auto;
    padding-bottom: 3rem;
    text-align: center;
}

.spectra-code .connect-now, .pricing-main-section .connect-now { 
    width: auto;
}

.spectra-code .form-group {
    position: relative;    
}

.spectra-code .form-group .search-input {
    padding: 0 0 0.3rem 2.5rem;
    border-bottom: 2px solid black;
    background: transparent;
    border: 0;
    border-bottom: 1px solid black;
    width: 100%;
    outline: none;
    /* padding: 0 2rem 0.3rem 0; */
    border-radius: 0 !important;
    -webkit-appearance: none !important;
}

.spectra-code .form-group .search-icon {
    left: 0;
    top: 30%;
    transform: translate(100%, -50%);
    right: unset;
    position: absolute;
    line-height: 1.7;
    /* font-family: helvetica-neue-bold;
    font-weight: bold; */
}

.spectra-code a.search-button {
    padding: 0.2rem 2.5rem;
    color: white;
    background: #47A8C5;
    transition: all 0.3s ease;
}

.spectra-code a.search-button:hover {
    background: white;
    color: #47A8C5;
}
.spectra-code .form-group .location-div {
    position: absolute;
    width: 95%;
}

.spectra-code .form-group .location-div a {
    text-decoration: underline;
    cursor: pointer; margin-right: 11px;
}

.spectra-code .nav-pills .nav-link.active {
    color: #47A8C5;
    background-color: transparent;
    font-family: helvetica-neue-medium;
}

.spectra-code  a.nav-link.city-selector.active {
    border-bottom: 4px solid #47A8C5;
}

.spectra-code  a.nav-link.city-selector {
    transition: all 0.2s ease;
    border-bottom: 4px solid transparent;
    border-radius: 0;
    cursor: pointer;
    color: #000;
}

.spectra-code  a.nav-link.city-selector {
    transition: all 0.2s ease;
    border-bottom: 4px solid transparent;
    border-radius: 0;
    cursor: pointer;
}


/* CARD CSS CODING */
.spectra-code .tab-pane.active {
    display: flex;
}

.spectra-code  .pricing-card {
    width: 25%;
    margin: 0 3rem;
}

.spectra-code .pricing-card {
    border: 1px solid #47A8C5;
    padding: 1.875rem 0;
    height: max-content;
    box-shadow: 6px 6px 0 rgb(71 168 197 / 30%);
    overflow: visible;
}

.spectra-code .pricing-card .plan-ovrw {
    padding: 0 1rem 1.875rem;
    border-bottom: 1px solid #47A8C5;
}


/* CARD CSS CODING */

/*Search List Css*/
 
.spectra-code .list_here{
        padding: 0;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 31px;
    left: 13px;
    width: 95%;
    z-index: 999;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
    -o-box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
}

 
.spectra-code .list_here li {
    list-style-type: none;
    padding: 8px 0 8px 24px;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
    color: #000000;
    background: url(../../spectra_b2b/laravel_images/spectra-location.png) no-repeat 4px 7px;
    background-size: 13px 22px;
    transition: all ease-in-out 0.2s;
    display: block;
    width: 100%;
    cursor: default;
    text-decoration: none;
    cursor: pointer;
}

 
 .spectra-code .list_here li:hover {
    color: #fff;
    background: url(../../spectra_b2b/laravel_images/spectra-location1.png) no-repeat 4px 7px #7962b0;
    background-size: 13px 22px;
}
.spectra-code .list_here li:focus {
    color: #fff;
    background: url(../../spectra_b2b/laravel_images/spectra-location.png) no-repeat 4px 7px #7962b0;
    background-size: 13px 22px;
}

.spectra-code .plan-details-blank { 
    text-align: center;
    background-color: #47a8c5; 
}

.spectra-code-pricing {
    background: #d1e9f0;
    color: black;
}

.connect-black:focus, .connect-black:active, button.webform-button--submit:focus, button.webform-button--submit:focus {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;
    text-decoration: none;
}
.connect-black:focus::after, .connect-black:active::after, button.webform-button--submit:focus::after, button.webform-button--submit:active::after {
    content: '';
    position: absolute;
    border: 1px solid #000;
    width: 12rem;
    height: 60px;
    top: 4px;
    left: 6px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}


@media(max-width: 992px){
  .hide_on_mobile{
    display: none;
  }

  /*call us new section adding 3-12-2021  */

#block-callus .field.field--name-field-call-us-title.field--type-string.field--label-hidden.field__item{font-size: 2.325rem;}

#block-callus .clearfix.text-formatted.field.field--name-field-call-us-description.field--type-text-long.field--label-hidden.field__item {
    font-size: 1.15rem;
    line-height: 2.75rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: helvetica-neue-bold;
    font-weight: bold;
    line-height: 1.5rem;
}
#block-callus .clearfix.text-formatted.field.field--name-field-call-us-description.field--type-text-long.field--label-hidden.field__item p{margin-bottom: 5px;}

#block-callus .field.field--name-field-call-us-number.field--type-string.field--label-hidden.field__item {
    font-size: 1.5rem;
}

  /*call us new section adding 3-12-2021  */

  
    .contact_us_home_submit_form label.error {
        color: red;
        font-style: italic;
        margin-top: 12%;

    }
    .contact_us_home_submit_form fieldset input:focus + label.error, .contact_us_home_submit_form fieldset input:valid + label.error {
        font-size: 1rem;
        font-family: helvetica-neue-light;
        color: red;
        margin-top: 15%;
    }
    .form_submit_message_here{margin: 0 0;}
}






/*================================*/
 .banner_product, .banner_product .not-sure-section {
    background: #d1e9f0;
    color: black;
}

 .banner_product .font-65 {
    font-family: spectra-regular;
    font-size: 65px;
}
 .banner_product .font-20 {
    font-size: 1.25rem;
    line-height: 26px;
}
 .banner_product  .font-14 {
    font-size: 0.875rem;
}

 .banner_product .text-center {
    text-align: center!important;
}
 .banner_product .align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
 .banner_product .select-dropdown {
    width: 8rem;     position: relative;
}
 .banner_product .w-100 {
    width: 100%!important;
}
 



 .banner_product .select-dropdown {
  position: relative; }
  .banner_product .select-dropdown.active ul[role=listbox] {
    max-height: 8rem;
    overflow: auto;
    padding: 0;
    z-index: 100;
    overflow: auto; }
   .banner_product .select-dropdown button.dpdwn-btn {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left;
    z-index: 10;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 0 2rem 0 0.5rem;
    background: transparent;
    border: none; }
    .banner_product  .select-dropdown button.dpdwn-btn:after {
      pointer-events: none;
      content: "";
      position: absolute;
      top: 27%;
      right: 0.8rem;
      height: 11px;
      width: 11px;
      border: solid black;
      border-width: 0 2px 2px 0;
      transition: transform 0.3s ease;
      transform: rotate(45deg); }
   .banner_product .select-dropdown ul[role=listbox] {
    cursor: pointer; padding-left: 0;
    top: 100%;
    left: 0;
    border-radius: 0;
    position: absolute;
    list-style: none;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    width: 100%;
    background: white;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 1px 2px 4px rgba(0, 0, 0, 0.18); }
    .banner_product  .select-dropdown ul[role=listbox] li.list-option {
      background: white;
      padding: 0.3rem 0.5rem;
      width: 100%;
      outline: none;
      display: flex;
      align-items: center;
      overflow: hidden; }
    .banner_product   .select-dropdown ul[role=listbox] li.list-option.active,  .banner_product .select-dropdown ul[role=listbox] li.list-option:hover {
        background: #e9f1fc; }

.banner_product .form-group .search-input {
    padding: 0 0 0.3rem 2.5rem;
       border: 0;
    border-bottom: 2px solid black;
    width: 100%;
    outline: none;
    background: transparent;
 
}

.banner_product .form-group .search-icon {
    left: 0;
    transform: translate(100%, -50%);
    top: 40%;
    position: absolute;
}

.banner_product a.search-button {
    padding: 0.2rem 2.5rem;
    color: white;
    background: #47A8C5;
    transition: all 0.3s ease;
}


 .pricing .plan-selector-container:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    background: #d7d7d7;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.pricing .plan-selector-container .plan-selector.active h3 {
    color: #47A8C5;
}

.pricing .plan-selector-container .active-line {
    width: 25%;
    height: 2px;
    position: absolute;
    background: #47A8C5;
    bottom: 0;
    transition: all 0.3s ease;
}
 .pricing-main-section .plan-selector-container .plan-selector {
    transition: all 0.3s ease;
    height: 100%;
    cursor: pointer;
}
.pricing-main-section .main-content-pricing .filters-container {
    padding-top: 5.1875rem;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-link.collapsed {
    color: black;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-link:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    height: 11px;
    width: 11px;
    border: solid #47A8C5;
    border-width: 0 2px 2px 0;
    transition: transform 0.3s ease;
    transform: translateY(50%) rotate(
-135deg
);
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-link.collapsed:after {
    transform: rotate(
45deg
);
    transition: transform 0.3s ease;
    border: solid black;
    border-width: 0 2px 2px 0;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-link {
    color: #47A8C5;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-item label {
    position: relative;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-item label input {
    opacity: 0;
    width: 0;
    height: 0;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-item label .checkmark {
    position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border: 1px solid #47A8C5;
}
.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-item label input:checked ~ .checkmark {
    background: #47A8C5;
}

.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-item label .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    top: 0%;
    left: 30%;
    width: 6px;
    height: 12px;
    margin: auto;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(
45deg
);
}
.pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-item label input:checked ~ .checkmark:after {
    display: block;
}
a:hover {
    text-decoration: none;
     
}

.pricing-main-section .main-content-pricing .carousel#pricing-carousel {
    overflow: hidden;
    padding-top: 5.1875rem;
}
.pricing .pricing-card {
    border: 1px solid #47A8C5;
    padding: 1.875rem 0;
    /*height: max-content;*/
    /*height: auto;*/
        min-height: 663px;

    box-shadow: 6px 6px 0 rgb(71 168 197 / 30%);
    overflow: visible;
}
.pricing-main-section .main-content-pricing .plan-details .plan-points > div {
    display: flex; padding-right: 13px;
}

.view-link, .view-link-white {
    position: relative;
    display: inline-block;
    height: 20px;
    width: fit-content;
    color: #47A8C5;
    line-height: 1.3rem;
    letter-spacing: 0.35px;
    font-weight: 500;
    transition: all 1s ease-in-out;
    cursor: pointer;
}
.view-link::after, .view-link-white::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    height: 1px;
    width: 100%;
    left: 0;
    background-color: #47A8C5;
    transition: 0.4s ease-out all 0.1s;
}
/*.pricing .pricing-card .view-more-button {
    color: #47A8C5 !important;
     position: absolute;
    bottom: 20px;
    left: calc(63% - 80px);
   
    margin: auto;
}*/

.pricing .pricing-card .view-more-button {
    color: #47A8C5 !important;
     position: static;
    bottom: 0;
    left: auto;
    margin: auto;
}

.main-content-pricing .plan-details .connect-now.inactive {
    background: #878787;
    color: white !important;
    pointer-events: none;
}
.main-content-pricing .plan-details .connect-now {
    width: auto;
    padding: 0.6rem 2.2rem;
}



/*pricerangbar css code*/
.wrap-range {
  display: grid;
  grid-template-rows: 0.5px 0.5px;
  background: linear-gradient(0deg, #ccc 80%, transparent 0);
  margin: 1em 0;
  width: 100%;
  position: relative;
  --dif: calc(var(--max) - var(--min));
  transition: 0.2 ease; }
  .wrap-range::before, .wrap-range::after {
    grid-column: 1;
    grid-row: 2;
    height: 2px;
    background: #47A8C5;
    content: ""; }
  .wrap-range::before {
    margin-left: calc((var(--a) - var(--min)) / var(--dif) * 100%);
    width: calc((var(--b) - var(--a)) / var(--dif) * 100%); }
  .wrap-range::after {
    margin-left: calc((var(--b) - var(--min)) / var(--dif) * 100%);
    width: calc((var(--a) - var(--b)) / var(--dif) * 100%); }
  .wrap-range input[type="range"] {
    grid-column: 1;
    grid-row: 2;
    height: 2px;
    pointer-events: none;
    background: none;
    color: #000;
    font: inherit;
    outline: none;
    cursor: pointer; }
    .wrap-range input[type="range"]::-webkit-slider-runnable-track, .wrap-range input[type="range"]::-webkit-slider-thumb, .wrap-range input[type="range"] {
      -webkit-appearance: none; }
    .wrap-range input[type="range"]::-webkit-slider-runnable-track {
      background: none;
      height: 1px;
      width: 100%; }
    .wrap-range input[type="range"]::-webkit-slider-thumb {
      background: #47A8C5;
      border: none;
      border-radius: 50%;
      pointer-events: auto;
      width: 0.875rem;
      height: 0.875rem;
      margin-top: -7px; }
/*pricerangbar css code*/

.pricing-main-section .main-content-pricing .carousel#pricing-carousel .carousel-control-prev {
    left: -1rem;
    width: 7%;
}

.pricing-main-section .main-content-pricing .carousel#pricing-carousel .carousel-control-next {
    right: -1rem;
    width: 7%;
}


.pricing-main-section .main-content-pricing .filters-container .individual-filter .price-text span {
    margin: 0 6px;
}


.pricing-main-section .plan-details .connect-now {
    /*width: auto;*/
     width: 12rem;
    padding: 0.6rem 1.5rem;
    height: 46px;
}

.pricing-main-section .plan-details .connect-now::after {
   height: 46px;
}
/*================================*/
/*=========3-8-2021=======================*/
.pricing-main-section .main-content-pricing .filters-container .reset-filters-link {
    color: #47A8C5 !important;
    cursor: pointer !important;
    transition: all 0.2s ease; margin-bottom: 20px;
}
.pricing-main-section .main-content-pricing .filters-container .reset-filters-link:hover {
    transform: scale(1.1);
}

.pricing-main-section .noproduct{ width: 100%;text-align: center;padding: 17% 0;}
.pricing-main-section .noproduct svg{margin: 0 0 15px 0;}
.pricing-main-section .noproduct h5{font-family: helvetica-neue-bold;font-weight: bold; color: #000; font-size: 14px;}
.pricing-main-section .noproduct p{font-family: helvetica-neue-regular; font-size: 12px;color: #2d2d2de0;font-weight: normal;}

.pricing-main-section .noproduct .reset-filters-link {
    color: #47A8C5 !important;
    cursor: pointer !important;
    transition: all 0.2s ease;
}

.pricing-main-section .noproduct .reset-filters-link:hover {
    transform: scale(1.1);
}
.pricing-main-section .plan-details .connect-now:hover{ background: black !important;color: white !important;}

.pricing-main-section .main-content-pricing .plan-details .connect-now:hover:after {
    border-color: black;
}

.pricing-main-section .plan-details .connect-now:focus {
    outline: none;
    border: 0;
}

.pricing-main-section .main-content-pricing .plan-details h2.rupee-text span {
    position: absolute;
    font-size: 1.5rem;
    top: 0.3rem;
    left: -1rem;
}

.pricing-main-section .main-content-pricing .plan-details h2 {
    font-size: 2.76125rem;
    letter-spacing: 3px;
}        

.pricing .pricing-card .plan-ovrw {
    padding: 0 1rem 1.875rem;
    border-bottom: 1px solid #47A8C5;
}



/*==============3-8-2021==================*/

 


/*Chooser design*/
.chosen-container-single .chosen-single{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 2px solid #ffffff !important;
}
.chosen-container-single .chosen-single div b{
    /* background: none; */

}
.chosen-container-single .chosen-single span{
    color: #fff;
}
/**/ 
/*#verify_mobile{position: absolute;right: 0; top: 13px;color: #fff;cursor: pointer;display:none;}*/
/*#verify_mobile_counter{position: absolute;right: 0; top: -6px;color: #fff;cursor: pointer;display:none;}*/
#verify_mobile{position: absolute;right: 0; top: 8px;color: #fff;cursor: pointer;display:none;}
#verify_mobile_counter{position: absolute;right: 0; top: -15px;color: #fff;cursor: pointer;display:none;}
#verify_otp{position: absolute;right: 0; top: 10px;color: #fff;cursor: pointer;display:none;}
a.otpresend{color: #fff;text-decoration: underline; font-size: 12px;}
.verify_mobile_first{color: #e61e1e;font-size: 16px;font-style: italic;}
 
.chosen-container-single .chosen-single{
    padding: 0 !important;
}
.chosen-container .chosen-results li.highlighted{
    background-image: none !important;
    background:#e9f1fc !important;
    color: #000 !important;
}

.chosen-container-single .chosen-search input[type=text]{color: #000;}


/*NAAS SDWAN*/
.naas .onboarding-section {
    background: #d7e2ed;
}
.naas .onboarding-section .owl-carousel .owl-stage .owl-item {
    display: flex;
    flex-grow: 1;
}
.naas .onboarding-section .owl-carousel .owl-stage .owl-item .onboarding-card {
    border-radius: 0;
    background: white;
    box-shadow: 6px 6px 0 0 rgb(94 138 121 / 25%);
}
/**/

.spectra_checkout_page .checkout-cards {
    border: 1px solid #47A8C5;
    padding: 2.5rem;
}

.spectra_checkout_page .justify-content-between {
    justify-content: space-between!important;
}

.spectra_checkout_page .bold-weight {
    font-family: helvetica-neue-bold;
    font-weight: bold;
}

.spectra_checkout_page .font-20 {
    font-size: 1.25rem;
    line-height: 26px;
}

.spectra_checkout_page .skip-div.edit {
    position: unset;
}

.spectra_checkout_page .skip-div {
    position: absolute;
    z-index: 1;
    max-height: 1.4rem;
    cursor: pointer;
    right: 0;
    bottom: 0.625rem;
}

.spectra_checkout_page  .skip-div h4 {
    text-decoration: underline;float: left;
}

.spectra_checkout_page .font-16 {
    font-size: 1rem;
    line-height: 24px;
}

.spectra_checkout_page .blue {
    color: #47A8C5;
}

.spectra_checkout_page .mr-1, .mx-1 {
    margin-right: .25rem!important;
}

.spectra_checkout_page img {
    max-width: 100%;
}

.spectra_checkout_page img {
    vertical-align: middle;
    border-style: none;
}

.spectra_checkout_page .checkout-card-content.show {
    max-height: 100%;
}

.spectra_checkout_page .additional_details {
    max-height: 100% !important;
}

.spectra_checkout_page .checkout-card-content {
    /*max-height: 0;*/
    max-height: auto;
    overflow: hidden;
    transition: all 0.3s ease;
}

.spectra_checkout_page .my-4 {
    margin-top: 1.5rem!important;
}

.spectra_checkout_page .w-100 {
    width: 100%!important;position: relative;
}

.spectra_checkout_page .flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.spectra_checkout_page .medium-weight {
    font-family: helvetica-neue-medium;
}

.spectra_checkout_page .font-16 {
    font-size: 1rem;
    line-height: 24px;
}

.spectra_checkout_page .px-lg-4 {
    padding-left: 1.5rem!important;
}

.spectra_checkout_page .light-weight {
    font-family: helvetica-neue-light;
    font-weight: light;
}

.spectra_checkout_page .font-20 {
    font-size: 1.25rem;
    line-height: 26px;
}

.spectra_checkout_page .select-dropdown {
    height: 100%;
}

.spectra_checkout_page .position-relative {
    position: relative!important;
}

.spectra_checkout_page .checkout .checkout-cards .select-dropdown.labeled label {
    height: 100%;
    border-bottom: 1px solid black;
}

.spectra_checkout_page .select-dropdown.labeled label {
    height: 100%;
    border-bottom: 1px solid black;
}

.spectra_checkout_page .w-100 {
    width: 100%!important;
}

.spectra_checkout_page label {
    position: relative;
}

.spectra_checkout_page label {
    display: inline-block;
    margin-bottom: .5rem;
}

.spectra_checkout_page button.dpdwn-btn {
    position: absolute;
}

.spectra_checkout_page button.dpdwn-btn {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left;
    z-index: 10;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 0 2rem 0 0.5rem;
    background: transparent;
    border: none;
}


.spectra_checkout_page .regular-weight {
    font-family: helvetica-neue-regular;
}


.spectra_checkout_page button span {
    position: absolute;
    left: 0;
    bottom: 0.1rem;
    transition: all 0.3s ease;
}

.spectra_checkout_page .selected-div {
    font-size: 1rem;
}

.spectra_checkout_page .regular-weight {
    font-family: helvetica-neue-regular;
}

.spectra_checkout_page button.dpdwn-btn:after {
    right: 0.5rem;
    top: 20%;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 27%;
    right: 0.8rem;
    height: 11px;
    width: 11px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transition: transform 0.3s ease;
    transform: rotate(
45deg
);
}

.spectra_checkout_page ul[role=listbox] {
    cursor: pointer;
    top: 100%;
    left: 0;
    border-radius: 0;
    position: absolute;
    list-style: none;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    width: 100%;
    background: white;
    box-shadow: 0 2px 2px rgb(0 0 0 / 12%), 1px 2px 4px rgb(0 0 0 / 18%);
}

.spectra_checkout_page ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.spectra_checkout_page li.list-option:hover {
    background: #e9f1fc;
}

.spectra_checkout_page li.list-option {
    background: white;
    padding: 0.3rem 0.5rem;
    width: 100%;
    outline: none;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.spectra_checkout_page .small-info {
    position: absolute;
    bottom: 0;
    transform: translateY(120%);
    left: 0;
}

.spectra_checkout_page .p-0 {
    padding: 0!important;
}

.spectra_checkout_page input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    top: 0 !important;
}

.spectra_checkout_page .mt-2, .my-2 {
    margin-top: .5rem!important;
}

.spectra_checkout_page label input {
    opacity: 0;
    width: 0;
    height: 0;
}

.spectra_checkout_page .checkmark {
    top: -0.2rem;
}

.spectra_checkout_page .checkmark {
    top: -0.2rem;
    background: #47A8C5;
    position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border: 1px solid #47A8C5;
}

.spectra_checkout_page .bold-weight {
    font-family: helvetica-neue-bold;
    font-weight: bold;
    
   
}

.spectra_checkout_page .info-icon-content img {
    margin-top: -1rem;
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
}

.spectra_checkout_page .align-items-center {
    text-align: left;
    font-family: helvetica-neue-regular;
    color: #000;
    letter-spacing: 0.466667px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    box-sizing: inherit;
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    padding: 0!important;
}

.spectra_checkout_page #configure-checkout-plan {
    text-align: left;
    font-family: helvetica-neue-regular;
    letter-spacing: 0.466667px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    box-sizing: inherit;
    text-decoration: none;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    margin-bottom: .5rem!important;
    margin-top: 2.8rem!important;
    position: relative;
    background: #47A8C5;
    color: #fff;
    /* -webkit-transition: all 0.3s ease-in; */
    width: auto;
        flex: 0 0 auto;
    padding: 0.6rem 2.2rem !important;
        height: 46px; 

}

.spectra_checkout_page #configure-checkout-plan:after {
    height: 100%;
    width: 100%;
}

.spectra_checkout_page #cart-toggle {
    text-align: left;
    font-family: helvetica-neue-regular;
    color: #000;
    letter-spacing: 0.466667px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    box-sizing: inherit;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    max-width: 1150px;
}

.spectra_checkout_page #cart-toggle .row {
    text-align: left;
    font-family: helvetica-neue-regular;
    color: #000;
    letter-spacing: 0.466667px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    padding: 0;
    box-sizing: inherit;
    display: flex;
    flex-wrap: wrap;
    margin: 0!important;
}

.spectra_checkout_page #cart-toggle .configuration {
    text-align: left;
    font-family: helvetica-neue-regular;
    color: #000;
    letter-spacing: 0.466667px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    box-sizing: inherit;
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0!important;
    padding-left: 0!important;
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
    border-bottom: 1px solid #47A8C5;
    /*display: none;*/
}

/* .spectra_checkout_page .justify-content-between {
    
    display: none !important;
} */

/*31-8-2021  new css code*/
 .spectra_checkout_page .container {
    /*padding: 5.5rem 4rem 5.5rem 7rem;*/
   padding:  5.5rem 4.5rem 5.5rem 7rem;
}

.select-dropdown.active ul[role=listbox] {
    max-height: 7.5rem;
    padding: 0;
    z-index: 100;
    overflow: auto;
    border: 1px solid rgb(0, 0, 0, 0.2);
}





.sticky-top{z-index: 1020 !important;}

 

 
.spectra_checkout_page .benefits-cards {
    border: 1px solid #47A8C5;
    box-shadow: 6px 6px 0 rgb(71 168 197 / 30%);
}


.spectra_checkout_page .benefits-cards .benefit-card-checkbox {
    position: absolute;
    top: 0;
    height: 29px;
    width: 29px;
    right: 0;
}
.spectra_checkout_page  .benefits-cards .benefit-card-checkbox .checkmark {
    height: 100%;
    width: 100%;
    border-top: 0px !important;
    border-right: 0px !important;
}

.spectra_checkout_page .benefits-cards .benefit-card-checkbox .checkmark:after {
    height: 18px;
    width: 9px;
    top: 9%;
    left: 37%;
}

.spectra_checkout_page  label input:checked ~ .checkmark {
    background: #47A8C5;
}

.spectra_checkout_page  label input:checked ~ .checkmark:after {
    display: block;
}

.spectra_checkout_page  label .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    top: 0%;
    left: 30%;
    width: 6px;
    height: 12px;
    margin: auto;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(
45deg
);
}

.spectra_checkout_page  label .checkmark {
    position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border: 1px solid #47A8C5;
}

.spectra_checkout_page  input {
    outline: none;
    width: 100%;
    border-width: 0 0 1px 0 !important;
    border-color: black;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
}

.spectra_checkout_page .wrap-range.single {
    margin-top: 25px;
}

.spectra_checkout_page .rupee-text {
    font-size: 2.76125rem;
    letter-spacing: 3px;
}

.spectra_checkout_page .rupee-text span {
    position: absolute;
    font-size: 1.5rem;
    top: 0.3rem;
    left: -1rem;
}


.spectra_checkout_page #additional-details label {
    position: absolute;
    left: 0;
    bottom: 7px;
    transition: all 0.3s ease;
}

.spectra_checkout_page #additional-details input:focus + label, .spectra_checkout_page #additional-details input:valid + label, .spectra_checkout_page  #additional-details input.non-editable + label, .spectra_checkout_page #additional_primary_mobile input:focus + label {
    transform: translateY(-110%);
    font-size: 0.75rem;
    color: #686868;
    font-family: helvetica-neue-light;
    font-weight: light; bottom: 0px;
}

.spectra_checkout_page .disabled_up{
    transform: translateY(-110%) !important;
    font-size: 0.75rem;
    color: #686868;
    font-family: helvetica-neue-light;
    font-weight: light;
 }

.spectra_checkout_page #additional-details .input-content {
    width: 50%;
}

.spectra_checkout_page  .checkout-right-content {
    background: #d1f0f0;
    background: #d1f0f0;
    overflow-y: hidden;
    overflow-x: hidden;
    position: sticky;
    height: 100%;
    top: 0;
    z-index: 10;
}

@media (min-width: 992px){
.spectra_checkout_page  .p-lg-4 {
    padding: 1.5rem!important;
}
}

/*.why-spectra {
  background: #C8BBDB !important;
  }*/
  
#block-howdoesitworkmagazine,#block-howdoesitworkinternationaldid {
margin: 0 -0.9375rem; }
#block-howdoesitworkmagazine .how-it-works, #block-howdoesitworkinternationaldid .how-it-works {
background: #000000;
color: #ffffff; }
#block-howitworks .how-it-works .container,
#block-howitworksvoiceproduct2 .how-it-works .container , #block-howdoesitworkmagazine .how-it-works .container, #block-howdoesitworkinternationaldid .how-it-works .container {
  padding-bottom: 10rem !important; }
#block-howitworks .image-section,
#block-howitworksvoiceproduct2 .image-section, #block-howdoesitworkmagazine .image-section, #block-howdoesitworkinternationaldid .image-section{
position: relative; }
#block-howitworks img.seeker-img,
#block-howitworksvoiceproduct2 img.seeker-img, #block-howdoesitworkmagazine img.seeker-img, #block-howdoesitworkinternationaldid img.seeker-img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
max-width: 100%;
width: auto; }
#block-howitworks img.seeker-img.shown-image,
#block-howitworksvoiceproduct2 img.seeker-img.shown-image, #block-howdoesitworkmagazine img.seeker-img.shown-image, #block-howdoesitworkinternationaldid img.seeker-img.shown-image {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1); }
#block-howitworks a:hover,
#block-howitworksvoiceproduct2 a:hover, #block-howdoesitworkmagazine a:hover, #block-howdoesitworkinternationaldid a:hover {
text-decoration: none !important; }
#block-howitworks .seeker-section,
#block-howitworksvoiceproduct2 .seeker-section, #block-howdoesitworkmagazine .seeker-section, #block-howdoesitworkinternationaldid .seeker-section {
background: transparent;
margin-top: -10rem; }
#block-howitworks .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
#block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
#block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
#block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container.product-two .individual-seeker {
  width: 23%;
  max-width: 23%; }
  @media (max-width: 47.9375rem) {
    #block-howitworks .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
     #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
     #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container.product-two .individual-seeker {
      width: 100%;
      max-width: 100%; } }
#block-howitworks .seeker-section.voice-product .seeker-selector,
#block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
#block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
#block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
  margin-top: 32rem; }
  @media (max-width: 75rem) {
    #block-howitworks .seeker-section.voice-product .seeker-selector,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
      margin-top: 25.5rem; } }
  @media (max-width: 48rem) {
    #block-howitworks .seeker-section.voice-product .seeker-selector,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
      margin-top: 19rem; } }
  @media (max-width: 35.9375rem) {
    #block-howitworks .seeker-section.voice-product .seeker-selector,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
      margin-top: 14rem; } }
#block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker,
#block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker,
#block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker,
#block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker {
  width: 30%;
  max-width: 30%; }
  @media (max-width: 47.9375rem) {
    #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker {
      width: 100%;
      max-width: 100%; } }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line, #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line, #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line
   {
    -o-animation: seeker-animate-horizontal 5s 1s linear;
       animation: seeker-animate-horizontal 5s 1s linear;
    -webkit-animation: seeker-animate-horizontal 5s 1s linear; }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4,#block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4,
  #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4 {
    color: var(--seeker-color); }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4,
  #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4,
  #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4 {
    color: #45c1c2; }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track,
  #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track,
  #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track {
    display: block;
    height: 3px;
    width: 100%; }
    #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line {
      background: var(--seeker-color);
      -webkit-transform: translate(-100%, 0);
           -o-transform: translate(-100%, 0);
              transform: translate(-100%, 0); }
#block-howitworks .seeker-section .seekers-container .individual-seeker ~ img,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker ~ img,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker ~ img,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker ~ img {
  display: none; }
@media (max-width: 47.9375rem) {
  #block-howitworks .seeker-section .seekers-container .individual-seeker.active ~ img,
  #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active ~ img,
  #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active ~ img,
  #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active ~ img {
    display: block; } }
#block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-track,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-track,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-track,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-track {
  display: block; }
  #block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line {
    -o-animation: seeker-animate-vertical 5s 1s linear;
       animation: seeker-animate-vertical 5s 1s linear;
    -webkit-animation: seeker-animate-vertical 5s 1s linear; }
#block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4 {
  color: #45c1c2;
  font-size: 1.25rem;
  font-family: helvetica-neue-medium; }
  @media (max-width: 47.9375rem) {
    #block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
    #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
    #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
    #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4 {
      font-size: 1.125rem; } }
#block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content {
  max-height: 1000px;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease; }
#block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-track,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-track,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-track,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-track {
  display: none;
  height: 100%;
  width: 3px;
  background: #c7c7c7;
  overflow: hidden; }
  #block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line,
  #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line,
  #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line,
  #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line {
    height: 100%;
    width: 100%;
    background: #45c1c2;
    -webkit-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%); }
#block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-heading,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-heading,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-heading,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-heading {
  cursor: pointer; }
#block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-inner-content,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-inner-content,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-inner-content,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-inner-content {
  max-height: 0;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  overflow: auto; }



.spectra_checkout_page  .additional_details_edit {
    text-decoration: underline;float: left;
}

.spectra_checkout_page .additional_details_edit {
    text-decoration: underline;
    float: right;
    position: absolute;
    z-index: 1;
    max-height: 1.4rem;
    cursor: pointer;
    right: 6px;
    bottom: 0.625rem;      

}
/*31-8-2021  new css code*/
.spectra_checkout_page{margin-left: -0.9375rem;margin-right: -0.9375rem;}

.spectra_checkout_page #pay_now_error_here{position: absolute;bottom: -151px;text-align: center;width: 100%;left: 0;}
/*.spectra_checkout_page  .pay-now{width: auto;flex: 0 0 auto;}*/
.spectra_checkout_page .connect-now.pay-now {width: auto;padding: 0.6rem 2rem !important; flex: 0 0 auto; color: #fff;     height: auto;
 border: 1px solid #47A8C5;font-size: 15px; margin-left: auto; margin-bottom: 35px !important;margin-right: auto;margin-top: 50px;} 
.spectra_checkout_page .connect-now.pay-now::after { width: 100%; height: 100%;}

.spectra_checkout_page .error{
    color: red;
    font-size: 12px;
    /*margin-bottom: -6%;*/
    margin-bottom: -10%;
}

.spectra_checkout_page #additional_mobile_verify {
    bottom: 20px;
    left: auto;
    right: 0;
    cursor: pointer;
    width: auto;
    color:#47A8C5;
    font-weight: bold;
}

.spectra_checkout_page #additional_otp_verify_counter {
    bottom: 30px;
    left: auto;
     right: 0;
    cursor: pointer;
    color:#47A8C5;
    font-weight: bold;
}

.cant_find_location.section.cant-find-city {
      font-family: 'helvetica-neue-light';
      font-size: 16px;
      line-height: 24px;
      color: #000;
      margin: 0 auto;
      outline: 0;
      box-sizing: border-box;
      display: block;
      padding: 30px 0;
   }

.cant_find_location .container {
    font-family: 'helvetica-neue-light';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
   }

     .cant_find_location .container::before {
       display: table;
       content: " ";
       }

    .cant_find_location .cust-container {

    font-family: 'helvetica-neue-light';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
       }

.cant_find_location .city-header {
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    line-height: normal;
    font-weight: normal;
    font-size: 30px;
    padding: 0 0 10px 0;
    margin: 0;
    font-family: "helvetica-neue-regular";
}

.cant_find_location p {
    font-family: 'helvetica-neue-light';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    margin: 0 0 10px;
}

.cant_find_location .search-package {
    font-family: 'helvetica-neue-light';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0 auto;
    outline: 0;
    box-sizing: border-box;
    display: table;
    width: 100%;
    vertical-align: bottom;
    padding: 0;
}

.cant_find_location .webform-submission-lead-form-form {
    font-family: 'helvetica-neue-light';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cant_find_location .find-user-sec {
    font-family: 'helvetica-neue-light';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    outline: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 47%;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
    position: relative;
}

.cant_find_location label {
    font-family: 'helvetica-neue-light';
    line-height: 24px;
    color: #000;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: normal;
   
}

.cant_find_location input,.cant_find_location select{
     box-sizing: border-box;
    margin: 0;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    outline: 0 !important;
    border-radius: 0 !important;
    display: block;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none;
    padding: 0.5rem 0;
    /* min-height: 38px; */
    position: relative;
    width: 100%;
    /*border-color: #9078b6 !important;*/
        height: calc(1.5em + 0.75rem + 2px);
    color: #000 !important;
    border: 0px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 0px;

}

.cant_find_location input:focus + label.float_label, .cant_find_location input:valid + label.float_label{
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
}
  
  .cant_find_location label.float_label{  
 position: absolute;
    top: 10px;
    left: 0;
    z-index: 99;
    transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
}

.label_floatingup{
    transform: translate3d(0, -70%, 0);
    -webkit-transform: translate3d(0, -70%, 0);
    -moz-transform: translate3d(0, -70%, 0);
    -o-transform: translate3d(0, -70%, 0);
}

 
.cant_find_location input:focus,.cant_find_location select:focus{
    color: #495057;
    background-color: #fff;
    border-color: #47A8C5;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgb(0 121 192 / 25%);
    box-shadow: 0 0 0 0 rgb(0 121 192 / 25%);
}


.cant_find_location .webform-button--submit {
    box-sizing: border-box;
    margin: 0;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    padding: 8px 10px;
       min-height: 50px;
    height: 50px;
    position: relative;
    -webkit-appearance: button;
    cursor: pointer;
    border-color: #47A8C5 !important;
    float: left;
    padding-left: 12px;
    width: 12rem;
    text-align: center;
    transition: all 0.2s ease-in-out;
    border: 1px solid #47A8C5;
    background: #47A8C5 !important;
    color: #fff !important;
}
.cant_find_location .webform-button--submit::after {
    content: '';
    position: absolute;
    border: 1px solid #47A8C5;
    width: 12rem !important; 
    height: 50px !important;
    top: 4px !important;
    left: 6px !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}
.cant_find_location .webform-button--submit:hover{color: white !important;background: black !important; border: 1px solid #000 !important;}
.cant_find_location .webform-button--submit:hover::after, .cant_find_location .webform-button--submit:active::after{border: 1px solid #000 !important;height: 50px;}


.cant_find_location .riferText {
    font-family: 'helveticaneue';
    line-height: 24px;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    margin: 0 0 10px;
    position: relative;
    color: #000000;
    padding-left: 22px;
    font-size: 16px;
}

.cant_find_location .error{
    color: red;
}

.cant_find_location #cannot_find_button_response_message{
    padding-left: 0px;
}

.spectra_checkout_page #checkout_product_package_name {
    font-size: 0.85em; font-family: helvetica-neue-light;
}


.rightfixed_price1{
    position: fixed !important;
    height: 100% !important;
    top: 74px !important;
    right: 0;
    z-index: 100 !important;
    }


.rightfixed_price2{position: fixed;
    height: 100%;
    top: 150px;
    right: 0;
    z-index: 100;}

/*.your_plan_page{
    max-height: 100px !important;
}*/



/*.why-spectra {*/
  /*background: #C8BBDB !important;*/
  /*}*/
  
#block-howdoesitworkmagazine,#block-howdoesitworkinternationaldid {
margin: 0 -0.9375rem; }
#block-howdoesitworkmagazine .how-it-works, #block-howdoesitworkinternationaldid .how-it-works {
background: #000000;
color: #ffffff; }
#block-howitworks .how-it-works .container,
#block-howitworksvoiceproduct2 .how-it-works .container , #block-howdoesitworkmagazine .how-it-works .container, #block-howdoesitworkinternationaldid .how-it-works .container {
  padding-bottom: 10rem !important; }
#block-howitworks .image-section,
#block-howitworksvoiceproduct2 .image-section, #block-howdoesitworkmagazine .image-section, #block-howdoesitworkinternationaldid .image-section{
position: relative; }
#block-howitworks img.seeker-img,
#block-howitworksvoiceproduct2 img.seeker-img, #block-howdoesitworkmagazine img.seeker-img, #block-howdoesitworkinternationaldid img.seeker-img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
max-width: 100%;
width: auto; }
#block-howitworks img.seeker-img.shown-image,
#block-howitworksvoiceproduct2 img.seeker-img.shown-image, #block-howdoesitworkmagazine img.seeker-img.shown-image, #block-howdoesitworkinternationaldid img.seeker-img.shown-image {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1); }
#block-howitworks a:hover,
#block-howitworksvoiceproduct2 a:hover, #block-howdoesitworkmagazine a:hover, #block-howdoesitworkinternationaldid a:hover {
text-decoration: none !important; }
#block-howitworks .seeker-section,
#block-howitworksvoiceproduct2 .seeker-section, #block-howdoesitworkmagazine .seeker-section, #block-howdoesitworkinternationaldid .seeker-section {
background: transparent;
margin-top: -10rem; }
#block-howitworks .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
#block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
#block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
#block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container.product-two .individual-seeker {
  width: 23%;
  max-width: 23%; }
  @media (max-width: 47.9375rem) {
    #block-howitworks .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
     #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container.product-two .individual-seeker,
     #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container.product-two .individual-seeker {
      width: 100%;
      max-width: 100%; } }
#block-howitworks .seeker-section.voice-product .seeker-selector,
#block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
#block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
#block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
  margin-top: 32rem; }
  @media (max-width: 75rem) {
    #block-howitworks .seeker-section.voice-product .seeker-selector,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
      margin-top: 25.5rem; } }
  @media (max-width: 48rem) {
    #block-howitworks .seeker-section.voice-product .seeker-selector,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
      margin-top: 19rem; } }
  @media (max-width: 35.9375rem) {
    #block-howitworks .seeker-section.voice-product .seeker-selector,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seeker-selector,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seeker-selector {
      margin-top: 14rem; } }
#block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker,
#block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker,
#block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker,
#block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker {
  width: 30%;
  max-width: 30%; }
  @media (max-width: 47.9375rem) {
    #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker {
      width: 100%;
      max-width: 100%; } }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line, #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line, #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-track .seeker-line
   {
    -o-animation: seeker-animate-horizontal 5s 1s linear;
       animation: seeker-animate-horizontal 5s 1s linear;
    -webkit-animation: seeker-animate-horizontal 5s 1s linear; }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4,#block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4,
  #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker.active .seeker-heading h4 {
    color: var(--seeker-color); }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4,
  #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4,
  #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker .seeker-heading h4 {
    color: #45c1c2; }
  #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track,
  #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track,
  #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track,
  #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track {
    display: block;
    height: 3px;
    width: 100%; }
    #block-howitworks .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line,
    #block-howitworksvoiceproduct2 .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line,
    #block-howdoesitworkmagazine .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line,
    #block-howdoesitworkinternationaldid .seeker-section.voice-product .seekers-container .individual-seeker .seeker-track .seeker-line {
      background: var(--seeker-color);
      -webkit-transform: translate(-100%, 0);
           -o-transform: translate(-100%, 0);
              transform: translate(-100%, 0); }
#block-howitworks .seeker-section .seekers-container .individual-seeker ~ img,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker ~ img,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker ~ img,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker ~ img {
  display: none; }
@media (max-width: 47.9375rem) {
  #block-howitworks .seeker-section .seekers-container .individual-seeker.active ~ img,
  #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active ~ img,
  #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active ~ img,
  #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active ~ img {
    display: block; } }
#block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-track,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-track,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-track,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-track {
  display: block; }
  #block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line,
  #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-track .seeker-line {
    -o-animation: seeker-animate-vertical 5s 1s linear;
       animation: seeker-animate-vertical 5s 1s linear;
    -webkit-animation: seeker-animate-vertical 5s 1s linear; }
#block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4 {
  color: #45c1c2;
  font-size: 1.25rem;
  font-family: helvetica-neue-medium; }
  @media (max-width: 47.9375rem) {
    #block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
    #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
    #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4,
    #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-heading h4 {
      font-size: 1.125rem; } }
#block-howitworks .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker.active .seeker-inner-content {
  max-height: 1000px;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease; }
#block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-track,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-track,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-track,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-track {
  display: none;
  height: 100%;
  width: 3px;
  background: #c7c7c7;
  overflow: hidden; }
  #block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line,
  #block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line,
  #block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line,
  #block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-track .seeker-line {
    height: 100%;
    width: 100%;
    background: #45c1c2;
    -webkit-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%); }
#block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-heading,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-heading,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-heading,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-heading {
  cursor: pointer; }
#block-howitworks .seeker-section .seekers-container .individual-seeker .seeker-inner-content,
#block-howitworksvoiceproduct2 .seeker-section .seekers-container .individual-seeker .seeker-inner-content,
#block-howdoesitworkmagazine .seeker-section .seekers-container .individual-seeker .seeker-inner-content,
#block-howdoesitworkinternationaldid .seeker-section .seekers-container .individual-seeker .seeker-inner-content {
  max-height: 0;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  overflow: auto; }

    .spectra_checkout_page #configure-checkout-plan{padding: 0.7rem 2.2rem;}  

.spectra_checkout_page #configure-checkout-plan:hover {
    color: white !important;
    background: black !important;
}

.spectra_checkout_page #configure-checkout-plan:hover::after, .spectra_checkout_page #configure-checkout-plan:active::after{border: 1px solid #000;}
.spectra_checkout_page .connect-now.pay-now:hover{color: white !important;background: black !important;}
.spectra_checkout_page .connect-now.pay-now:hover::after, .spectra_checkout_page .connect-now.pay-now:active::after{border: 1px solid #000;}

 .spectra_product_pricing_second .bill-text {
    width: 86%;text-align: center;
 }

 

.truncate{-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; height: 28px; display: -webkit-box;}

ul.sla_info_wrap{
    padding: 12px 12px 12px 20px;
    background: transparent;
    padding-inline-start: 22px;
    font-size: 13px;
    margin-top: 13px;
    border:1px solid #8b8b8b;
}

ul.sla_info_wrap li{margin-bottom: 0.3rem;}

.testingwwwwww{display: none;}


.flt-right{float: right;}

#calendlyDiv iframe{height: 750px;}

#calendlyDiv._2IdlhvuPz2._1M_9Lld7A7 {
    margin-top: 2px;
    margin-bottom: 0px;
}

#calendlyDiv._2IdlhvuPz2._3tBc146Q79 {
    padding-right: 0;
    padding-left: 0;
}

.spectra_checkout_page #additional_otp_verify_verified{left: auto;bottom: 29px;right: 0; letter-spacing: 1px;}
.spectra_checkout_page #additional_otp_verify_verified i{color: #fff;
    border-radius: 100%;
    padding: 4px;
    background: green;
    font-size: 10px;
    line-height: 11px;
}
#calendlyDiv.hg-avDbTbi._2hssQHj_5V {
    display: block;
    flex: initial;
    max-width: 100%;
    min-height: 750px;
    transition: all 0.22s ease-out;
}

#calendlyDiv.hg-avDbTbi._22yXaHFtuz {
    width: 100%;
    border: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1));
    border-radius: 0px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);
}

@media (max-height: 796px){
    #calendlyDiv._2IdlhvuPz2._3tBc146Q79 {
        flex: inherit;
        width: 100%;
        display: block;
    }
    .hide_on_mobile{
        display: none;
      }
}

.view-b2b-pages-main-sliders .view-content .overlay{
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: linear-gradient(
0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.spectra-code .people-around  img{height: 26px;}

.spectra_checkout_page #additional_otp_verify {
        bottom: 20px;
    left: auto;
    right: 0;
    cursor: pointer;
    width: auto; color:#47A8C5;
    font-weight: bold;
}


/* 30-9-2021 css add  */
/* .cant_find_location  .form_cancle_button{background: #fff !important;color: #979797 !important;border-color: #fff !important;padding: 8px 0;
    float: right;width: auto;font-weight: 600;}

.cant_find_location .form_cancle_button:hover {
    background: #fff !important;color: #979797 !important;    border: 1px solid #fff !important;
}

.cant_find_location  .form_cancle_button::after{height: 1px !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 5px;
    background: #979797; border: 1px solid #979797; transition: 0.4s ease-out all 0.1s;
    top: auto !important;
}
.cant_find_location  .form_cancle_button:hover::after {
    background: #979797; border: 1px solid #979797 !important;
    width: 50% !important;
    left: 25% !important;
    transition: 0.2s ease-out all 0.1s;
}

 
.cant_find_location  .form_cancle_button:focus{    background: #fff !important;color: #979797 !important;    border: 1px solid #fff !important;
}

.cant_find_location  .form_cancle_button:focus::after{
    background: #979797; border: 1px solid #979797 !important;
    width: 50% !important;
    left: 25% !important;
    transition: 0.2s ease-out all 0.1s;
}

 
 
.cant_find_location  .form_cancle_button:active{background: #fff !important;color: #979797 !important;    border: 1px solid #fff !important;}
.cant_find_location  .form_cancle_button:active::after {
    background: #979797; border: 1px solid #979797 !important;
    width: 50% !important;
    left: 25% !important;
    transition: 0.2s ease-out all 0.1s;
}
 */

 .cant_find_location  .form_cancle_button{background: #000 !important;color: #fff !important;border-color: #000 !important;padding: 8px 0;
    float: right;width: auto;font-weight: 600;    width: 12rem; height: 50px; border: 0px solid #d7d7d7;}

.cant_find_location .form_cancle_button:hover {
    background: #47A8C5 !important;color: #fff !important;border-color: #47A8C5 !important;padding: 8px 0;
    float: right;width: auto;font-weight: 600;    width: 12rem; height: 50px; border: 0px solid #47A8C5;
}

/* .cant_find_location  .form_cancle_button::after{height: 1px !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 5px;
    background: #979797; border: 1px solid #979797; transition: 0.4s ease-out all 0.1s;
    top: auto !important;
} */

.cant_find_location .form_cancle_button::after {
    content: '';
    position: absolute;
    border: 1px solid #000;
    width: 12rem !important;
    height: 50px !important;
    top: 4px !important;
    left: 6px !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}

.cant_find_location  .form_cancle_button:hover::after {
    content: '';
    position: absolute;
    border: 1px solid #47A8C5 !important;
    width: 12rem !important;
    height: 50px !important;
    top: 4px !important;
    left: 6px !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}

 
.cant_find_location  .form_cancle_button:focus{    background: #fff !important;color: #979797 !important;    border: 1px solid #fff !important;
}

.cant_find_location  .form_cancle_button:focus::after{
   content: '';
    position: absolute;
    border: 1px solid #47A8C5 !important;
    width: 12rem !important;
    height: 50px !important;
    top: 4px !important;
    left: 6px !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}

 
 
.cant_find_location  .form_cancle_button:active{background: #fff !important;color: #979797 !important;    border: 1px solid #fff !important;}
.cant_find_location  .form_cancle_button:active::after {
    background: #979797; border: 1px solid #979797 !important;
    width: 50% !important;
    left: 25% !important;
    transition: 0.2s ease-out all 0.1s;
}


.tags_lines{margin-bottom: 0px;
    color: #47A8C5;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;}

    .spectra_checkout_page #saveddetails-checkout-plan {
        text-align: left;
        font-family: helvetica-neue-regular;
        letter-spacing: 0.466667px;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.7;
        margin: 0;
        box-sizing: inherit;
        text-decoration: none;
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        margin-bottom: .5rem!important;
        margin-top: 2.8rem!important;
        position: relative;
        background: #47A8C5;
        color: #fff;
        -webkit-transition: all 0.3s ease-in;
        /*width: auto;*/
        width: 12rem;
            flex: 0 0 auto;
        padding: 0.6rem 2.2rem !important;
             height: 46px; 
            outline: none;
 
    border-color: #47a8c5;
    border: 2px solid #47a8c5;
    
    }
    
   /* .spectra_checkout_page #saveddetails-checkout-plan:after {
        height: 100%;
        width: 100%; border: 1px solid #47a8c5;
    }
*/

    
    .spectra_checkout_page #saveddetails-checkout-plan:after {
        height: 46px;
        width: 12rem; border: 1px solid #47a8c5; top: 2px; left: 3px;
    }

    .spectra_checkout_page #saveddetails-checkout-plan:hover {
        color: white !important;
        background: black !important;   border: 1px solid #000;
    }

    .spectra_checkout_page #saveddetails-checkout-plan:hover::after{height: 100%;width: 100%;border: 1px solid #000 !important;}

    .spectra_checkout_page .pay-now:disabled {
        background: #979797;
        color: #fff;
        border: 1px solid #979797;
        cursor: default;
    }

    .spectra_checkout_page .pay-now:hover {
        background: #979797;
        color: #fff;
        border: 1px solid #979797;
        cursor: default;
    }

.spectra_checkout_page .pay-now:disabled:hover {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #979797 !important;
}

.spectra_checkout_page .pay-now:disabled::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #979797;
}
.spectra_checkout_page .pay-now:disabled:hover::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #979797;
}

 


 .spectra_checkout_page #saveddetails-checkout-plan:disabled {
        background: #979797;
        color: #fff;
        border: 1px solid #979797;
        cursor: default;
    }

    .spectra_checkout_page #saveddetails-checkout-plan:hover {
        background: #979797;
        color: #fff;
        border: 1px solid #979797;
        cursor: default;
    }

.spectra_checkout_page #saveddetails-checkout-plan:disabled:hover {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #979797 !important;
}

.spectra_checkout_page #saveddetails-checkout-plan:disabled::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #979797 !important;
}
.spectra_checkout_page #saveddetails-checkout-plan:disabled:hover::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #979797;
}

 



/* 30-9-2021 css add  */

/* 10-4-2021 css add  */
.pr-0, .px-0 {padding-right: 0!important;}
.padding_lft_right_0{padding-left:0 !important; padding-right: 0 !important;}
/* .confirmation-img img{max-width: 100%;height: 270px;} */

.confirmation-img img{max-width: 100%;height: auto;}

.pd-1pd{padding: 1rem !important;}
.main-section.thank-you-section .bg-black { background: #000;}
.spectra { font-family: spectra-regular; text-transform: uppercase;}
.font-50 { font-size: 3.6rem; line-height: 4.25rem; font-weight: 500;}
.cta, .back-cta {
    padding: 0.7rem 1.4rem;
    background: #f56b6b;
    border-radius: 0rem;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid transparent;
    animation: all 0.5 ease-in;
    outline: 0;
    cursor: pointer;
    transition: background 0.8s ease;
}
.cta:hover, .back-cta:hover {
    background: #fff;
    color: #f56b6b;
    border: 1px solid #f56b6b;
}

 .can_id_success .close{   z-index: 99999999; position: absolute; top: 11px; right: 11px;}

@media(max-width:992px){
    .mb_padding_left_0{padding-left:0 !important;}
    .hide_on_mobile{
        display: none;
      }
}

#calendly-spinner ._2fLGHrZloE._1Dd3WdDh97 {
    margin-top: 0;
    margin-bottom: 30px;
}

#calendly-spinner  ._2_ygaHWNSl._3EJPMw6iz9{max-width: 100%;}
/* 10-4-2021 css add  */
.pricing-main-section .plan-selector-container .plan-selector.active:after{
        position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    background: #47A8C5;
    z-index: 9;
    left: 0;
} 

header.sticky-top {
    z-index: 9999 !important;

}
body.page-broadband #block-webform-2 , body.page-leased-line-internet #block-webform-2 {
 display: none;
 }



/*22-10-2021  manish add new css code*/
.select2-container .select2-results__option.select2-results__option--highlighted, .select2-container .select2-results__option.select2-results__option[aria-selected=true] {
    background: #e9f1fc;
    color: #000;
}

.select2-container .select2-results__option {
    padding: 12px 4px;
    width: 100%;
    outline: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #107c9d;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #47A8C5 !important;
    color: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0 !important;
    padding-right: 0  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*22-10-2021  manish add new css code*/
.block.block-block-content.block-broken {
    display: none;
}

#block-getmorewithspectra .field--type-link{
    margin:55px auto;
}
#block-getmorewithspectra .field--type-link a {
    position: relative;
    display: inline-block;
    height: 20px;
    width: fit-content;
    color: #000;
    line-height: 1.3rem;
    letter-spacing: 0.35px;
    font-weight: 500;
    transition: all 1s ease-in-out;
    cursor: pointer;
}

#block-getmorewithspectra .field--type-link a:hover {
    text-decoration: none;
    color: #fff;
}

#block-getmorewithspectra .field--type-link a::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    height: 1px;
    width: 100%;
    left: 0;
    background-color: #000;
    transition: 0.4s ease-out all 0.1s;
}

#block-getmorewithspectra .field--type-link a:hover::after {
    background-color: #fff;
    width: 50%;
    left: 25%;
    -webkit-transition: 0.2s ease-out all 0.1s;
    -o-transition: 0.2s ease-out all 0.1s;
    transition: 0.2s ease-out all 0.1s;
}


/*add css 29-10-2021 file*/
.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 {
    margin: 0 auto; text-align:center;
}

.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a {
    padding: 1rem 1.5rem;
    width: 12rem;
    position: relative;
    background: #47A8C5;
    color: #fff;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.7;
    height: 59px;
    font-family: helvetica-neue-regular;
    margin:auto;
    display: block;
}

.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a::after {
    content: '';
    position: absolute;
    border: 1px solid #47A8C5;
    width: 12rem;
    height: 60px;
    top: 4px;
    left: 6px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
}


.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a:hover,
.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a:active {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #000 !important;
    text-decoration: none;
}

.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a:focus {
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a:hover::after, .page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a:active::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #000;
}

.page-view-frontpage #block-views-block-business-scale-steps-block-1 .slide_123 a:focus::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    outline: none;
    height: auto;
    top: 0;
    left: 0;
}
.page-broadband-internet-plans .pricing{margin: 0 -0.9375rem;}
.page-broadband-internet-plans  #block-webform-2{margin: 0 -0.9375rem;}
.page-broadband .pricing{margin: 0 -0.9375rem;}
.page-sip-trunk #block-outboundpricinglaravelblock{display: none;}
.page-naas-network-as-a-service #block-effectivebusinesssolutionsnaaslandingpage .container-fluid{padding: 12rem 1rem 5rem 1rem;}


.page-broadband-internet-plans .pricing{margin: 0 -0.9375rem;}
.page-broadband-internet-plans  #block-webform-2{margin: 0 -0.9375rem;}
.page-broadband .pricing{margin: 0 -0.9375rem;}
.page-sip-trunk #block-outboundpricinglaravelblock{display: none;}
.page-naas-network-as-a-service #block-effectivebusinesssolutionsnaaslandingpage .container-fluid{padding: 12rem 5rem 5rem 5rem;}
/*add css 29-10-2021 file*/

@media (min-width:1183px)and (max-width:1367px){
   .page-naas-network-as-a-service .products-pricing .container {
        padding-top: 3rem;
    }
}

.page-view-basic-routes .enterpriseinternationalvoip .overlay, 
.page-view-international-pages .enterpriseinternationalvoip .overlay,
.page-international-did  .enterpriseinternationalvoip .overlay{
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));

}

.page-managed-internet-services .network{display:none;}
.page-managed-security .network{display:none;}

.page-view-basic-routes .network{display:none;}
 

 .page-view-frontpage{}

 @media (max-width: 47.9375rem){
    .page-view-frontpage .blogs {
        padding-top: 0;
        /* margin-top: -50px; */
        margin-top: 30px;
    }
    .page-view-frontpage .blogs .container {
      padding: 0rem 0 3rem !important;
    }
    .page-view-frontpage .testimonials:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        height: calc(100% - 1rem);
        min-height: 680px;
    }
    .hide_on_mobile{
    display: none;
  }
}

.subscribe.have-contact-form .container{padding: 5rem 0 !important;}


.page-view-frontpage .testimonial-text .testimonial-details ul.social-media-links--platforms.horizontal li a.social-media-link-icon--email span {
    background-image: url(../../spectra_b2b/images/icons/mail-white.svg);
}

.page-view-frontpage .testimonial-text .testimonial-details ul.social-media-links--platforms.horizontal li a.social-media-link-icon--email span:hover {
    background-image: url(../../spectra_b2b/images/icons/hover-mail-white.svg);
}




.page-view-frontpage .testimonial-text .testimonial-details ul.social-media-links--platforms.horizontal li a.social-media-link-icon--linkedin span {
    background-image: url(../../spectra_b2b/images/icons/linkedin-white.svg);
}


/*.page-view-frontpage .testimonial-text .testimonial-detailsul.social-media-links--platforms.horizontal li a.social-media-link-icon--linkedin span:hover {
    background-image: url(../../spectra_b2b/images/icons/hover-linkedin-white1.svg) !important;
}*/

.page-view-frontpage .testimonial-text .testimonial-details ul.social-media-links--platforms.horizontal li a.social-media-link-icon--linkedin span:hover {
    background-image: url(../../spectra_b2b/images/icons/hover-linkedin-white1.svg);
}

.page-view-frontpage .view .view-footer a.view-link{display:none;}
.page-naas-network-as-a-service #landing_page_seeker{height: 570px;}

@media (min-width: 62rem){
    /*.page-naas-network-as-a-service #landing_page_seeker{height: auto;}*/
    .page-view-frontpage .blogs .container .view-header {
        padding-top: 0rem !important;
    }
}


/*add css 19-11-2021*/

.cityyour-btn a{
    /*padding: 1rem 1.3rem;*/
    padding: 1rem 0rem;
    width: 94%;
    position: relative;
    background: #47A8C5;
    color: #fff !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.0 !important;
    height: 50px;
    font-family: helvetica-neue-regular !important;
    margin: 0px 0px 10px 0px;
    display: block;
    text-align: center;
}
.cityyour-btn a:empty{display: none;}

.cityyour-btn a:hover{
    background: #000;   color: #fff !important;
}

#block-spectrainyourcity .container-fluid .left, #block-spectrainyourcity .container-sm .left, #block-spectrainyourcity .container-md .left, #block-spectrainyourcity .container-lg .left, #block-spectrainyourcity .container-xl .left {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: spectra-regular;
    font-size: 2.5rem;
    line-height: 3.0625rem;
    color: #47A8C5;
    margin-top: -0.6rem;
}

#block-spectrainyourcity .container-fluid .right .field__item, #block-spectrainyourcity .container-sm .right .field__item, #block-spectrainyourcity .container-md .right .field__item, #block-spectrainyourcity .container-lg .right .field__item, #block-spectrainyourcity .container-xl .right .field__item {
    /*width: 37.5%;*/
    width: 32.5%;
    float: left;
}


.page-broadband-internet .cityalignpadding{padding: 5rem 13.4375rem;}

.page-broadband-internet  .spectra-phone-contact
{
    background:#000;
    color:#fff;
    text-align:center;
}

.contact_phone_numner{font-size: 2.95rem;}

.contact_para_align{line-height:3.50rem;}

.justify-card-align-bx{ -webkit-box-pack: justify !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: justify !important;
    justify-content: flex-start !important;
}

 

/*.blogs .blog-card{margin: 0 20px;}*/

 .justify-card-align-bx a{margin: 0 30px 0 6px;}
 .justify-card-align-bx .blog-card{margin: 0 30px 0 6px;}

 .page-broadband-internet-plans .header-links .pricing{margin: 0 0rem;}


@media (max-width: 35.9375rem){
    .page-view-frontpage .partners.container .col-lg-12 > div {
        width: auto;
    } 
    .page-broadband-internet .cityalignpadding {
        padding: 5em 1rem;
    }
    #block-spectrainyourcity .container-fluid .right .field__item, #block-spectrainyourcity .container-sm .right .field__item, #block-spectrainyourcity .container-md .right .field__item, #block-spectrainyourcity .container-lg .right .field__item, #block-spectrainyourcity .container-xl .right .field__item {
        /*width: 49%; */
        width: 50%;
        float: left;
    }
    .cityyour-btn{margin-top: 1.5rem;}
}

/*add css 19-11-2021*/

.pricing .pricing-card.mostpopular:before {
        position: absolute;
        content: "Most Popular";
        top: 0;
        left: 0;
        background: #47A8C5;
        text-align: center;
        width: 100%;
        padding: 0.4rem 0;
        font-size: 0.875rem;
        color: white;
        text-transform: uppercase;
        font-family: helvetica-neue-medium;
        transform: translateY(-100%);
    }
    
    .pricing .pricing-main-section .main-content-pricing .carousel#pricing-carousel .carousel-inner {
      overflow: visible;
    }
    
.loader_wrapper {
     display: flex;
     height: 100vh;
     justify-content: center;
     align-items: center;
     background: rgb(0,0,0,0.85);
     margin:0; padding:0;
     position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999999;
}
.loader {
  border: 20px solid #000;
  border-radius: 50%;
  border-top: 20px solid #000;
  border-bottom: 20px solid #fff;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.clearfix{clear:both;}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a.manish_text_font{ font-size:200px; color:#900;}


/*Search List Css*/
 
ul#company_list_here_ajax{
        padding: 0;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    z-index: 999;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    /* box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%);
    -o-box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 25%); */

    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 25%);
    -o-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 25%);
}

 
ul#company_list_here_ajax li {
    list-style-type: none;
    padding: 8px 0 8px 24px;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
    color: #000000;
    background: url(../../spectra_b2b/laravel_images/company_grey.png) no-repeat 4px 7px;
    background-size: 13px 22px;
    transition: all ease-in-out 0.2s;
    display: block;
    width: 100%;
    cursor: default;
    text-decoration: none;
    cursor: pointer;
}

 
ul#company_list_here_ajax li:hover {
    color: #fff;
    background: url(../../spectra_b2b/laravel_images/company_white.png) no-repeat 4px 7px #7962b0;
    background-size: 13px 22px;
}
ul#company_list_here_ajax li:focus {
    color: #fff;
    background: url(../../spectra_b2b/laravel_images/company_white.png) no-repeat 4px 7px #7962b0;
    background-size: 13px 22px;
}

.spectra_checkout_page #additional_primary_otp_label_change{
    font-size: 11px;
    color: #47A8C5;     cursor: pointer;
    font-weight: 600;
}

.spectra_checkout_page .additional_primary_otp label{
    width: 100%;
}

.spectra_checkout_page #additional_primary_otp_label_resend, 
.spectra_checkout_page #additional_primary_otp_label_counter{
    bottom: 22px;
    left: auto;
    right: 0;
    cursor: pointer;
    width: auto;
    color: green;
    /* font-weight: bold; */
    position: absolute;
    font-size: 80%;
}

#haveus_primary_otp_label_resend{
    position: absolute;
    right: 0;
    top: px !important;
    color: #fff;
    cursor: pointer;
    top: -14px;
}

#haveus_primary_otp_label_change{cursor: pointer;font-weight: 600;}



.pricing .pricing-main-section select {
    color: #47A8C5;
}
.pricing .select-container select {
    width: 100%;
    color: black;
    appearance: none;
    border: none;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    background: transparent;
}

  .page-broadband-internet-plans .people-around{
    width: 50%;     
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
    display: flex;
   
   }
.pricing-main-section .filter-icon-container .cross-filters {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    transform: translateX(2rem);
    opacity: 0;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.pricing-main-section .filter-icon-container .cross-filters span {
    position: absolute;
    height: 3px;
    width: 95%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: black;
    transition: all 0.2s ease 0.3s;
}

.pricing-main-section .filter-icon-container.active .cross-filters span:first-child {
    transform: rotate(45deg);
}

.pricing-main-section .filter-icon-container.active .cross-filters span:nth-child(2) {
    transform: rotate(-45deg);
}

.pricing-main-section .main-content-pricing .filters-container.show-filters {
    max-height: 800px;
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.pricing-main-section .filter-icon-container.active img {
    display: none;
}
.pricing-main-section .filter-icon-container.active .cross-filters {
    transform: translateX(-100%);
    opacity: 1;
}

.pricing-main-section select {
    color: #47A8C5 !important;
}

@media only screen and (max-width: 991px){
    .spectra_checkout_page #additional-details .input-content {
        width: 100%; margin-bottom: 2.5rem;
    }
}
@media (max-width: 767px){
    .page-broadband .partners.container .col-lg-12 > div, 
    .page-leased-line-internet .partners.container .col-lg-12 > div, 
    .page-voice-services .partners.container .col-lg-12 > div
    {
        width: auto;
    }

 
    .page-naas-network-as-a-service #block-effectivebusinesssolutionsnaaslandingpage .container-fluid {
        padding: 0;
    }

    .page-naas-network-as-a-service #landing_page_seeker {
        height: auto;
    }

    .spectra_checkout_page .checkout-cards {
        border: 1px solid #47A8C5;
        padding: 1.5rem;
    }
    .pricing-main-section .plan-details .connect-now{margin-bottom: 25px;}
    .pricing .pricing-card{margin-top: 0 !important;}
    /*.pricing-main-section .main-content-pricing .carousel#pricing-carousel {padding-top: 1.875rem;}*/
      .pricing-main-section .main-content-pricing .carousel#pricing-carousel {padding-top: 0rem;}
    .pricing-main-section .main-content-pricing .filters-container .individual-filter .filter-link:after {
        left: 95%;
    }
    .pricing-main-section .main-content-pricing .filters-container {
        overflow: hidden;
        padding-top: 0;
        max-height: 0;
        transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .font-20 {
        font-size: 1rem !important;
        line-height: 1.65rem  !important;
    }
    .container {
        padding: 3rem 1.5rem;
    }

    .pricing .container {padding: 3rem 1.5rem !important;}



    .font-65 {
        font-size: 40px !important;
      }
    .pricing .select-container {
        width: 8rem; position: relative;
    }
    .pricing .select-container:after {
        pointer-events: none;
        content: "";
        position: absolute;
        top: 6px;
        left: 70%;
        height: 11px;
        width: 11px;
        border: solid #47A8C5;
        border-width: 0 2px 2px 0;
        transition: transform 0.3s ease;
        transform: rotate(45deg);
        }

       .pricing-main-section select{            
            padding-left: 5px;
        }
       .page-managed-internet-services .why-spectra {
            background: #C8BBDB;
            color: #000;
            margin: 0 0;
           }
           .page-broadband .why-spectra, .page-leased-line-internet .why-spectra {margin: 0 0;}

}

@media (min-width: 320px) and (max-width: 379px){
    .spectra-code .form-group .location-div a{margin-right: 14px;}
    .font-12{font-size: 0.65rem;}
    .page-managed-internet-services .pricing .not-sure-section {
        background: #d1e9f0;
        color: black;
        padding-top: 45px;
    }

    .page-managed-internet-services .pricing .not-sure-section  .font-36 {
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding-bottom: 1.5rem !important;
    }
    .font-65 {
        font-size: 30px !important;
    }
}

 
@media (max-width: 35.9375rem){
    footer.site-footer {
        padding: 0.0625rem 0.9375rem 9.5em 0.9375rem;
    }
}

#block-callus
{
    background:#000;
    color:#fff;
    text-align:center;
    width: auto;
    margin-left: -15px;
    padding: 25px 0 30px 0px;
}


#block-callus .field.field--name-field-call-us-title.field--type-string.field--label-hidden.field__item
{
    font-family: spectra-regular;
    font-size: 4.0625rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

div#main #block-callus {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -20px;
    display: block;
}
#block-callus  .clearfix.text-formatted.field.field--name-field-call-us-description.field--type-text-long.field--label-hidden.field__item
{
    font-size: 2.25rem;
    line-height: 2.75rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: helvetica-neue-bold;
    font-weight: bold;
    line-height: 3.50rem;
}

#block-callus  .field.field--name-field-call-us-number.field--type-string.field--label-hidden.field__item{
    font-size: 2.95rem;
}

    .pricing .carousel .carousel-inner {
      overflow: visible;
    }


    .verified-show{display: block; color: white; text-decoration: underline; background: green; padding: 3px 3px 3px 6px;
    font-size: 12px; text-decoration: none;  top: 10px; letter-spacing: 2px;}
    .verified-show i{display: none;}

    .form-control:disabled, .form-control[readonly] {background-color: transparent;opacity: 1;}

#block-whynaasnaaslandingpagecarousel .seeker-inner-content{
    overflow: hidden;
}

body{
    word-break: normal !important;
}

header #nav-test #nav-2a .header-links .pricing, header #nav-test #nav-2b .header-links .pricing {
    padding-top: 1rem;
}

 a.backquestion{   
    width: 192px;
    display: block;
    background: transparent;
    text-align: center;
    padding: 1rem 2.5rem;
    position: relative;
    color: #000;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.7;
    height: 59px;
    font-family: helvetica-neue-regular;
    cursor: pointer;
    border: 1px solid #000; margin-top: -8px;
    
    }
    
    a.backquestion::after {
        content: '';
        position: absolute;
        border: 1px solid transparent;
        width: 192px;
        height: 60px;
        top: 4px;
        left: 6px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
   }

    a.backquestion:hover{background: #000;color: #fff;}
    a.backquestion:hover::after {border: 1px solid #000;}
    .page-managed-internet-services .business-solutions.right-for-you .question-part {
    padding: 2%;
}

@media (min-width:380px) and (max-width:780px) {
    .not-sure-section {
        /* margin-top: 7%; */
         margin-top: 0%;
    }
}




/* 24-12-2021 sip page cssc code */

.page-sip-trunk #voice-pricing-carousel, .page-sip-trunk #voice-pricing-carousel2 {
    width: 83%;
}

.page-sip-trunk #voice-pricing-carousel .owl-stage, .page-sip-trunk #voice-pricing-carousel2 .owl-stage {
    display: flex;
}
.page-sip-trunk #voice-pricing-carousel .owl-stage .owl-item > div, .page-sip-trunk #voice-pricing-carousel2 .owl-stage .owl-item > div {
    height: 100%;
}

.page-sip-trunk #voice-pricing-carousel .owl-nav, .page-sip-trunk #voice-pricing-carousel2 .owl-nav {
    display: none;
}
.page-sip-trunk #voice-pricing-carousel .owl-dots .owl-dot, .page-sip-trunk #voice-pricing-carousel2 .owl-dots .owl-dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin: 0 0.4rem;
    border: 1px solid #47A8C5;
}
.page-sip-trunk #voice-pricing-carousel .owl-dots .owl-dot.active, .page-sip-trunk #voice-pricing-carousel2 .owl-dots .owl-dot.active {
    background: #47A8C5;
}

.page-sip-trunk #voice-pricing-carousel .owl-dots, .page-sip-trunk #voice-pricing-carousel2 .owl-dots {
    /*display: none;*/
    position: absolute;
    bottom: -1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.page-sip-trunk #pricing-section .card-body{min-height: 556px;}


@media (max-width: 767px){
.page-sip-trunk #voice-pricing-carousel .owl-dots, .page-sip-trunk #voice-pricing-carousel2 .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-sip-trunk #voice-pricing-carousel, .page-sip-trunk #voice-pricing-carousel2 {
      width: 100% !important;
  }
    .page-sip-trunk  #pricing-section .pricing-labels{display: none !important;}
    
   
}
/*#block-webform-2{height: 780px;}*/
 /*#webform-submission-have-us-contact-you-form-ajax{height: 780px;}*/

  .subscribe{overflow: visible; height: auto;}
  @media (max-width: 992px){
    /*#block-webform-2{height: 933px;}*/
  }

  @media (max-width: 767px){
    #first-step {
        margin-left: -72px !important;
    }
}

@media (max-width: 47.9375rem){
    .page-managed-wifi .view-blogs-slider-naas-landing, .page-managed-sd-wan .view-blogs-slider-naas-landing, .page-managed-security .view-blogs-slider-naas-landing, .page-managed-sd-wan .view-blogs-slider-naas-landing{
      padding-top: 0;
    }

    .page-hotel .not-sure-section, .path-solutions .not-sure-section {
       margin-top: 0%;
    }
}

.contact_us_home_submit_form input.error ~ .option{
     top:-10px;
}

.path-haveus .steps-tab-list li{
    font-family: helvetica-neue-light !important;
    font-size: 0.875rem !important;

}

.path-haveus .steps-tab-list li::marker{
    color: #47a8c5;
    font-size: 0.75rem;
    font-weight: 700;
}
/* 24-12-2021 sip page cssc code */

/* 29-12-2021 sip page cssc code */

.need_more_sip_h4{font-size: 2rem; text-align: center;font-weight: 500;font-family: helvetica-neue-medium;}
.need_more_sip_h2{margin-bottom: 10px !important;}

.testimonials .testimonial-details{ margin-left: auto;margin-right: auto; width: 100%; text-align: center;}
.testimonials .testimonial-details h3{width: 90%; max-width: 86%; margin: auto;}
.path-haveus #pricing-carousel2_nav .queryprice_box{width: 840px;margin: 0 0 0 260px;}
.page-sip-trunk .enterpriseinternationalvoip .overlay{

    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
}


@media(max-width: 992px){
    #slick-views-b2b-home-page-main-slider-block-1-1-slider img{ display: none; }
    .view-b2b-home-page-main-slider .view-content .main-text{padding-top: 0;}
}

@media (max-width: 47.9375rem){
.testimonials .testimonial-text {
    margin-bottom: 0;
    padding: 0;
}

.page-view-frontpage .testimonials:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    height: calc(100% - 1rem);
    min-height: 560px;
}


}
/* 29-12-2021 sip page cssc code */

/* 30-12-2021 cssc code */

.testimonials .testimonial-comma{line-height: 10px;}
@media(max-width: 992px){
    
    #slick-views-b2b-pages-main-sliders-block-3-1-slider img{display: none;}
    #slick-views-b2b-pages-main-sliders-block-14-1-slider img,
    #slick-views-b2b-pages-main-sliders-block-15-1-slider img,
    #slick-views-b2b-pages-main-sliders-block-2-1-slider img
    {display: none;}

   #block-leasedlineinternet .enterpriseinternationalvoip img{display: none;}
   /* #block-leasedlineinternet .enterpriseinternationalvoip .field--type-image{min-height: 40rem; height: 40rem; background: #000;} */
   #block-leasedlineinternet .enterpriseinternationalvoip .field--type-image{min-height: 28rem; height: 28rem; background: #000;}
   .view-b2b-pages-main-sliders .view-content .main-text{margin: -100px 0 0 0;}

    .page-leased-line-internet .enterpriseinternationalvoip .main-section-text .main-text{margin: 48px 0 0;}
    .page-sip-trunk .enterpriseinternationalvoip .overlay {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.2)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
        background: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    }

     .page-broadband  .enterpriseinternationalvoip .field--type-image{min-height: 35rem; height: 35rem; background: #000;}

    
   .page-broadband .enterpriseinternationalvoip img{ display: none; }



}

.toast .toast-header{
   display: none;
}
/* .view-b2b-home-page-main-slider .view-content .main-text{padding-top: 0;} */

/* 30-12-2021 cssc code */

.testimonials .slick > div .slick-dots{margin-left: 0;text-align: center;}
@media (min-width: 22.5rem) and (max-width: 25.5625rem){
    .testimonials .slick > div .slick-dots {
        top: 460px;
    }
}

@media (max-width: 992px){
    .view-b2b-pages-main-sliders .view-content .overlay{
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
        background: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    }

    #block-leasedlineinternet .enterpriseinternationalvoip img{display: none;}
    #block-leasedlineinternet .enterpriseinternationalvoip .field--type-image{min-height: 28rem; height: 28rem; background: #000;}

    .page-voip-voice-over-internet-protocol .enterpriseinternationalvoip img{display: none;}
    .page-voip-voice-over-internet-protocol .enterpriseinternationalvoip .field--type-image{min-height: 28rem; height: 28rem; background: #000;}

     .voice-solutions .overlapping-image img{display: none;}
     .voice-solutions .overlapping-image{background: #000;}

}

.page-broadband header #nav-test #nav-2b .header-links .pricing {
      margin: 0;
}

.toast-wrapper{
    display: none !important;
}

#cant_find_location_mobile_verify{
    position: absolute;
    /* top: 0; */
     top: 12px;
    float: left;
    right: 0;
    color: green;
    cursor: pointer;
}

#cant_otp_mobile{
    color: green;
}

#cant_otp_mobile_change{
    color: red;
    cursor: pointer;
}

#cant_find_location_otp_verify_counter{
    position: absolute;
    /* top: -8px; */
     top: 0px;
    right: 0;
    line-height: 8px;
}

#cant_find_location_otp_verify{
    color: green;
    position: absolute;
    top: 21px;
    right: 0;
    cursor: pointer;     
    line-height: 5px;
}

#cant_find_location_otp_resend{
    position: absolute;
    top: -8px;
    right: 0;
    cursor: pointer;
}



/* /manish css code  7-1-2022/ */


.homemt-right{margin-right: 4% !important;}

/* .cant_find_location .find-user-sec{margin-bottom: 2.5rem;} */

.cant_find_location .find-user-sec {margin-bottom: 1rem;}
.cant_find_location .extramgt{margin-bottom: 3.8rem;}


.cant_find_location   input:focus + label, 
.cant_find_location   input:valid + label, 
.cant_find_location   input:focus + label+label.form-control-placeholder, 
.cant_find_location   input:valid + label+label.form-control-placeholder
{
    font-size: .8rem;
    transform: translate3d(0, -80%, 0);
    -webkit-transform: translate3d(0, -80%, 0);
    -moz-transform: translate3d(0, -80%, 0);
    -o-transform: translate3d(0, -80%, 0);
    /* opacity: .8; */
     opacity: 1;
    color: #fff;
}


 

.cant_find_location #cannot_find_button_response_message{font-family: helvetica-neue-regular;}

/* .cant_find_location input:valid #cant_find_location_otp_verify{top: 13px;} */

.spectra-testimonial {
    padding: 30px;
    display: block;
    background: #edede8;
}


.cust-container {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
}

#testimonial1 {
    float: left;
    width: 100%;
    text-align: left;
    min-height: 140px;
    box-sizing: border-box;
}

.spectra-testimonial h3 {
    color: #000;
    padding: 0;
}

.spectra-testimonial .views-info {
    font-size: 25px;
    color: #000;
    margin: 0;
}


#testimonial1 p.user-info {
    font-size: 14px;
    color: #f46f6a;
}

.spectra-testimonial.b2b-theme #testimonial1 p.user-info {color: #9078b6;}

#testimonial1 .owl-dots{text-align: center;}

#testimonial1 .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: transparent;
    border: 1px solid #000;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}


#testimonial1  .owl-dots .owl-dot.active span, #testimonial1 .owl-dots .owl-dot:hover span {
    background: #000;
}

.spectra-testimonial .container{padding: 1rem 0 !important;}




.availableCityInfo {
    padding: 30px 0;
    color: #000;
    background: #fff;
}

 

.availableCityInfo ul {
    padding: 10px 0;
    margin: 0;
    text-align: left;
}

.availableCityInfo ul li {
    display: inline-block;
    margin: 0 15px 0 0;
}

.availableCityInfo ul li a {
    display: block;
    text-decoration: none;
    transition: all ease-in-out .2s;
    padding: 4px 25px 4pxd 0;
    text-align: center;
    color: #000;
    border: none;
}

.availableCityInfo  .container{padding: 0rem 0;}
.testimonial-city  .container{padding: 3rem 0;}
.seekers-container > div{
    width: 100%;
    display: block;
    float: left;
    clear: both;

}

.page-leased-line-internet-plans .spectra-testimonial{
    margin-left: -15px;
    margin-right: -15px;

}

.page-leased-line-internet-plans .availableCityInfo{
    margin-left: -15px;
    margin-right: -15px;
}

.page-leased-line-internet-plans #block-webform-2{
    margin-left: -15px;
    margin-right: -15px;
}

.availableCityInfobg{background: #edede8;
 margin-left: -15px;
    margin-right: -15px;}


/* /manish css code  7-1-2022/ */

.page-naas-network-as-a-service .business-solutions .question-part h5{margin-bottom: 4rem !important;}
.can_id_success{opacity: 1 !important; background: rgb(0,0,0,0.8); padding-left: 0px !important;z-index: 10000;}
.can_id_success.fade .modal-dialog{-webkit-transform: translate(0, 0px);-o-transform: translate(0, 0px);transform: translate(0, 0px);}

@media (min-width: 36rem){
   
.can_id_success .modal-dialog {margin: 8.75rem auto;}
.can_id_success  .modal-body{padding: 0.5rem;}
.can_id_success.fade .modal-dialog{-webkit-transform: translate(0, 0px);-o-transform: translate(0, 0px);transform: translate(0, 0px);}



}


#can_not_form_validation button:disabled {
    background: #979797;
    color: #fff;
    border: 1px solid #979797;
    cursor: default;
    background-color: #979797 !important;
    border-color: #979797 !important;
    width: 12rem;
}

#can_not_form_validation  button:disabled::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #979797;
    /* background-color: #979797 !important; */
    border-color: #979797 !important;
    width: 12rem;
}

#cant_find_location_mobile-error{
    color: red;
}

#cant_find_location_mobile:focus + #cant_find_location_mobile-error{
    text-align: left;
    letter-spacing: 0.02917rem;
    word-break: normal !important;
    font-family: 'helvetica-neue-light';
    line-height: 24px;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: normal;
    color: red;
    margin-top: 19px;
}

#cant_find_location_mobile_otp:focus + #cant_find_location_mobile_otp-error{
    text-align: left;
    letter-spacing: 0.02917rem;
    word-break: normal !important;
    font-family: 'helvetica-neue-light';
    line-height: 24px;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: normal;
    color: red;
    margin-top: 19px;
}



.cant_find_location #cant_mobile_selction{min-height: 87px;}
.cant_find_location #cant_otp_selction{min-height: 87px;}

.cant_find_location #verify_otp{position: absolute;right: 0; top: 5px;color: #fff;cursor: pointer;display:none;}
.webform-submission-form input:-webkit-autofill, .webform-submission-form input:-webkit-autofill:hover, .webform-submission-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
   
}

@media(max-width: 992px){
   .can_id_success .modal-dialog{margin: 12px auto !important}
   .cant_find_location .find-user-sec {
        font-family: 'helvetica-neue-light';
        font-size: 16px;
        line-height: 24px;
        color: #000;
        outline: 0;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-bottom: 15px;
        position: relative;
    }
    .cant_find_location #cant_mobile_selction {min-height: 76px; margin-bottom: 0 !important;}
    .cant_find_location #cant_otp_selction{min-height: 76px; margin-bottom: 0 !important;}
    .cant_find_location .find-user-sec {margin-bottom: 1.9rem !important;}
    .cant_find_location .form_cancle_button{margin-top: -79px;}
    .homemt-right {margin-right: 0% !important;}
}



/* .webform-submission-form fieldset input[type="checkbox"] {
    width: auto;
} */

.policy-agreement2 {text-align: left;}
.policy-agreement2 label .checkmark {
    position: absolute;
    left: 0;
    top: 0%;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 1px solid #000;
}

.policy-agreement2 label h5 {
    font-size: 15px;
    color: #000;
}

.policy-agreement2 label .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    top: 6%;
    left: 31%;
    width: 6px;
    height: 12px;
    margin: auto;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.policy-agreement2 label input:checked ~ .checkmark {
    /* border: 1px solid #000; */
    background: #000;
}

.policy-agreement2 label input:checked ~ .checkmark:after {
    display: block;
}

.policy-agreement2 input{ width: auto; }

.policy-agreement2 #agree-error{position: absolute;top: 21px;left: 0;}


/* /manish css safri code code  10-1-2022/ */








@media (min-width: 280px) and (max-width: 499px){
    .policy-agreement2 #agree-error {
            position: absolute;
            top: 36px;
            left: 0;
        }
        .policy-agreement2 label .checkmark{top: 6%;}
    #can_not_form_validation button:disabled {
         
        width: 100%;
    }
    #can_not_form_validation button:disabled::after{width: 100%;}
    .cant_find_location .webform-button--submit{width: 100%;}
    .cant_find_location .webform-button--submit::after{width: 100% !important;}
    .cant_find_location .form_cancle_button{margin-top: 0;}
    .cant_find_location .form_cancle_button::after{    width: 100% !important;}
    .homemt-right {margin-right: 0% !important;}

}



/* /manish css safri code code  10-1-2022/  */

.change_city_list{
    border: none;
    background-color: #e4dded;
    /* text-decoration: underline; */
    position: relative;
    bottom: 4px;
    left: 10px;
    font-size: 12px;
    border-bottom: 1px solid #e4dded;
    padding-bottom: 1px;
    font-family: helvetica-neue-regular;
    padding: 0;
}

/* .change_city_list:hover{border-bottom: 1px solid #000;} */

.change_city_list::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    height: 1px;
    width: 100%;
    left: 0;
    /* background-color: #000; */
    transition: 0.4s ease-out all 0.1s;
}


.change_city_list:hover::after {
    background-color: #000;
    width: 50%;
    left: 25%;
    transition: 0.2s ease-out all 0.1s;
}


#show_city_demo .nav-tabs li a {background: #fff;
    display: block;
    padding: 4px;
    border-radius: 25px;
    min-width: 100%;
    border: 2px solid #47A8C5;
    font-size: 14px;
    transition: all 200ms;
    width: 120px;
    text-align: center;
    color: #000;
}
#show_city_demo .nav-tabs li:first-child a {margin-left: 0;}
#show_city_demo .nav-tabs li:last-child a {margin-right: 0;}

#show_city_demo .nav-tabs li a:hover {    background: #47A8C5; color: #fff; transition: all 200ms;}
#show_city_demo .nav-tabs li {
    margin:0 5px 10px 5px;
  
}

.selected_city{color: #47A8C5;
    display: block;
    width: auto;
    float: left;
    clear: both;
    /* background: red; */
}

.field--name-field-description .selected_city{ font-weight: 600; display: initial; color: #2e9cbd; float: none;}

.availableCityInfobg .selected_city{display: initial; color: #000;}

.availableCityInfo ul li{position: relative;}
.availableCityInfo ul li::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    height: 1px;
    width: 100%;
    left: 0;
    /* background-color: #000; */
    transition: 0.4s ease-out all 0.1s;
}


.availableCityInfo ul li:hover::after {
    background-color: #000;
    width: 50%;
    left: 25%;
    transition: 0.2s ease-out all 0.1s;
}

.business_city{width: 100%; float: left; font-size: 35px;}
.inbusinesscity{color: #000; font-size: 35px;}
.page-broadband-internet-plans .spectra-testimonial{    margin-left: -15px;margin-right: -15px;}

.page-broadband-internet-plans  .availableCityInfobg{margin-left: -15px;margin-right: -15px;}
.page-managed-wifi .pricing .not-sure-section{margin-left: -15px;margin-right: -15px;}
 @media(min-width: 993px) and (max-width: 1050px){
    .business_city{width: 100%; float: left; font-size: 26px;}
    .inbusinesscity{color: #000; font-size: 26px;}    
}

@media(min-width: 1051px) and (max-width: 1166px){
    .business_city{width: 100%; float: left; font-size: 29px;}
    .inbusinesscity{color: #000; font-size: 29px;}    
}

@media(min-width: 1167px) and (max-width: 1200px){
 .business_city{width: 100%; float: left; font-size: 32px;}
    .inbusinesscity{color: #000; font-size: 32px;}   
}

@media(min-width: 1200px) and (max-width: 1366px){
.business_city{width: 100%; float: left; font-size: 33px;}
    .inbusinesscity{color: #000; font-size: 33px;} 
}

@media(min-width: 412px) and (max-width: 992px){
    .mobile-hide-sectionbusiness{display: none;}
    .business_city{width: 100%; float: left; font-size: 27px;}
    .inbusinesscity{color: #000; font-size: 27px;} 
}



@media(max-width:992px){
    .confirmation-img img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }


	.justify-card-align-bx .blog-card {
		margin: 0 30px 0 0;
	}

    .spectra-testimonial{padding: 15px;}
}




/* /manish css safri code code  10-1-2022/  */
@media (max-width: 47.9375rem){
    .policy-agreement2 #agree-error {
            position: absolute;
            top: 36px;
            left: 0;
        }
        .policy-agreement2 label .checkmark{top: 6%;}
  .partners img{max-width: 8rem;width: 8rem;}
  .page-co-living #block-oursolutionscolivingpage, 
  .page-hospital #block-oursolutionscolivingpage, 
  .page-hotel #block-oursolutionscolivingpage, 
  .page-co-working #block-oursolutionscolivingpage, 
  .page-retail #block-oursolutionscolivingpage, 
  .page-banking-and-financial-services #block-oursolutionscolivingpage, 
  .page-it-ites-information-technology #block-oursolutionscolivingpage, 
  .page-manufacturing #block-oursolutionscolivingpage, 
  .page-education #block-oursolutionscolivingpage, 
  .page-logistics #block-oursolutionscolivingpage
  {
    margin-top: 7rem;
  }

}


@media (max-width: 61.9375rem){
    .policy-agreement2 label .checkmark{top: 6%;}
    .policy-agreement2 #agree-error {
            position: absolute;
            top: 36px;
            left: 0;
        }
    .partners img {height: 35px;margin-bottom: 1.5rem;}
    .cant_find_location .container{max-width: 100% !important; padding: 1rem 0.5rem !important;}
}

@media (max-width: 767px){
    .policy-agreement2 label .checkmark{top: 6%;}
  .webform-submission-form.webform-submission-have-us-contact-you--form {background: #47A8C5;margin: 0 0rem !important;}
.cant_find_location .container{max-width: 100% !important; padding: 1rem 0.5rem !important;}
.policy-agreement2 #agree-error {
            position: absolute;
            top: 36px;
            left: 0;
        }

}

@media (min-width: 768px) and (max-width: 991px){
    .mb-hidesection{display: none;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
    .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {margin-top: 1rem;}
    .availableCityInfo ul li a{padding: 4px 0 4px 0; text-align: left;}
    .availableCityInfo ul li{width: 26%;float: left;}
    .page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
    .page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}

    .page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
.page-managed-internet-services .not-sure-section{margin-top: 14%;}
    .page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
    .network-solution .container {padding: 0.9375rem 0rem 0 !important;} 

}
@media (min-width: 671px) and (max-width: 767px){
    .mb-hidesection{display: none;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
    .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {margin-top: 1rem;}
    .availableCityInfo ul li a{padding: 4px 0 4px 0;  text-align: left;}
    .availableCityInfo ul li{width: 26%;float: left;}
    .page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
    .page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}

    .page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
    .page-managed-internet-services .not-sure-section{margin-top: 14%;}
    .page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
    .network-solution .container {padding: 0.9375rem 0rem 0 !important;} 


    .partners img {max-width: 6rem;width: 6rem;}
    .policy-agreement2 #agree-error {position: absolute;top: 36px;left: 0;}
    .policy-agreement2 label .checkmark{top: 6%;}
}

@media (min-width: 557px) and (max-width: 670px){
    .mb-hidesection{display: none;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
    .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {margin-top: 1rem;}
    .availableCityInfo ul li a{padding: 4px 0 4px 0;  text-align: left;}
    .availableCityInfo ul li{width: 26%;float: left;}
    .page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
    .page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}

    .page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
    .page-managed-internet-services .not-sure-section{margin-top: 14%;}
    .page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
    .network-solution .container {padding: 0.9375rem 0rem 0 !important;} 


    .policy-agreement2 #agree-error {position: absolute;top: 36px;left: 0;}
    .policy-agreement2 label .checkmark{top: 6%;}
    .partners img {max-width: 10rem;width: 10rem;}
    .cant_find_location .container{max-width: 100% !important; padding: 1rem 0.5rem !important;}
}

@media (min-width: 500px) and (max-width: 556px){
    .mb-hidesection{display: none;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
    .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {margin-top: 1rem;}
    .availableCityInfo ul li a{padding: 4px 0 4px 0;}
    .availableCityInfo ul li{width: 26%;float: left;  text-align: left;}
    .page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
    .page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}

    .page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
    .page-managed-internet-services .not-sure-section{margin-top: 14%;}
    .page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
    .network-solution .container {padding: 0.9375rem 0rem 0 !important;} 

    .policy-agreement2 #agree-error {position: absolute;top: 36px;left: 0;}
    .policy-agreement2 label .checkmark{top: 6%;}
    .partners img {max-width: 8rem;width: 8rem;}
    .cant_find_location .container{max-width: 100% !important; padding: 1rem 0.5rem !important;}

}

@media (min-width: 412px) and (max-width: 499px){
    .mb-hidesection{display: none;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
    .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {margin-top: 1rem;}
    .availableCityInfo ul li a{padding: 4px 0 4px 0;  text-align: left;}
    .availableCityInfo ul li{width: 26%;float: left;}
    .page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
    .page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}

    .page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
    .page-managed-internet-services .not-sure-section{margin-top: 14%;}
    .page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
    .network-solution .container {padding: 0.9375rem 0rem 0 !important;} 

}

@media(min-width: 320px) and (max-width: 411px){
    .mb-hidesection{display: none;}
    .page-sip-trunk #pricing-section .connect-now-sip{margin-left:0px !important;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
    .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {margin-top: 1rem;}
    .availableCityInfo ul li a{padding: 4px 0 4px 0;  text-align: left;}
    .availableCityInfo ul li{width: 26%;float: left;}
.page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
.page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}

.page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
.page-managed-internet-services .not-sure-section{margin-top: 14%;}
.page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
.network-solution .container {padding: 0.9375rem 0rem 0 !important;}

    .mobile-hide-sectionbusiness{display: none;}
    .business_city{width: 100%; float: left; font-size: 20px;}
    .inbusinesscity{color: #000; font-size: 20px;} 
}


@media (max-width: 280px){
    .mb-hidesection{display: none;}
    .page-voip-voice-over-internet-protocol .view-blogs-slider-naas-landing {padding-top: 5rem !important;}
 .page-voice-services #webform-submission-have-us-contact-you-form-ajax .have-contact-form {
    margin-top: 1rem;
  }
     .availableCityInfo ul li a{padding: 4px 0 4px 0  text-align: left;;}
    .availableCityInfo ul li{width: 26%;float: left;}
.page-leased-line-internet-plans .why-spectra.featuresproduct{margin: 0;}
.page-leased-line-internet .why-spectra.featuresproduct{margin: 0;}


.page-leased-line-internet .why-spectra{margin: 0 -0.9375rem;}
.page-managed-internet-services .not-sure-section{margin-top: 14%;}
.page-managed-security .not-sure-section, .page-managed-wifi .not-sure-section{margin-top: 14%;}
.network-solution .container {padding: 0.9375rem 0rem 0 !important;}

    .cant_find_location .container{max-width: 100% !important; padding: 1rem 0.5rem !important;}
    .page-view-frontpage .partners.container .col-lg-12 > div {width: 100%;text-align: center;}
    .font-65 {font-size: 30px !important;}
    .justify-card-align-bx .blog-card {margin: 0 30px 0 0px;}
    .webform-submission-form.webform-submission-have-us-contact-you--form {background: #47A8C5;margin: 0 0rem !important;}
    .mbcontact-align {padding: 0 0.7rem;}
    .policy-agreement label .checkmark{top: 6%;}

    #block-oursolutionscolivingpage .why-spectra {padding-top: 0;}
    .partners img{max-width: 8rem;width: 8rem;}
      .page-co-living #block-oursolutionscolivingpage, 
      .page-hospital #block-oursolutionscolivingpage, 
      .page-hotel #block-oursolutionscolivingpage, 
      .page-co-working #block-oursolutionscolivingpage, 
      .page-retail #block-oursolutionscolivingpage, 
      .page-banking-and-financial-services #block-oursolutionscolivingpage, 
      .page-it-ites-information-technology #block-oursolutionscolivingpage, 
      .page-manufacturing #block-oursolutionscolivingpage, 
      .page-education #block-oursolutionscolivingpage, 
      .page-logistics #block-oursolutionscolivingpage
      {margin-top: 4rem;}

      .spectra-testimonial {padding: 30px 15px;}
      .spectra-testimonial .container {padding: 1rem 0 !important;}
      .availableCityInfo .container {padding: 0rem 15px !important;}

}

.otp_successfully_send{
    color: red !important;
}

.can_not_find_4_button,.can_not_find_5_button{
    word-break: normal !important;
    overflow: visible;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
    margin: 0;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    padding: 0px 10px !important;
    min-height: 50px !important;
    height: 50px !important;
    position: relative;
    -webkit-appearance: button;
    float: left;
    padding-left: 12px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #979797;
    cursor: default;
    background-color: #000 !important;
    border-color: #000 !important;
    width: 12rem !important;
    float: right;margin-right: 8px; font-size: 16px;
}

.can_not_find_4_button::after{
   min-height: 50px !important;
    height: 50px !important;
     border: 1px solid #000 !important;
     border-color: #000 !important;
}

.can_not_find_5_button::after{
   min-height: 50px !important;
    height: 50px !important;
     border: 1px solid #000 !important;
     border-color: #000 !important;
}

/* .can_not_find_4_button:hover{

    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important; min-height: 50px !important;
    height: 50px !important;
}

.can_not_find_4_button:hover::after{
     min-height: 50px !important;
    height: 50px !important;
     border: 1px solid #000 !important;
     border-color: #000 !important;
} */


.can_not_find_4_button:disabled {
    background: #979797;
    color: #fff;
    border: 1px solid #979797;
    cursor: default;
    background-color: #979797 !important;
    border-color: #979797 !important;
    width: 12rem;
    padding: 0;
    min-height: 50px;
    height: 50px;
    font-size: 16px;
}

.can_not_find_5_button:disabled {
    background: #979797;
    color: #fff;
    border: 1px solid #979797;
    cursor: default;
    background-color: #979797 !important;
    border-color: #979797 !important;
    width: 12rem;
    padding: 0;
    min-height: 50px;
    height: 50px;
    font-size: 16px;
}

.can_not_find_4_button:disabled:hover {
    background: #979797;
    color: #fff !important;
    border: 1px solid #979797;
    cursor: default;
    background-color: #979797 !important;
    border-color: #979797 !important;
    width: 12rem;
    padding: 0;
    min-height: 50px;
    height: 50px;
    font-size: 16px;
}

.can_not_find_5_button:disabled:hover {
    background: #979797;
    color: #fff !important;
    border: 1px solid #979797;
    cursor: default;
    background-color: #979797 !important;
    border-color: #979797 !important;
    width: 12rem;
    padding: 0;
    min-height: 50px;
    height: 50px;
    font-size: 16px;
}

.can_not_find_4_button:disabled:hover::after{
    border: 1px solid transparent !important;
    border-color: transparent !important;
}

.can_not_find_5_button:disabled:hover::after{
    border: 1px solid transparent !important;
    border-color: transparent !important;
}

/* button.webform-button--submit:hover{} */
button.can_not_find_4_button:hover {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;
    text-decoration: none;
}

button.can_not_find_5_button:hover {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;
    text-decoration: none;
}

button.can_not_find_4_button:hover::after{
    border: 1px solid #000 !important;
    border-color: #000 !important;
}


.can_not_find_4_button:disabled::after{
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid transparent;
    border-color: transparent !important;
    width: 12rem;
    min-height: 50px;
    height: 50px;
    font-size: 11px;
}

.can_not_find_5_button:disabled::after{
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid transparent;
    border-color: transparent !important;
    width: 12rem;
    min-height: 50px;
    height: 50px;
    font-size: 11px;
}




/* .cannot_find_buttonalign{float: right;margin-right: 8px;}     */
    

 
/* 
.getstarted_black:hover, .getstarted_black:active {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    color: #fff !important;
    background: #000 !important;
    text-decoration: none;
}


.getstarted_black:hover::after, .getstarted_black:active::after {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    border: 1px solid #000;
} */

#block-whynaasnaaslandingpagecarousel{position: relative;}
.connect-now.getconnect_align1{cursor:pointer;position: absolute; z-index: 99999; left: 52%; bottom: -73px;}
/* /manish css safri code code  10-1-2022/  */

@media( max-width: 992px){
    .connect-now.getconnect_align1 {cursor: pointer;position: relative;z-index: 99999;left: 10px;bottom: 16px;}
}

#can_not_find_4_times{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-family: helvetica-neue-regular;
    color: #000;
    letter-spacing: 0.02917rem;
    word-break: normal !important;
    box-sizing: border-box;
    transition: opacity 0.15s linear;
    position: fixed;
    top: 0;
    top: 68px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    opacity: 1 !important;
    background: rgb(0,0,0,0.8);
    padding-left: 0px !important;
    z-index: 10000;
    display: none;
}

#tab_closed_popup_times{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-family: helvetica-neue-regular;
    color: #000;
    letter-spacing: 0.02917rem;
    word-break: normal !important;
    box-sizing: border-box;
    transition: opacity 0.15s linear;
    position: fixed;
    top: 0;
    top: 68px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    opacity: 1 !important;
    background: rgb(0,0,0,0.8);
    padding-left: 0px !important;
    z-index: 10000;
    display: none;
}

.verifyied4{
    top: 38px !important;
    right: 17px !important;
}
.term_condition_4{

}

.handshake_4{
   margin: auto;
    background-color: black;
    border-radius: 100%;
    height: 100px;
    width: 100px !important;
    line-height: 92px;
}

.handshake_image_4{
    margin-top: 8px;
    margin-left: 0;
    height: 70px;
}

#stay_tuned{
    margin-top: 0px !important;
    font-size: 21px !important;
    text-align: center;
}

#can_not_find_4_times .close {
    z-index: 99999999;
    position: absolute;
    top: 20px;
    right: 11px;
}

#tab_closed_popup_times .close {
    z-index: 99999999;
    position: absolute;
    top: 20px;
    right: 11px;
}

#cant_find_location_otp_change_5{
    color: red;
    cursor: pointer;

}


#cant_find_location_otp_resend_4{
    cursor: pointer;
    font-family: 'helvetica-neue-light';
    line-height: 24px;
    color: #000;
}

.mt-top-50{margin-top: 50px;}  

.can_not_find_4_button_mobile:focus{
   border-color: #d7d7d7;
   box-shadow: 0 0 0 0 rgb(0 121 192 / 25%);
}

.mobile_phone_icon{
    position: absolute;
    top: 22px;
    left: 30px;
    font-size: 22px;
}

@media(max-width: 992px){
    #can_not_find_4_times .confirmation-img{display: none;}
    #can_not_find_4_times #cant_thank_you_text{
        font-size: 28px !important;
        text-align: center;
    }
    #can_not_find_4_times .cant_submit_button4{
        position: relative !important;
        left: 0  !important;
        top: 0  !important;
        margin-top: 0px  !important;
    }
     #can_not_find_4_times .can_not_find_4_button:disabled{
            margin-right: -1px;
            width: 100% !important;
            margin-top: 6px !important;
     }
     #can_not_find_4_times .modal-content{
            height: 500px !important;
     }
     #can_not_find_4_times #cant_find_location_closed{
        position: absolute;
        bottom: -357px !important;
        right: 28px !important;
     }
     #can_not_find_4_times #cant_find_location_otp_resend_4{
       margin-left: 72px !important;
     }
     #can_not_find_4_times #cant_find_location_otp_counter_4{
       margin-left: 92px !important;
     }
     #can_not_find_4_times .can_not_find_4_button{
        width: 100% !important;
        margin-right: 0px !important;
     }
    #can_not_find_4_times .can_not_find_4_button::after {
        width: 100% !important;
    }
    .remove_on_mobile{display: none;}
}

@media (min-width: 320px)  and (max-width: 359px){
    #can_not_find_4_times #cant_thank_you_text{
        font-size: 20px !important;
        text-align: center;
    }

}

@media (min-width: 360px)  and (max-width: 411px){
   #can_not_find_4_times #cant_thank_you_text{
        font-size: 20px !important;
        text-align: center;
    }
}

@media (min-width: 652px)  and (max-width: 767px){
   #can_not_find_4_times #cant_thank_you_text{
        font-size: 35px !important;
        text-align: center;
    }
}

@media (min-width: 768px)  and (max-width: 991px){
   #can_not_find_4_times #cant_thank_you_text{
            font-size: 40px !important;
            text-align: center;
            margin-bottom: 71px;
    }
     #can_not_find_4_times .can_not_find_4_button:disabled {
        margin-top: 2px !important;
    }

    #can_not_find_4_times .cant_submit_button4 {
        margin-top: 31px !important;
    }
}

@media(max-width: 992px){
    #tab_closed_popup_times .confirmation-img{display: none;}
    #tab_closed_popup_times #cant_thank_you_text{
        font-size: 28px !important;
        text-align: center;
    }
    #tab_closed_popup_times .cant_submit_button4{
        position: relative !important;
        left: 0  !important;
        top: 0  !important;
        margin-top: 0px  !important;
    }
     #tab_closed_popup_times .can_not_find_4_button:disabled{
            margin-right: -1px;
            width: 100% !important;
            margin-top: 6px !important;
     }
     #tab_closed_popup_times .modal-content{
            height: 500px !important;
     }
     #tab_closed_popup_times #cant_find_location_closed{
        position: absolute;
        bottom: -357px !important;
        right: 28px !important;
     }
     #tab_closed_popup_times #cant_find_location_otp_resend_4{
       margin-left: 72px !important;
     }
     #tab_closed_popup_times #cant_find_location_otp_counter_4{
       margin-left: 92px !important;
     }
     #tab_closed_popup_times .can_not_find_4_button{
        width: 100% !important;
        margin-right: 0px !important;
     }
    #tab_closed_popup_times .can_not_find_4_button::after {
        width: 100% !important;
    }
    .remove_on_mobile{display: none;}
}

@media (min-width: 320px)  and (max-width: 359px){
    #tab_closed_popup_times #cant_thank_you_text{
        font-size: 20px !important;
        text-align: center;
    }
     #tab_closed_popup_times .col-md-12.upload_documents_col_md_6 {
        position: relative;
        top: 50px !important;
    }

}

@media (min-width: 360px)  and (max-width: 411px){
   #tab_closed_popup_times #cant_thank_you_text{
        font-size: 20px !important;
        text-align: center;
    }
    #tab_closed_popup_times .col-md-12.upload_documents_col_md_6 {
       position: relative;
       top: 50px !important;
   }
}

@media (min-width: 652px)  and (max-width: 767px){
   #tab_closed_popup_times #cant_thank_you_text{
        font-size: 35px !important;
        text-align: center;
    }
    #tab_closed_popup_times .col-md-12.upload_documents_col_md_6 {
        position: relative;
        top: 50px !important;
    }
}

@media (min-width: 768px)  and (max-width: 991px){
   #tab_closed_popup_times #cant_thank_you_text{
            font-size: 40px !important;
            text-align: center;
            margin-bottom: 71px;
    }
     #tab_closed_popup_times .can_not_find_4_button:disabled {
        margin-top: 2px !important;
    }

    #tab_closed_popup_times .cant_submit_button4 {
        margin-top: 31px !important;
    }
    #tab_closed_popup_times .col-md-12.upload_documents_col_md_6 {
     position: relative;
     top: 50px !important;
    }
}


#right_side_sticky {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#right_side_sticky a {
    display: block;
    background:url(pc.png) no-repeat;
    height: 52px;
    width: 155px;   
    color: #fff;
    /* font-family: Arial, sans-serif; */
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;

}
#right_side_sticky a:hover {
    background:url(pc-over.png) no-repeat;
}

#right_side_sticky {
    height: 0px;
    width: 85px;
    position: fixed;
    right: -13px;
    top: 50%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transition: .5s ease;
}
#right_side_sticky:hover {transition: .5s ease; right: -12px;}

#right_side_sticky:hover  a {padding-top: 3px;}
#right_side_sticky a {
    display: block;
    background: #2895f9;
    height: 40px;
    padding-top: 3px;
    width: 100px;
    text-align: center;
    color: #fff;
    /* font-family: Arial, sans-serif; */
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    border-radius: 5px 5px 5px 5px;
}
#right_side_sticky a:hover {
    background:#000;
}
#call_us_submmit_button_form .checkbox-inline {margin-right: 8px; cursor: pointer; vertical-align: middle;}
#call_us_submmit_button_form .checkbox-inline input{margin-right: 7px; cursor: pointer; float: left;     margin-top: 5px;}
.permit_11{font-size: 13px;}
#call_us_submmit_button_form p{margin-bottom: 0;}
 
#call_us_submmit_button_form  .btn:focus, #call_us_submmit_button_form  .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(0 121 192 / 25%);
    box-shadow: 0 0 0 0rem rgb(0 121 192 / 25%);
}

#call_us_submmit_button_form  button.webform-button--submit{float: left; margin-top: 15px;}
#call_us_submmit_button_form  .form-group {
    margin-bottom: 1.5rem;
    margin-top: 0;
}

#call_us_submmit_button_form  .invalid-feedback{position: absolute;bottom: 7px;}
#call_us_submmit_button_form  #call_back_services_error{bottom: -4px;}

#call_us_submmit_button_form button.webform-button--submit:hover{    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;}
#call_us_submmit_button_form button.webform-button--submit:hover::after{ border: 1px solid #000 !important;}

.call_back_city_close{
    position: absolute;
    right: 21px;
    top: 10px;
    z-index: 500;
    opacity: 0.5;
    cursor: pointer;
}
.call_us_success_hide{
    min-height: 244px;
    padding-top: 44px;
}

.btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0rem rgb(0 121 192 / 25%);
    box-shadow: 0 0 0 0rem rgb(0 121 192 / 25%);
}

/* #tab_closed_popup_times css */
#tab_closed_popup_times .know-about-popup {
    margin-top: 25px;
}
#tab_closed_popup_times .know-about-popup .checkbox {

}
#tab_closed_popup_times .know-about-popup .checkbox label {
    padding-left: 24px;
    position: relative;
}
#tab_closed_popup_times .know-about-popup .checkbox input {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}
#tab_closed_popup_times .know-about-popup .form-group label {

}
#tab_closed_popup_times .know-about-popup .form-group textarea {
    height: 80px;
}


@media (max-width: 992px) {
    #tab_closed_popup_times #cant_find_location_closed {
        bottom: -470px !important;
        
    }
    #tab_closed_popup_times .col-md-12.upload_documents_col_md_6 {
        position: relative;
        top: 50px !important;
    }
}




#tab_closed_popup_times #cant_find_location_submmit_button {
    float: left !important;
    position: relative;
    top: 30px;
}
/* #tab_closed_popup_times button.webform-button--submit:hover::after{
    border: none !important;
}
#tab_closed_popup_times button.webform-button--submit:hover,#tab_closed_popup_times button.webform-button--submit:active::after {
    transition: all 0.3s ease-in;
    border: 1px solid #080808 !important;
} */
.submitt-btn:hover::after{
      border: none !important;
}
.submitt-btn:hover{
     transition: all 0.3s ease-in !important;
    border: 1px solid #080808 !important;
}


#case_study_banner{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: "HelveticaNeue-Regular", sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    position: relative!important;
    background-color: black;
    color: white !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
#case_study_banner .banner-title{
    font-family: "spectra-regular";
    font-size: 58px;
    line-height: 58px;
    margin-top: 50px;
}
#case_study_banner .banner-scroll-icon {
    margin-top: 64px;
    cursor: pointer;
}
#case_study_banner .banner-left-svg {
    top: 30px;
    left: 0px;
}
#case_study_banner .banner-right-svg {
    top: 20px;
    right: 0px;
}
#case_study_banner .banner-left-svg img {
    width: 200px;
}
#case_study_banner .banner-right-svg img {
    width: 300px;
}
    

.case-study-header {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: "HelveticaNeue-Regular", sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    position: relative!important;
    background-color: black;
    color: white !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
.case-study-header .title {
    font-family: "spectra-regular";
    font-size: 52px;
    line-height: 52px;
}
.case-study-header .description {
    font-family: helvetica-neue-light;
    font-size: 18px;
    line-height: 28px;
    margin-top: 24px;
}
.case-study-header .case-study-header-left-svg {
    top: 0;
    left: 0;
}
.case-study-header .case-study-header-left-svg img {
    width: 75px;
}

section.case-studies {
    width: 100%;
    color: #000000;
}
section.case-studies .case-studies-wrapper {
    padding-top: 80px;
    padding-left: 4%;
}
section.case-studies .categories-sidebar-heading {
    font-family: helvetica-neue-light;
    font-size: 18px;
    line-height: 18px;
}
section.case-studies .categories-list {
    margin-top: 23px;
}
section.case-studies .categories-list ul li {
    font-family: helvetica-neue-light;
    font-size: 24px;
    line-height: 24px;
    padding: 18px;
    padding-left: 0;
    cursor: pointer;
    border-right: 1px solid #cccccc;
}
section.case-studies .active-category {
    color: #4aa7bd;
    border-right: 4px solid #4aa7bd !important;
}

section.case-studies .case-studies-list .case-study-item {
    width: 100%;
    margin-bottom: 70px;
}
section.case-studies .case-studies-list .case-study-item .case-study-title {
    font-family: helvetica-neue-light;
    font-size: 24px;
    line-height: 24px;
}
section.case-studies .case-studies-list .case-study-item .case-study-description {
    font-family: helvetica-neue-light;
    font-size: 16px;
    line-height: 22px;
    margin-top: 18px;
    margin-bottom: 32px;
    padding-right: 12%;
}
section.case-studies .item {
    background: rgba(148, 101, 170, 0.5);
    margin: 5px;
}
section.case-studies .card-wrapper {
    padding: 40px;
    min-height: 328px;
    display: flex;
    flex-direction: column;
}
section.case-studies .card-wrapper .card-title {
    font-family: helvetica-neue-light;
    font-size: 24px;
    line-height: 24px;
}
section.case-studies .card-wrapper .card-text {
    font-family: helvetica-neue-light;
    font-size: 16px;
    line-height: 22px;
    margin-top: 18px;
}
section.case-studies .card-wrapper .card-link {
       margin-top: auto;
}
section.case-studies .card-wrapper .card-link a {
    color: #000000;
}
section.case-studies .card-wrapper .card-link .btn {
    padding: 0;
    color: #222;
}
section.case-studies .owl-buttons {
    display: flex;
    margin-top: 30px;
}
section.case-studies .owl-buttons .owl-prev, section.case-studies .owl-buttons .owl-next {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    border: 1px solid #cccccc;
    color: #000;
    margin: 0 17px;
}

.caseModal {
    z-index: 9999;
}
.caseModal .modal-content {

}
.caseModal .modal-content::before {
    content: '';
    background-image: url(https://f1studioz.in/demo/spectra-case-study/assets/img/modal-bg-element.svg);
    position: absolute;
    top: 0;
    left: -15px;
    width: 180px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.caseModal .modal-content::after {
    content: '';
    background-image: url(https://f1studioz.in/demo/spectra-case-study/assets/img/modal-form-bg.svg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 370px;
    height: 50px;
    background-size: cover;
}
.caseModal .modal-content .modal-body {
    padding: 0;
}
.caseModal .modal-content .modal-body .close {
    position: absolute;
    right: 18px;
    top: 8px;
    z-index: 9;
}
.caseModal .modal-content .modal-body .left-case-modal-column {
    background: #d2e9ef;
}
.caseModal .modal-content .modal-body .case-modal-info {
    padding: 30px;
    z-index: 9;
}
.caseModal .modal-content .modal-body .case-modal-info .description-wrap {
    overflow-y: auto;
    height: 340px;
    padding-right: 10px;
    font-family: helvetica-neue-light;
}
.description-wrap::-webkit-scrollbar {
    width: 5px;
}
.description-wrap::-webkit-scrollbar-track {
    background: #b7b7b7;
}

.description-wrap::-webkit-scrollbar-thumb {
    background: #47A8C5;
}

.caseModal .modal-content .modal-body .case-modal-info .title {
    /* border-bottom: 1px solid #b7b7b7; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: helvetica-neue-light;
}
.caseModal .modal-content .modal-body .case-modal-info .description-wrap p {
    font-family: helvetica-neue-light;
}
.caseModal .modal-content .modal-body .form-wrapper {
    padding: 50px 20px 100px;
    z-index: 2;
    position: relative;
}
.caseModal .modal-content .modal-body .form-wrapper .form-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    font-family: "HelveticaNeue-Regular";
    font-size: 16px;
    line-height: 20px;
    color: #31353f;
    margin-bottom: 10px;
}
.caseModal .modal-content .modal-body .form-wrapper .form-group label {
    font-family: helvetica-neue-light;
    margin-bottom: 5px;
}
.caseModal .modal-content .modal-body .form-wrapper .form-group input {
    background-color: white;
    border: 1px solid #b7b7b7;
    padding: 12px 16px;
    width: 100%;
    height: 38px;
    font-family: helvetica-neue-light;
}
.caseModal .modal-content .modal-body .form-wrapper .form-check {
    margin-bottom: 15px;
    font-family: helvetica-neue-light;
    padding-left: 0;
}
.caseModal .modal-content .modal-body .form-wrapper .form-check-input {
    margin-left: auto;
}
.caseModal .modal-content .modal-body .form-wrapper .form-check-label {
    margin-bottom: 0;
    padding-left: 22px;
    font-size: 14px;
}
.caseModal .modal-content .modal-body .form-wrapper .btn {
    background: #000;
    width: 100%;
    color: #fff;
    border-radius: 0;
}

.spectra_form_button {
    padding: 1rem 1.5rem;
    width: 98%;
    position: relative;
    background: #000;
    color: #fff;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    border-color: #000;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.7;
    height: 59px;
    border: 0;
    border-radius: 0;
    font-family: helvetica-neue-regular;
}
.spectra_form_button::before {
    content: '';
    position: absolute;
    border: 1px solid #000;
    width: 100%;
    height: 60px;
    top: 4px;
    left: 6px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
.case_studey_form_name_error{
    display: none;
}
.case_studey_form_company_error{
    display: none;
}

.case_studey_form_email_error{
    display: none;
}
.case_studey_form_mobile_error{
    display: none;
}
.case_studey_form_checkbox_error{
    display: none;
}

#sip_trunk-slider8{

}
#sip_trunk-slider8 .owl-controls {
    height: 100%;
}
#sip_trunk-slider8 .owl-pagination{
        display: flex;
        flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
}
#sip_trunk-slider8 .owl-pagination .owl-page{
        width: 15px;
    height: 15px;
    background: #c9e5ed;
    margin: 5px;
    border-radius: 50%;
}
#sip_trunk-slider8 .owl-pagination .owl-page.active{
    background: #47a8c5;
}
#sip_trunk-slider8 .owl-buttons{
    width: 100% !important;
    left: 0 !important;
    right: 0;
    top: 65% !important;
    transform: translateY(-50%);
}
#sip_trunk-slider8 .owl-buttons .owl-prev, #sip_trunk-slider8 .owl-buttons .owl-next{
    background: transparent;
    color: #47a8c5;
    font-size: 30px;
}
#sip_trunk-slider8 .owl-buttons .owl-prev{
    position: relative;
     left: -35px;
}
#sip_trunk-slider8 .owl-buttons .owl-next{
    position: relative;
    right: -40px;
}
@media (max-width: 991px) {
    #sip_trunk-slider8 .owl-buttons .owl-prev{
         left: -25px;
    }
    #sip_trunk-slider8 .owl-buttons .owl-next{
        right: -25px;
    }
}

#case_study_banner.leader_ship {
    background-color: #fefefe;
}

#case_study_banner.leader_ship .banner-title.text-uppercase.banner-title {
    color: black;
}

#case_study_banner.leader_ship .leadership {
    background-color: rgba(91, 138, 195, 0.25);
    z-index: 1;
    overflow: hidden;
}
#case_study_banner.leader_ship .leadership-heading::before {
    content: "";
    position: absolute;
    background:black;
    top: 0;
    left: -5%;
   width: calc(50vw + 560px);
    height: 300px;
    z-index: -1;
}
#case_study_banner.leader_ship .scroll-down {
    height: 26px;
    width: 16px;
    background-color: transparent;
    border: 1px solid black;
    border-radius: 20px;
    outline: none;
    position: relative;
}
#case_study_banner.leader_ship .scroll-down:before {
    position: absolute;
    top: 4px;
    left: 50%;
    content: "";
    width: 2px;
    height: 6px;
    margin-left: -1px;
    background-color: black;
    border-radius: 100%;
    animation: scroll_down_btn-animation 2s infinite;
    box-sizing: border-box;
}
#case_study_banner.leader_ship .scroll-down span::before {
    top: 24px;
}
#case_study_banner.leader_ship .scroll-down span::after {
    top: 30px;
}
#case_study_banner.leader_ship .scroll-down span::before, .scroll-down span::after{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 2px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #000;
    transform: rotate(45deg);
}
#case_study_banner.leader_ship .banner-title{
    width: 70%;
    text-align: center;
}
#case_study_banner2 .leadership-heading {
      max-width: 50%;
      margin-left: 13%;
}
#case_study_banner2 .leadership-heading::before {
    width: calc(50vw + 560px);
    height: 300px;
}
#case_study_banner2 .leadership-heading::before {
    content: "";
    position: absolute;
    background: black;
    top: 0;
    left: -5%;
    z-index: -1;
}
#case_study_banner2 {
    background-color: rgba(91, 138, 195, 0.25);
    z-index: 1;
    overflow: hidden;
}
#case_study_banner2 .leadership-blue.d-none.d-xl-block {
    position: absolute;
    top: 0;
    z-index: 2;
}

#case_study_banner2 .leadership-image {
    position: absolute;
    z-index: 999;
}
#case_study_banner2 .leadership-background {
    position: relative;
    z-index: 100;
    left: -60px;
}
#case_study_banner2 h2.section-title.leadership-title.text-white.mb-3.mb-lg-4 {
    font-family: "spectra-regular";
    font-size: 40px;
}
#case_study_banner2 .col-12.col-lg-7.order-lg-1 {
    max-width: 50%;
    margin-left: 12%;
    position: relative;

}
#case_study_banner2 .leadership-name.mb-3.pb-lg-1 {
    font-size: 42px;
}
#case_study_banner2 .col-12.col-lg-5.d-flex.justify-content-end.align-items-start.order-lg-2.pt-5.position-relative.px-0 {
    padding-top: 0 !important;
    top: -200px;
    left: 190px;
    max-width: 35%;
}
#case_study_banner2 .leadership-designation.mb-0 {
    font-size: 21px;
}
#case_study_banner2 .leadership-content p {
    font-size: 15px;
    line-height: 26px;
    color: #444444;
}
#case_study_banner2 .leadership-profile.mt-lg-3.py-lg-5.py-3 {
    padding: 0 !important;
}
#case_study_banner2 .leadership-media img {
    width: 20px;
    padding: 10px 0;
}
#case_study_banner2  ul.social-media-links--platforms.list-unstyled.me-3.mb-0 {
    position: relative;
    top: -3px;
}
#case_study_banner2 .leadership-media {
    position: relative;
    top: 50px;
}
#case_study_banner2 .leadership-content.ps-3.ps-lg-5 {
    padding-left: 50px;
    border-left: 1px solid #bfbaba;
}
#case_study_banner2 .read-more-btn.d-inline-block.ms-lg-5 {
    margin-left: 50px;
    color: #000;
    text-decoration: underline;
    font-weight: 600;
}
#case_study_banner2 .leadership-text {
    margin-left: 20px;
}
#case_study_banner3 .better-life-header {
    padding: 0px 0;
    background-color: black;
}
#case_study_banner3 .section-title {
    font-family: "spectra-regular";
    font-weight: 400;
    font-size: 3.25rem;
}
#case_study_banner3 .padding0{padding: 0 !important;}
#case_study_banner2 .container {
    padding: 5rem 0 0;
}
#case_study_banner4 .container {
    padding: 0rem 0 0;
}
#case_study_banner4 .better-life-image {
    width: 100%;
    height: 100%;
    max-width: 526px;
    position: relative;
    padding-top: 90%;
    overflow: hidden;
}
#case_study_banner4 .better-life-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: left;
}
#case_study_banner4 .better-life-image-bg {
    width: 125%;
}
#case_study_banner4 .better-life-image-bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transform: translate(2.5rem, -3rem);
}