/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0.0
*/

@import url("../astra/style.css");
/*
Header Css
*/

:root {
    --font-body-family: 'Inter', sans-serif;
    --font-heading-family: 'Montserrat', sans-serif;
}

body {
font-family: var(--font-body-family);
}

h1, h2, h3, h4, a {
font-family: var(--font-heading-family);
}


.header_phone_number-link {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 3px;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 10px 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
}
/* Header Css end */


/* Hero banner */

.wp-block-cover.hero__banner {
    position: relative;
    padding-top: 5.8rem;
    padding-bottom: 5.8rem;
}
.hero__banner .wp-block-columns {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}
.hero__left .hero__subtitle {
    background-color: #d3b3794d;
    font-size: 12px !important;
    border: 1px solid #ffdc9c59;
    font-weight: 600;
    width: 370px;
    display: flex;
    align-items: end;
    padding: 3px 7px 3px 9px !important;
    font-family: Inter, sans-serif;
    border-radius: 6px !important;
}
.hero__left .hero__description {
    font-size: 18px;
    padding-right: 10.8rem;
    line-height: 1.4;
}
.badge-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    position: absolute;
    right: 0;
}


.badge-icon-with-text {
    width: 240px;
    height: 240px;
    background-image: url(/wp-content/uploads/2025/07/Badge.png);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 55px 38px 40px;
    line-height: 1.2;
    align-content: center;
}
.badge-icon-with-text p {
    color: #000 !important;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
}

.single__review {
    background: #0F1217;
}
.single__review .wp-block-columns {
    margin-top: 0;
}
.single__review .wp-block-columns .wp-block-column {
   flex-basis: unset !important;
}
.single__review .review_stars {
    gap: 0;
    display: flex;
    justify-content: center;
}
.single__review .icon-container {
    display: flex;
    justify-content: center;
}
.single__review .icon-container svg {
    height: 15px;
    width: 15px;
}
.single__review .wp-block-column p {
    padding: 0px 12em;
    margin-top: 0;
    color: #d8dadb;
    line-height: 1.5;
    font-weight: 300;
    font-size: 16px;
}
.single__review .wp-block-column h3 {
    margin-bottom: 0;
    color: #6b7275;
    font-size: 16px !important;
}
.single__review .wp-block-column p.has-small-font-size {
    display: none;
}
.weak_internet h2, .section__card h2.has-large-font-size, .section__table h2 {
    padding: 0 7em;
    line-height: 1.3;
    font-size: 42px !important;
    font-family: 'articulat-cf', sans-serif;
}
.weak_internet p {
    font-size: 24px;
    font-family: 'elza-text', sans-serif !important;

}
.section__video .wp-block-image img {
    box-shadow: 0px 4px 20px 0px rgba(89, 113, 116, .15);
    border-radius: 10px;
}
.section__video h2 {
    font-size: 20px !important;
    margin-bottom: .6rem;
    font-family: 'articulat-cf', sans-serif;
}
.section__video p {
    font-size: 14px !important;
    margin-top: 0;
    font-family: 'inter', sans-serif;
    line-height: 1.5;
}
.section__video video {
    height: 360px;
    object-fit: cover;
}
.section__video .wp-block-columns, .section__plan .wp-block-columns {
    gap: 50px;
}
.int-provide-section.wp-block-group  {
    padding-top: 100px;
}
.int-provide-section h2.has-medium-font-size {
    font-size: 24px !important;
    font-family: 'inter', sans-serif;
    color: #5ec8d6;
    font-weight: 700;
    letter-spacing: -0.04em;
}
.int-provide-section h2.has-large-font-size {
    font-size: 42px !important;
    font-family: 'articulat-cf', sans-serif;
    margin-bottom: 0;
    margin-top: 45px;
    line-height: 1.3;
    padding: 0 3em;
}
.int-provide-section p {
    padding: 0 12em;
    margin-top: 40px;
}
.section__plan {
    padding-top: 0;
}
.section__plan h2 {
    font-size: 18px !important;
    font-family: 'inter', sans-serif;
    letter-spacing: -0.7px;
    font-weight: normal;
    color: #000;
    line-height: 1.4;
    text-align: justify;
    padding-top: 20px;
    padding-right: 60px;
}
.section__plan img {
    height: 360px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.section__plan h4 {
    font-family: 'articulat-cf', sans-serif;
    margin-bottom: 0;
    color: #011624;
}
.section__plan p {
    margin-top: 0.6rem;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}
.gradient-button a, .wc-block-components-checkout-place-order-button {
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    min-height: 50px;
    line-height: 1.5;
    font-weight: 600 !important;
    border-radius: 40px;
}
.gradient-button a:hover, .gradient-button a:focus {
    background: #fcfbfb !important;
    box-shadow: inset 0 0 0 1px #17aac4;
    color: #17aac4 !important;
    border-color: unset !important;
}
.section__card .wp-block-cover__inner-container .wp-block-columns {
    align-items: center !important;
    gap: 12px;
}
.section__card .wp-block-cover__inner-container .wp-block-columns .wp-block-column:first-child {
    flex-basis: 0 !important;
}
.section__card .wp-block-cover__inner-container .wp-block-columns .wp-block-column {
    flex-grow: 1 !important;
}
.section__card .wp-block-cover__inner-container .wp-block-columns img {
    width: 70px;
    height: 35px;
    object-fit: contain;
}
.section__card .wp-block-cover__inner-container .wp-block-columns h2.has-medium-font-size {
    font-size: 14px !important;
    font-family: 'inter', sans-serif;
    color: #fcfbfb;
}
.section__card .wp-block-cover {
    padding: 37px 27px;
    border-radius: 6px;
}
.section__card .wp-block-cover img {
    border-radius: 6px;
}
.section__card .wp-block-cover__inner-container {
    margin-top: 50px;
}
.section__card .wp-block-cover h2 {
    margin-top: 0;
    font-size: 26px !important;
    font-family: 'articulat-cf', sans-serif;
    color: #fcfbfb;
}
.section__card .wp-block-cover .wp-block-list li {
    font-size: 14px;
    margin-bottom: 5px;
    color: #fcfbfb;
}
.wp-block-button.white-button a {
    min-width: 266px;
    padding: 14px 8px;
    min-height: 50px;
    font-weight: 600;
    background: #fcfbfb;
    color: #17aac4 !important;
    line-height: 1.5;
}
.wp-block-button.white-button a:hover {
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    color: #fcfbfb !important;
    box-shadow: inset 0 0 0 1px #fcfbfb;
}
.mobile_plan-section {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    background: linear-gradient(90deg, rgba(23, 170, 197, 1) 32%, rgba(21, 190, 167, 0.93) 100%);
}
.mobile_plan-section h2 {
    font-size: 32px !important;
    font-family: 'articulat-cf', sans-serif;
    line-height: 1.3;
}
.mobile_plan-section img {
    width: 41px;
    height: 41px;
    border-radius: 10px;
    display: block;
    margin: auto;
}
.mobile_plan-section .wp-block-columns {
    gap: 10px;
}
.mobile_plan-section .wp-block-column {
    flex-basis: unset !important;
    display: flex;
    align-items: center;
}
.mobile_plan-section p {
    font-size: 18px;
    line-height: 1.3;
}
.section__how_it_work {
    background: rgb(247, 248, 248);
    padding-top: 32px !important;
    padding-bottom: 56px !important;
}
.section__how_it_work h2.has-large-font-size {
    font-size: 32px !important;
    font-family: 'articulat-cf', sans-serif;
    line-height: 1.3;
}
.section__how_it_work p {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 60px;
}
.section__how_it_work .wp-block-column {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 20px 0px rgba(89, 113, 116, .15);
    padding: 40px 20px;
}
.section__how_it_work h2 {
    font-size: 26px;
    font-family: 'articulat-cf', sans-serif;
    line-height: 1.2;
}
.section__how_it_work p {
    padding: 0 35px;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 15px;
    color: #000;
}
.section__how_it_work .wp-block-button {
    margin-top: 10px;
}
.section__table h4 {
    font-size: 26px !important;
    font-family: 'articulat-cf', sans-serif;
    line-height: 1.3;
}
.section__table .ez-table th, .section__table .ez-table td {
    border: none;
    padding: 18px 10px;
}
.section__table table {
    border: none;
}
.section__table tbody {
    box-shadow: 0px 8px 20px 0px #545e680f;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.section__table .ez-table tr {
    border-bottom: 1px solid #ccc;
}
.section__table .ez-table tr:last-child {
    border-bottom: none;
}
.section__table .ez-table th {
    background-color: transparent;
    font-size: 22px;
    font-family: 'articulat-cf', sans-serif;
    color: #000;
    font-weight: 500;
}
.section__table .ez-table td {
    font-family: 'inter', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
}
.section__comparison h2 {
    font-size: 32px !important;
    font-family: 'articulat-cf', sans-serif;
    line-height: 1.3;
    color: #000;
    padding: 0 11em;
}
.section__comparison p {
    width: 486px;
    margin: 15px 0;
    font-size: 18px;
    color: #000;
}
.section__comparison figure {
    margin-top: 56px;
}
.section__map, .section__shipping {
    padding-top: 80px !important;
    padding-bottom: 56px !important;
}
.section__map h2, .section__shipping h2, .section__activation h2, .section__portable h2.has-large-font-size  {
    margin-bottom: 20px;
    padding-bottom: 80px;
    font-size: 42px !important;
    font-family: 'articulat-cf', sans-serif;
    line-height: 1.3;
}
.section__map h2 {
    margin-top: 50px !important;
}
.section__map p, .section__shipping p, .section__activation p {
    font-size: 18px;
    line-height: 1.3;
    color: #000;
}
.section__shipping figure, .otr_internet .wp-block-cover, .rv_adventure_plan .wp-block-cover {
    position: relative;
}
.section__shipping figure::before, .otr_internet .wp-block-cover::before, .rv_adventure_plan .wp-block-cover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(23, 170, 196, 0.2);
    border-radius: 6px;
}
.section__portable p.has-text-align-center {
    margin-top: 50px;
    font-size: 22px !important;
    line-height: 1.3;
    color: #000;
}
.section__portable h2, .section__router h2{
    font-size: 32px !important;
    font-family: 'articulat-cf', sans-serif;
    color: #000;
    line-height: 1.3;
}
.section__portable h4, .section__router h4 {
    color: #000;
    font-family: 'articulat-cf', sans-serif;
    margin-bottom: 10px;
}
.section__portable p, .section__router p {
    font-size: 14px !important;
    color: #000;
    line-height: 1.3;
    margin-top: 0;
}
.section__portable .portable__left {
    margin-top: -100px;
}
.section__portable .portable__left > p, .section__router .router__right > p {
    font-size: 16px !important;
    color: #000;
    line-height: 1.3;
}
.section__portable img {
    margin-top: 10px;
}
.otr_money_back .pink-plan {
    background: linear-gradient(90deg, #F27FBB 0%, #FB4BA8 185.59%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06));
    border-radius: 6px;
    line-height: 1.2;
    padding: 10px 20px; 
}
.otr_video h2 {
    max-width: 70%;
    width: 100%;
    margin: auto;
}
.otr_video video {
    border-radius: 12px;
}
.single_add_to_cart_button {
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)) !important;
    min-height: 50px;
    line-height: 1.5;
    font-weight: 600 !important;
    border-radius: 100px;
    width: 100% !important;
    margin-top: 20px !important;
}
.single_add_to_cart_button:hover,  .otr_money_back .single_add_to_cart_button:focus {
    background: #fcfbfb !important;
    box-shadow: inset 0 0 0 1px #17aac4 !important;
    color: #17aac4 !important;
    border-color: unset !important;
}

/*-----------------RV landing page------------------*/
.rv_landing_banner .hero__heading {
    max-width: 550px;
    width: 100%;
    font-family: 'articulat-cf', sans-serif;
}
.rv_landing_banner .hero__heading strong {
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    border-radius: var(--radius-s);
    font-weight: inherit;
    padding: 0 4px;
    display: inline-block;
    text-align: left;
    line-height: 1.2;
}
.rv_center_badge {
    position: relative;
}
.rv_center_badge .badge-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    position: absolute;
    right: unset;
    left: 50%;
    transform: translate(-50%, -70%);
    top: 50%;
}
.rv_groups {
    padding-top: 80px !important;
}
.rv_groups .bicbCarousel {
    padding-bottom: 10px !important;
}
.rv_groups .swiper .swiper-wrapper {
    justify-content: center;
}
.rv_groups .swiper .swiper-wrapper .swiper-slide {
    margin-right: 20px !important;
}
.rv_groups .wp-block-heading {
    line-height: 1.3;
    font-family: 'articulat-cf', sans-serif;

}
.rv_adventure_plan .wp-block-columns {
    justify-content: center;
}
.rv_adventure_plan h2.has-x-large-font-size {
    max-width: 600px;
    width: 100%;
    margin: auto;
    line-height: 1.3;
    padding: 0;
    font-family: 'articulat-cf', sans-serif;
}
.rv_adventure_plan h2 {
    margin-top: 56px;
    line-height: 1.2;
    padding: 0 3em;
    font-family: 'articulat-cf', sans-serif;

}
.rv_adventure_plan .wp-block-cover {
    min-height: 816px;
    height: 100%;
    margin-top: 40px;
}
.rv_adventure_plan .wp-block-cover img {
    height: 100%;
}
.section__router .router__right  {
    display: flex;
    flex-wrap: wrap;
    align-self: self-start;
}
.testimonial-slide h3 {
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}
.testimonial-content {
    font-size: 16px;
    letter-spacing: 0.1px;
    color: #000;
    line-height: 1.3;
}
.swiper-slide {
    max-width: 246px;
    height: 120px;
    padding: 25px;
    box-shadow: 0 .8rem 4rem rgba(0, 0, 0, .08);
    border-radius: 12px;
}
.swiper-slide img   {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    object-fit: contain !important;
}
.swiper-slide .carousel {
    display: flex !important;
    justify-content: center;
}
.variations {
    display: none !important;
}
.custom-router-cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.section__referal h2, .section__referal h4, .section__referal p {
    color: #000;
    line-height: 1.3;
}
.section__referal h2 {
    margin: 0;
    font-family: 'articulat-cf', sans-serif;
}
.section__referal h4, .section__referal p {
    margin-bottom: 10px;
}
.section__referal .referal__right {
    padding: 0 60px 0 36px;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
}
.referal__right p {
    width: 100%;
}
.router-card {
    border: 2px solid #ccc;
    padding: 1rem;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    transition: 0.3s;
}
.section__referal .referal__left figure, .contact-top-section figure {
    position: relative;
}
.section__referal .referal__left figure::before, .contact-top-section figure::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(23, 170, 196, 0.2);
    border-radius: 6px;
}

/*--------contact-us-------*/
.contact-top-section {
    padding-top: 140px !important;
}
.contact-top-section h2 {
    margin-bottom: 56px;
    font-family: 'articulat-cf', sans-serif;
}
.contact-top-section  .description {
    line-height: 1.5;
    margin-top: 40px;
    font-family: 'elza-text', sans-serif;

}
.contact-top-section .sub-title {
    margin-top: 10px !important;
    font-family: 'articulat-cf', sans-serif;
    margin-bottom: 0;
}
.contact-top-section .wp-block-buttons {
    margin-top: 40px;
    gap: 12px;
}
.contact-top-section a {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: 'Inter';
}
.contact-top-section figure img {
    height: 360px;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
}
.contact-bottom-section p {
    /* padding: 0 14em; */
    color: #000;
    line-height: 1.5;
    margin-bottom: 18px;
    margin-top: 0;
}
.contact-bottom-section .step-form {
    margin-top: 100px;
}
.contact-bottom-section .step-form button {
    background-color: rgb(30,175,201);
    border: 1px solid rgb(30,175,201);
    border-radius: 2px;
    margin-top: 0;
    font-size: 14px;
}
.contact-bottom-section .step-form button.secondary {
    background-color: transparent;
}
.contact-bottom-section .step-form button:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17);
    filter: brightness(110%);
}
.contact-bottom-section .step-form input[type="text"], .contact-bottom-section .step-form input[type="email"],
.contact-bottom-section .step-form textarea, .contact-bottom-section .step-form input[type="tel"] {
    display: block;
    height: 41px;
    padding: 10px 12px;
    color: #000;
    background-color: #f1f1f1;
    border-radius: 2px;
    font-size: 14px;
    position: relative;
    flex: 1 1 auto;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    transition: box-shadow .15s ease;
    outline: none;
    background-image: none !important;
    border: none;
}
.contact-bottom-section .step-form textarea {
    height: initial;
}
.contact-bottom-section .step-form input::-webkit-input-placeholder { 
    color: #757575;
  }
.contact-bottom-section .step-form input::-moz-placeholder { /* Firefox 19+ */
    color: #757575;
  }
.contact-bottom-section .step-form input::-ms-input-placeholder { /* IE 10+ */
    color: #757575
  }
.contact-bottom-section .step-form input::-moz-placeholder { /* Firefox 18- */
    color: #757575;
}
::placeholder {
    color: #757575;
}
.contact-bottom-section .step-form label {
    color: #000;
}
.contact-bottom-section .step-form .radio-group {
    margin-bottom: 20px;
}
.contact-bottom-section .step-form .radio-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
    position: relative;
}
.contact-bottom-section .step-form .radio-wrapper:first-of-type {
    margin: 5px 0;
}
.contact-bottom-section .step-form .radio-wrapper input {
    opacity: 0;
    width: 20px;
    margin: 0;
    z-index: 99;
    height: 20px
}
.contact-bottom-section .step-form .radio-wrapper .radio-input~.radio-label:before {
    pointer-events: none;
    user-select: none;
    background-color: #fff;
    box-shadow: none;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.contact-bottom-section .step-form .radio-wrapper .radio-input~.radio-label:after {
    border-color: rgb(30,175,201) !important;
}
.contact-bottom-section .step-form .radio-wrapper .radio-input:checked~.radio-label:after {
    background: radial-gradient(rgb(30,175,201) 40%, #fff 45%);
}
.contact-bottom-section .step-form .radio-wrapper .radio-input~.radio-label:before,
.contact-bottom-section .step-form .radio-wrapper .radio-input~.radio-label:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    content: "";
    border: 1px solid;
    box-sizing: border-box;
}
.contact-bottom-section .step-form .radio-wrapper .radio-input:checked~.radio-label:before {
    border-color: rgb(30,175,201);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

/*-------------otr-plan-page-------------*/

.is-light.hero__banner {
    min-height: 764px;
}
.is-light.hero__banner .wp-block-columns {
    top: -65px;
}
.is-light.hero__banner img {
    filter: brightness(0.8);
}
.is-light.hero__banner .hero__right {
    display: flex;
    flex-direction: column;
}
.is-light.hero__banner .hero__right .badge-wrapper {
    display: flex;
    justify-content: unset;
    margin-bottom: 1rem;
    position: unset;
    right: unset;
    align-self: flex-end;
}
.is-light.hero__banner .hero__right h2 {
    max-width: 570px;
    display: flex;
    align-self: flex-end;
    margin-top: 0;
    font-family: 'articulat-cf', sans-serif;

}
.is-light.hero__banner .hero__right h2 strong {
    line-height: 1.2;
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    border-radius: 6px;
    font-weight: inherit;
    padding: 0 4px;
    display: inline-block;
    text-align: left;
}
.otr-shipping h2 {
    padding: 30px 9em 56px;
    font-family: 'articulat-cf', sans-serif;

}
.otr-shipping img {
   min-height: 595px;
   height: 100%;
}
.otr-shipping .wp-block-cover__background {
    background-color: transparent !important;
}
.otr-shipping .otr-road {
    padding: 32px 0 5px;
    margin-top: 0;
    background-color: #000 !important;
    
}
.otr-shipping .otr-road p.has-large-font-size {
    max-width: 600px;
    margin: auto;
    line-height: 1.3;
    font-family: 'articulat-cf', sans-serif;

}
.otr-shipping .otr-road p {
    line-height: 1.5;
}
.otr-shipping .otr-road .wp-block-columns {
    padding: 0 12em;
}
.otr-shipping .wp-block-image {
    margin-top: 0;
}
.section__portable .blue_bg strong {
    background-color: #17aac4;
    padding: 0 8px;
    color: #fff;
    border-radius: 6px;
}
.section__portable .blue_bg {
    margin-bottom: 80px !important;
}
.otr_plan h2 {
    line-height: 1.3;
}
.otr_plan p {
    max-width: 485px;
    margin: 24px auto 0;
    line-height: 1.4;
}
.otr_internet .wp-block-columns {
    display: unset !important;
}
.otr_internet h2 {
    max-width: 670px;
    margin: auto;
    padding-bottom: 32px;
}
.otr_internet .wp-block-cover {
    min-height: 793px !important;
    height: 100%;
}
.otr_internet .wp-block-cover img {
    height: 100%;
    width: 100%;
}
.rv_router h2 {
    line-height: 1.3;
    margin-bottom: 20px;
    font-family: 'articulat-cf', sans-serif;

}
.rv_router p {
    margin-bottom: 56px;
    line-height: 1.3;
    font-family: 'elza-text', sans-serif;

}
.rv_router .wp-block-column h2 {
    margin-bottom: 10px;
    font-family: 'articulat-cf', sans-serif;
}
.rv_router .wp-block-column p {
    margin-top: 0;
    font-family: 'elza-text', sans-serif;

}
.rv_router .wp-block-column img {
    width: 580px;
    height: auto;
    object-fit: contain;
}
.rv_router .wp-block-columns {
    align-items: center !important;
}
.router-card.selected {
    border-color: #0d6efd;
    background: #eef6ff;
}

.router-card input[type="radio"] {
    display: none;
}

.router-card-inner {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.router-image {
    width: 100px;
    height: auto;
}

.router-title {
    font-weight: bold;
    font-size: 16px;
    font-family: 'elza-text', sans-serif;

}

.router-price {
    color: green;
}

.router-desc-short {
    font-size: 12px;
    font-family: 'elza-text', sans-serif;
    color: #555;
}

.show-more-link {
    font-size: 0.85rem;
    color: #0073aa;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}

.desc-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-content {
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
    max-width: 600px;
    position: relative;
}

.modal-content .close {
    position: absolute;
    top: 10px; right: 15px;
    font-size: 1.5rem;
    cursor: pointer;
}

.woocommerce-variation-description {
    display: none !important;
}

.hero__title {
    width: 33%;
    background: var(--gradient-blue);
    background-image: linear-gradient(90deg, rgb(23, 170, 197) 0%, rgb(21, 190, 167) 119.8%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-position-x: initial, initial;
    background-position-y: initial, initial;
    background-size: initial, initial;
    background-repeat: initial, initial;
    background-attachment: initial, initial;
    background-origin: initial, initial;
    background-clip: initial, initial;
    background-color: initial;
    border-radius: var(--radius-s);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-weight: inherit;
    padding: 30px 30px;
    display: inline-block;
    text-align: left;
}


/* Contact us form */


/*-------------canada plan page--------------*/
/* .canada_plan_cart .woocommerce {
    margin-top: 80px;
}
.canada_plan_cart .router-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.canada_plan_cart .router-title {
    font-size: 14px;
    color: #0f1214;
    display: flex;
    flex: 0 0 80%;
    font-weight: 600;
}
.canada_plan_cart .router-price {
    justify-content: flex-end;
    display: flex;
    flex: 0 0 20%;
}
.canada_plan_cart .router-price .woocommerce-Price-amount {
    font-size: 18px;
    color: #0f1214;
    font-weight: 600;
}
.canada_plan_cart .router-card {
    border: 2px solid #0f1214;
    padding: 8px;
    border-radius: 6px;
}
.canada_plan_cart .custom-variation-cards-wrapper {
    padding: 20px 24px;
    pointer-events: all;
    background: #F7F8FA;
    width: 100%;
}
.canada_plan_cart .custom-variation-cards-wrapper h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: #0f1214;
    line-height: 1.2;
} */
.product_feature_wrapper {
    padding: 20px 24px;
    background-color: #F7F8FA;
    border-radius: 6px;
    margin: 14px 0 0;
}
.product_feature_wrapper p {
    font-size: 20px;
    margin-bottom: 20px;
    color: #0f1214;
    line-height: 1.2;
}
.column_layout .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(4, auto);
    column-gap: 50px;
}
.column_layout .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}
.column_layout .wp-block-outermost-icon-block {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-bottom: 10px;
}
.column_layout .wp-block-outermost-icon-block .icon-container {
    position: relative;
    background-color: rgba(255, 255, 255) !important;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, .08);
    width: 55px;
    height: 55px
}
.canada_referal .wp-block-column p {
    margin-top: 16px;
    margin-bottom: 20px;
}

.product-top-section {
    padding-top: 90px;
}
.product-faq {
    width: 990px;
}

.total-submit-price h4 {
    font-size: 14px;
}
.product_feature_icon.theme-icon {
    padding-right: 10px;
}
.product_feature_icon.theme-icon svg {
    width: 24px;
}
.product_feature_title {
    text-align: left;
    font-family: 'elza-text', sans-serif;
}
/* End of Canada Product */


/* FAQ Page */
#heading_data h2, .collapsible-content__answer-inner p {
    font-family: 'elza-text', sans-serif;
}
.collapsed {
    font-size: 18px !important;
    font-family: 'inter', sans-serif;
}
a.collapsible-content__link.h6 {
    font-size: 20px !important;
    font-family: 'articulat-cf', sans-serif;
}

.min-video, .rv_router {
    width: 100%;
}
.sub-menu li {
    list-style: none !important;
}
.enjoy-internet {
    width: 70%;
}
.section-setup h4 {
    font-family: 'articulat-cf', sans-serif;
}
.section-setup p {
    font-family: 'elza-text', sans-serif;
}

/*------------collection-page--------------------*/
.collection_banner {
    min-height: 530px;
    height: 100%;
}
.collection_banner img {
    height: 100%;
    filter: brightness(0.8);
    object-fit: cover;
    width: 100%;
}
.collection_banner h2 {
    max-width: 710px;
    margin-bottom: 20px;
    line-height: 1.3;
    color: #fff;
    width: 100%;
}
.collection_banner p {
    max-width: 490px;
    margin-top: 0;
    line-height: 1.3;
    width: 100%;
}
.collection_plan h2 {
    max-width: 630px;
    margin: auto;
    line-height: 1.3;
    width: 100%;
}
.collection_plan p {
    max-width: 480px;
    margin: 20px auto 0;
    line-height: 1.3;
    width: 100%;
}
.collection_cards .card_wrapper {
    display: flex;
    align-items: center !important;
    justify-content: center;
    flex-wrap: wrap !important;
    gap: 34px;
}
.collection_cards .card_layout {
    flex: 1;
    position: relative;
    min-width: 445px;
    max-width: 445px;
    background-color: #fcfbfb;
    border-radius: 6px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 36px 24px 20px;
    box-shadow: 0px 4px 20px 0px rgba(89, 113, 116, .15);
}
.collection_cards .card_layout .wp-block-columns:nth-child(1) {
    display: flex;
    align-items: center !important;
    padding: 5px 8px;
    background-color: #17be621a;
    color: #038b60;
    line-height: 1.2;
    border-radius: 6px;
    gap: 8px;
}
.collection_cards .card_layout  .icon_left {
    flex-basis: 14%  !important;
}
.collection_cards .card_layout  .icon_right {
    flex-basis: 83%  !important;
}
.collection_cards .card_layout  .icon_right p {
    font-weight: 600;
}

.collection_cards .card_layout .wp-block-columns:nth-child(1) .wp-block-column .wp-block-outermost-icon-block,
.collection_cards .card_layout .wp-block-columns:nth-child(1) .wp-block-column .wp-block-outermost-icon-block svg {
    width: 25px;
    height: 16px
}
.collection_cards .card_layout .per_month h2 {
    margin-bottom: 0;
}
.collection_cards .card_layout .per_month h3, .collection_cards .card_layout .per_month h6 {
    margin: 0;
}
.collection_cards .card_layout .per_month p {
    padding: 4px 10px;
    color: #fcfbfb !important;
    background-color: #3e4447 !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.4rem;
    word-break: break-word;
    border: 0.1rem solid rgba(0, 0, 0, 0.05);
    max-width: 430px;
    width: max-content;
    margin: 20px auto 0;
}
.collection_cards .icon-with-text.text-caption {
    display: flex;
    align-items: center;
    line-height: 1.3;
    gap: 12px;
    color: #000;
}
.collection_cards .icon-with-text.text-caption svg path {
    fill: #5ec8d6;
}
.collection_cards .wp-block-button {
    width: 100% !important;
}
.collection_cards .wp-block-button a {
    background: #5ec8d6;
    line-height: 1.5;
}
.collection_cards .button_pink a:hover {
    box-shadow: inset 0 0 0 1px #f586c0;
    color: #f586c0;
    background: transparent;
}
.collection_cards .button_red a:hover {
    box-shadow: inset 0 0 0 1px #d6323a;
    color: #d6323a;
    background: transparent;
}
.collection_discount h2 {
    max-width: 530px;
    margin: 20px auto 0;
    width: 100%;
}
.collection_discount p {
    max-width: 470px;
    margin: 10px auto 0;
    width: 100%;
}
.collection_discount .wp-block-button {
    width: 330px;
}
.collection_discount .wp-block-button__link {
    width: 100%;
}
.collection_discount .wp-block-button__link:hover {
    box-shadow: inset 0 0 0 1px #038b60;
    color: #038b60 !important;
    background-color: transparent !important;
}
.collection_discount {
    padding-bottom: 0 !important;
}


/* Changes made by Marie */

.product-form__item h4 {
    width: 80%;
}
.transparent-header .phone-button,
.transparent-header .fa-user::before,
.transparent-header .fa-phone::before {
    color: #000 !important;
}

.transparent-header.white-icons .phone-button,
.transparent-header.white-icons .fa-user::before,
.transparent-header.white-icons .fa-phone::before,
.transparent-header.white-icons .woocommerce-Price-amount,
.transparent-header.white-icons .xoo-wsc-sc-bki::before {
    color: #fff !important;
}

.wc-block-components-checkout-step__description {
    display: none;
}
.wp-block-woocommerce-checkout-order-summary-block {
    background-color: rgb(245 245 245);
}
.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar {
    width: 50% !important;
}
.wc-block-components-sidebar {
    position: sticky;
}
.page .entry-header {
    margin-top: 50px;
}
#zoid-paypal-card-name-field-uid_130e0ce35f_mjm6mtc6mzc {
    display: none !important;
}
.wc-block-components-product-name {
    font-size: 16px !important;
}
a.wc-block-components-checkout-return-to-cart-button {
    display: none;
}
.wc-block-components-checkout-place-order-button {
    width: 60% !important; 
    margin: 0 auto;
}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block span {
    font-size: 12px !important;
}
.ast-separate-container {
    background-color: #fff !important;
}
.wc-block-checkout__shipping-fields .wc-block-components-checkout-step__title,
.wc-block-checkout__contact-fields .wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__title {
    text-transform: capitalize;
}

.wc-block-components-checkbox {
    display: none;
}
.wc-block-components-express-payment__content {
    width: 50%;
    margin: 0 auto;
    border: none !important;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select .wc-blocks-components-select__select {
    border: 1px solid hsl(0, 0%, 87%) !important;
}


body.woocommerce-checkout footer,
body.woocommerce-checkout #colophon {
    display: none !important;
}

body.woocommerce-checkout .main-nav, body.woocommerce-checkout .user-icon , body.woocommerce-checkout .xoo-wsc-sc-cont{
    opacity: 0;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    background: #000 !important;
    color: #fff !important;
}

/* Css For Mobile Devices */
@media screen and (min-width: 320px) and (max-width: 1024px) {
    html, body {
        width: 100%;
        overflow-x: hidden;
        box-shadow: border-box;
    }
    h2, p {
        line-height: 1.2em !important;
    }
    .post-hero {
        width: 100% !important;
    }
    #featured-article {
        padding: 0 20px;
    }
    .filters {
        display: flex;
        flex-wrap: nowrap;
    }
    .tag-overlay {
        top: -225px !important;
        left: 0 !important;
    }
    .articles-grid {
        display: flex; 
        flex-wrap: wrap;
    }
    .article-card {
        flex: 0 0 100%;
    }
    .router-card-inner {
        align-items: flex-start !important;
    }
    .router-image {
        width: 50px !important;
    }    
    button:focus, .menu-toggle:hover, button:hover {
        background-color: white;
        color: #000;
        border-color: #fff;
    }
    .hero__left .hero__subtitle {
        width: 345px !important;
        /* font-size: 10px !important; */
        padding: 3px 6px 3px 6px !important;
    }
    .hero-main {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 30px;
    }
    .hero__right .badge-wrapper {
        display: none;
    } 
    .single__review .review_stars {
        width: 40%;
        align-items: baseline !important;
    }
    .otr-shipping h2 {
        padding: 20px;
        padding-top: 0;
    }
    .otr-shipping .otr-road p {
        text-align: left;
    }
    .curve-text:before {
        top: 30px !important;
    }
    .otr-shipping .otr-road .wp-block-columns {
        padding: 20px;
    }
    .otr-shipping img, .otr_internet .wp-block-cover {
        min-height: auto;
    }
    .product-gallery-image {
        position: relative;
        top: 0;
    }
    .testimonial-slider .slick-track {
        display: block;
    }
    .site-primary-footer-inner-wrap {
        padding-left: 30px;
    }
    ul#astra-footer-menu li {
        flex: 0 0 20%;
    }
    .site-footer-section-1 {
        margin-bottom: 50px;
    }
    #astra-footer-menu {
        justify-content: space-evenly;
        display: flex;
        flex-wrap: wrap;
    }
    .section__portable .blue_bg {
        margin-bottom: 130px !important;
    }
    .map__right h2 {
        padding-right: 0px !important;
    }
    .section__comparison p {
        width: 100% !important;
    }
    html body .entry-content .mobile_plan-section .wp-block-column {
        flex-basis: unset !important;
        align-items: center;
        margin-bottom: 0;
    }
    .mobile-column {
        margin-bottom: 10px !important;
    }
    .section__portable .portable__left {
        margin: 0 !important;
    }
    .contact-bottom-section p {
        padding: 0 !important;
    }
    .product-faq {
        width: 100% !important;
    }
    .mobile_plan-section {
        padding: 20px !important;
    }
    .section__video {
        padding-top: 0px !important;
    }
    .section__plan  {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .section__plan .wp-block-columns {
        gap: 0 !important;
    }
    .otr-shipping .otr-road p, .section__portable h2.has-large-font-size {
        margin-bottom: 0 !important;
    }
    .rv_adventure_plan h2 {
        padding: 0 20px !important;
    }
    .desktop-image {
        display: none !important;
    }
    .mobile-image {
        display: block !important;
        width: 100% !important;
    }
    .otr_internet .mobile-image img {
        width: 100% !important;
        height: 400px !important;
    }
    .hero__banner .rv_landing_banner h2, .is-light.hero__banner .hero__right h2 {
        font-size: 32px !important;
    }
    .is-light.hero__banner .wp-block-columns {
        top: -0px !important;
    }
    .is-light.hero__banner .hero__right .badge-wrapper {
        justify-content: end !important;
    }
    .hero__banner {
        position: relative;
    }
    .hero__banner .hero__heading {
        position: relative;
        top: 0%;
        font-size: 34px !important;
    }
    .wp-block-cover.hero__banner {
        padding: 30px 10px !important;
    }
    .hero__left .hero__description {
        padding-right: 0 !important;
    }
    .weak_internet h2, .section__card h2.has-large-font-size, .section__table h2 {
        font-size: 32px !important;
    }
    .single__review {
        padding-top: 76px !important;
    }
    .single__review .badge-icon-with-text {
        width: 150px !important;
        height: 150px !important;
        padding: 0 !important;
    }
    .single__review .badge-wrapper {
        top: 0;
        right: 14%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .single__review .badge-icon-with-text p {
        color: #000 !important;
        font-size: 12px !important;
        padding: 30px 20px !important;
        margin: 0;
    }
    .int-provide-section.wp-block-group {
        padding-top: 0 !important;
    }
    .int-provide-section h2.has-large-font-size {
        font-size: 32px !important;
    }
    .section__plan h2 {
        padding-right: 0 !important;
        margin-bottom: 40px;
    }
    .map__right {
        padding-left: 0 !important;
    }
    .section__map h2, .section__shipping h2, .section__activation h2, .section__portable h2.has-large-font-size {
        font-size: 32px !important;
        padding: 0 !important;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar {
        width: 100% !important;
    }
    .single__review .badge-wrapper {
        display: block !important;
    }
    .area-column .wp-block-column {
        margin-bottom: 10px !important;
    }
    .area-column {
        margin-top: 0;
    }
    .contact-top-section {
        padding-top: 0 !important;
        /* margin-top: 0; */
    }
    .contact-top-section h2 {
        margin-bottom: 0;
    }
    .section__map, .section__shipping {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .mobile-logo img {
        height: 22px;
    }
    .menu-toggle {
        flex: 0 0 30%;
    }
    .contact-image {
        order: -1;
    }

    /* review page */
    .review-heading {
        padding: 0 !important;
    }
    .review-heading h2:first-child {
        font-size: 28px !important;
    }
    .page .entry-header {
        margin-top: 0 !important;
    }

    /* plan page  */
    .collection_plan {
        padding-bottom: 0 !important;
    }
    .collection_cards .card_layout .icon_left {
        margin: 0;
    }
    .collection_cards .card_layout .wp-block-columns:nth-child(1) {
        gap: 2px !important;
    }
    .collection_cards .card_layout {
        min-width: 400px !important;
        max-width: 400px !important;
    }
    .collection_cards .card_wrapper {
        gap: 0px !important;
    }
    .collection_cards.collection-2 {
        padding-top: 0;
    }

    .column_layout .section_setup.wp-block-columns {
        grid-template-columns: repeat(1, auto) !important;
        text-align: center;
    }

    .is-light.hero__banner {
        min-height: auto !important;
    }
    .is-light.hero__banner.rv_landing_banner {
        min-height: 764px !important;
    }
    .mobile-image img {
        width: 100%;
    }
    /* landing page */
    .rv_groups .swiper .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        /* width: 410px; */
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    .rv_groups .swiper .swiper-wrapper .swiper-slide {
        flex: 0 0 40%;
        margin-bottom: 20px;
    }
    .otr-shipping .otr-road {
        padding: 82px 0 5px !important;
    }
}

/* Css for Tablet device */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .section__card .wp-block-columns, .section__how_it_work .wp-block-columns,
    .section__plan .wp-block-columns, .contact-top-section .wp-block-columns,
    .wp-block-woocommerce-single-product .wp-block-columns {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: center;
    }
    /* plugin files */
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-grow: 1;
        flex-basis: unset;
    }
    .video-row-1, .video-row-2 {
        display: grid !important;
        grid-template-columns: repeat(2, auto);
    }
    .section__video .wp-block-columns, .section__plan .wp-block-columns {
        gap: 100px !important;
        display: flex;
        flex-wrap: wrap !important;
    }
    .mobile-image img {
        width: 100%;
    }
    .single__review .review_stars {
        width: 40% !important;
        align-items: baseline !important;
    }
    .contact-image {
        order: -1 !important;
    }
    .contact-bottom-section p {
        padding: 0 !important;
    }
    /* footer  */
    .site-primary-footer-wrap {
        padding: 45px 20px !important;
    }
    .section__portable .portable__left {
        margin-top: 0px !important;
    }
    .main-nav {
        flex: 0 0 46% !important;
    }
    .header-right {
        flex: 0 0 34% !important;
    }
    .hero__banner {
        padding-left: 20px !important;
    }
    .hero-main {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 100px;
    }
    .hero__left {
        flex: 0 0 80% !important;
    }
    .wp-block-cover.hero__banner {
        padding-top: 1.8rem;
    }
    .hero__right .badge-wrapper {
        top: 12% !important;
    }
    .icon-image {
        flex: 0 0 20% !important;
    }
    .weak_internet h2, .section__card h2, .section__table h2, .section__comparison h2 {
        padding: 0 !important;
    }
    .int-provide-section h2, .int-provide-section p {
        padding: 0;
    }
    .product-top-section {
        display: none;
    }
    .mobile_plan-section .wp-block-columns {
        grid-template-columns: repeat(2, auto);
        display: grid;
    }
    .mobile_plan-section h4 {
        margin-left: 0 !important;
    }
    .section__map h2, .section__shipping h2, .section__activation h2, .section__portable h2.has-large-font-size {
        padding: 0 !important;
    }
    .section__map, .section__shipping {
        padding-top: 0 !important;
    }
    .section__card .wp-block-cover {
        padding: 32px 20px !important;
    }
    .wp-block-button.white-button a {
        min-width: 236px !important;
    }
    .int-provide-section.wp-block-group {
        padding-top: 0 !important;
    }
    .mobile_plan-section {
        padding: 20px !important;
    }

}





.mobile-image {
    display: none;
}
.desktop-image {
    display: block;
}
.section__portable h2.has-large-font-size {
    padding-bottom: 0 !important;
}

.apple-logo {
    width: 38px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg class='icon icon--full-color' version='1.1' xmlns='http://www.w3.org/2000/svg' role='img' x='0' y='0' width='38' height='24' viewBox='0 0 165.521 105.965' xml:space='preserve' aria-labelledby='pi-apple_pay'%3E%3Ctitle id='pi-apple_pay'%3EApple Pay%3C/title%3E%3Cpath fill='%23000' d='M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z'%3E%3C/path%3E%3Cpath fill='%23FFF' d='M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875'%3E%3C/path%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23000' d='M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858'%3E%3C/path%3E%3Cpath fill='%23000' d='M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23000' d='M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z'%3E%3C/path%3E%3Cpath fill='%23000' d='M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z'%3E%3C/path%3E%3Cpath fill='%23000' d='M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.apple-logo .menu-link {
    display: none !important;
}

/* contact us form */

.location-msg {
    margin-bottom: 0 !important;
    display: none;
}
.single__review .badge-wrapper {
    display: none;
}


/* Checkout page */
.woocommerce-checkout .phone-number-tracking {
    display: none;
}
.woocommerce-checkout .logo {
    flex: 0 0 33% !important;
    justify-content: center;
    display: flex;
    order: 1;
}
.woocommerce-checkout .main-nav {
    order: 2;
    flex: 0 0 33% !important;
}
.woocommerce-checkout .header-right {
    flex: 0 0 33% !important;
}
.wc-block-components-checkout-order-summary__title-text {
    text-transform: capitalize;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item__value {
    font-weight: 600;
}

.notice-fedex {
    font-size: 13px;
    font-weight: 400;
    color: red;
}
.xoo-wsc-smr-ptotal {
    display: none;
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons {
    display: flex !important;
}
.wc-block-components-express-payment__content {
    width: 100% !important;
}




/* Blog page */



.articles-container { 
    max-width: 1200px;
    margin: auto;
    padding-top: 100px;
}
.featured-post img { width: 100%; border-radius: 12px; }
.filters { 
    margin: 20px 0;
    text-align: center;
 }
.filter-btn { padding: 8px 16px; margin: 0 5px; cursor: pointer; border-radius: 20px; border: 1px solid #ccc; }
.article-card { width: 30%; float: left; margin: 1.5%; border-radius: 12px; overflow: hidden; }
.article-card img { width: 100%; }
.article-card h3 { font-size: 18px; margin: 10px 0; }

#articles-grid {
    display: flex;
    flex-wrap: wrap;
}
.article-card {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .article-card .image-wrap {
    position: relative;
  }
  
  .article-card img {
    width: 100%;
    border-radius: 6px;
    display: block;
  }
  
  .all-tags {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 5px;
    display: inline-block;
  }
  


  .article-card {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .article-card .image-wrap {
    position: relative;
  }
  
  .article-card img {
    width: 100%;
    border-radius: 6px;
    display: block;
  }
  
  /* .article-card .tag-label {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #ff4081;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 5px;
    display: inline-block;
  } */
  .featured-card {
    margin-bottom: 40px;
  }
  
  .featured-inner {
    display: flex;
    gap: 30px;
    align-items: center;
  }
  
  .featured-image {
    position: relative;
    flex: 1;
  }
  
  .featured-image img {
    width: 100%;
    border-radius: 10px;
    display: block;
  }
  
  .tag-overlay {
    /* position: absolute; */
    position: relative;
    top: -285px;
    /* top: 15px; */
    left: 15px;
  }
  
  .tag-label {
    background: #00a2ff;
    color: #fff;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-block;
  }
  .excerpt-heading h1 {
    color: #fff;
  }
  
  .featured-content {
    flex: 1;
  }
  
  .featured-label {
    display: block;
    color: #0080a0;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .featured-content h2 {
    margin: 0 0 15px;
    font-size: 28px;
  }
  
  .featured-content h2 a {
    text-decoration: none;
    color: #111;
  }
  
  .featured-content p {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
  }
  

  @media(max-width:768px) {
    .featured-inner {
      flex-direction: column;
    }
  }
  
  #load-more {
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    margin: 0 auto;
    text-align: center;
    display: flex;
    margin-bottom: 20px;
}



.post-hero {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    width: 1300px;
    height: 570px;
    margin: 0 auto;
}

.post-hero-image {
    position: relative;
    height: 100%;
}

.post-hero-image img {
    width: 100%;
    border-radius: 12px;
    height: 100%;
}

.post-hero-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    text-align: left;
    max-width: 60%;
}

.tag-overlay {
    margin-bottom: 10px;
}

.tag-label {
    display: inline-block;
    background: #fff;
    color: #17aac4;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 6px;
}

.post-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.post-excerpt {
    font-size: 1.1rem;
    color: #eee;
}

.post-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
    font-size: 1.1rem;
    line-height: 1.8;
}

.ez-table thead {
    display: revert !important;
}
.ez-table td {
    text-align: center !important;
}

/* Semi-transparent dark overlay */
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    border-radius: 12px;
  }
  
  /* Overlay content */
  .post-hero-overlay {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    z-index: 2;
    max-width: 60%;
  }
  .post-share {
    margin: 12px 0 20px;
    display: flex;
    gap: 14px;
  }
  
  .post-share a {
    color: #fff;
    font-size: 18px;
    transition: color 0.3s ease;
  }
  
  .post-share a:hover {
    color: #1da1f2; /* Twitter blue highlight */
  }

  
  .latest-articles {
    margin-top: 60px;
  }
  
  .latest-articles h2 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    text-align: center;
  }
  
  /* .latest-articles .articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
  } */
  
  .article-btn {
    margin: 0 auto;
    text-align: center;
  }

.filter-btn.active {
    background-color: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    color: #17aac4;
    border: 1px solid #17aac4;
}
.filter-btn:hover {
    background: linear-gradient(90deg, #17aac5 0%, #15bea7 119.8%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    /* min-height: 50px;
    line-height: 1.5;
    font-weight: 600 !important;
    border-radius: 40px; */
}

.filter-btn {
    background-color: #fff !important;
    color: #000;
    border: 1px solid #000;
}



/* custom review css */




.product_review {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}
.product_image {
    width: 50px;
}
.product_zone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}