#twist-sail-order {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "Nunito Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #343335;
	line-height: 22px;
	background: #ffffff;
    margin: 0;
}

#twist-sail-order * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#twist-sail-order ul {
	list-style: none;
	/* padding-left: 8px; */
}

#twist-sail-order li {
	position: relative;
	/* padding-left: 13px; */
}

#twist-sail-order li:last-child {
	/* padding-bottom: 20px; */
}

#twist-sail-order ul:last-child li:last-child {
	padding-bottom: 0;
}

#twist-sail-order .item li {
	padding-left: 13px;
}
#twist-sail-order .item ul {
	padding-left: 8px;
}

#twist-sail-order ul li ul li:before {
	content: "\f068";
	font-size: 45%;
	top: .10em;
}


@media (max-width: 767px) {
    #twist-sail-order {
        font-size: 14px;
        line-height: 20px;
    }
}

.columns.columns-container {
    display: flex;
    flex-direction: row-reverse;
}
.columns.columns-container .plan-box {
    min-width: 250px;
    margin-bottom: 20px;
    max-width: 250px;
}
.columns.columns-container #slider-calendar {
    /* max-width: 600px; */
    margin: 0 auto;
}

@media (max-width: 1080px) {
    .columns.columns-container {
        flex-direction: column;
    }

    .columns.columns-container .plan-box-img {
        display: none;
    }

    .heading-txt2 {
        padding-bottom: 30px!important;
        padding-top: 10px;
    }
}

.content-inner {
    padding: 50px 0 120px 0;
}
.container {
    max-width: 1200px;
}
.steps .step-items .step-item.current.select-plans .step-cont, .steps .step-items .step-item.completed .step-cont {
    display: inline-flex;
}

.owl-drag{
    display:inline-block !important;
}


.broadband-label h1, 
.broadband-label h2, 
.broadband-label h3, 
.broadband-label p 
{
    margin: 1px 0;
    padding: 0;
    line-height: 1.0em;
}

.broadband-label h1 {
    text-decoration: underline;
    
    /* margin-bottom: -7px; */
    
}
.broadband-label h2, 
.broadband-label h3 {
    
}
.broadband-label {
    font-size: 11px;
    width: 100%;
    /* border: 3px solid black; */
    font-weight: 400!important;
    line-height: 1.0em;
    -webkit-font-smoothing: antialiased; /* or subpixel-antialiased */
    font-size: 11px;
    border-top: 1px solid #aaa;
    padding: 6px 10px 5px;
    color: black;
}

.bbl-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 130%;
    
    line-height: 1em;
}

.bb-facts-toggle .chev-right {
    display: block;
}
.bb-facts-toggle .chev-down {
    display: none;
}
.bb-facts-toggle.active .chev-down {
    display: block;
}
.bb-facts-toggle.active .chev-right {
    display: none;
}

.bbl-header h1 {
    font-size: 130%;
    
    /* line-height: 1em; */
    /* font-size: 24px; */
}
.bbl-header .bbl-header-title {
    
    /* font-size: 24px; */
}
.bbl-header h2 {
    font-size: 120%;
}
.bbl-header h3 {
    font-size: 100%;
    width: 100%;
    float: none;
    display: inherit;
    vertical-align: top;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-align: inherit;
    background: none;
    border-radius: 0;
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.bbl-header-two h1 {
    font-size: 130%;
    
    /* line-height: 1em; */
    /* font-size: 24px; */
}
.bbl-header-two .bbl-header-title {
    
    /* font-size: 24px; */
}
.bbl-header-two h2 {
    font-size: 120%;
}
.bbl-header-two h3 {
    font-size: 100%;
    width: 100%;
    float: none;
    display: inherit;
    vertical-align: top;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-align: inherit;
    background: none;
    border-radius: 0;
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.bbl-price-label {
    font-size: 130%;
    line-height: 1em;
}
.bbl-price {
}
.bbl-body {
    
}
.bbl-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.bbl-col {
    
    padding-right: 5px;
}
.bbl-section {
    border-bottom: 1px solid black;
    padding: 5px 1px 3px;
}
.bbl-section-heading {
    padding: 3px 0;
    display: block;
    font-size: 110%;
}
.bbl-section ul {
    list-style: none;
    padding: 2px 0;
    padding-left: 1.5em;
    margin: 0;
}
.bbl-section li {
    padding: 2px 0!important;
}

.bbl-section li::before 
{
    display: none;
}

.bbl-footer {
    font-size: 90%;
}





.bbl-underline-1 {
    border-bottom: 1px solid black;
}

.bbl-underline-2 {
    border-bottom: 2px solid black;
}

.bbl-underline-3 {
    border-bottom: 3px solid black;
}

.bbl-underline-4 {
    border-bottom: 4px solid black;
}

.bbl-underline-7 {
    border-bottom: 7px solid black;
}

.bbl-underline-none {
    border-bottom: none;
}

.bbl-spacing-top {
    margin-top: 10px;
}

.bbl-highlight {
    color: orange;
}

.pricing-div {
    display: flex;
    justify-content: space-around;
    padding: 20px;
    }

    .pricing-column {
    flex: 1;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    
    overflow: hidden;
    position: relative;
    padding-bottom: 100px;
    /* border: transparent 6px solid; */
    }
    .pricing-title {
        width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #466c8e;
    padding: 11px 20px 10px 20px;
    }

    .pricing-body {
        padding: 0 30px;
    }
    .pricing-price {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: top;
        font-weight: 800;
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 10px;
        text-align: center;
        
    }
    .pricing-price sub {
        font-size: 50%;
        letter-spacing: 0.04em;
        bottom: 0;
    }

    .pricing-details {
        padding: 0 30px;
        text-align: center;
    }
    .pricing-button {
        text-align: center;
        marging-top: 20px;
        margin-bottom: 20px;
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-top:20px;
        border-top: 1px solid #e5e5e5;
    }
    .pricing-button btn {
        margin: 20px auto;
    }

    .pricing-column:hover, 
    .pricing-column.active {
        /* border: orange 6px solid; */
        box-shadow: 0px 0px 0px 6px orange;
        opacity: 1;
        transition: all 0.1s ease-in-out;
    }
    .pricing-column.inactive {
        box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
        /* opacity: 0.3; */
        transition: all 0.1s ease-in-out;
    }

    .pricing-column.inactive .pricing-title,
    .pricing-column.inactive .pricing-body {
        opacity: 0.5;
        transition: all 0.1s ease-in-out;
    }

    .pricing-div:hover .pricing-column:not(:hover){
        /* opacity: 0.3; */
    }

    .pricing-bullets {
        margin: 20px auto;
        
    }

    .pricing-name {
        font-size: 20px;
        text-align: center;
        margin: 20px;
    }


@media (max-width: 787px) {
    .pricing-div {
        flex-direction: column;
    }

    .pricing-column {
        flex: auto;
        margin: 10px 0; /* modify margin to vertical only */
    }
}
.step-item.completed .hide-if-confirmed {
    display: none!important;
}
.step-item.current .show-if-confirmed {
    display: none!important;
}
.step-item.completed .show-if-confirmed {
    display: block!important;
}

.steps .step-items .step-item .step-title {
    color: #cccccc;
}

.steps .step-items .step-item.current .step-title {
    color: #000000;
}

.step-item.hidden {
    display: none;
}

.offer-box li {
    margin: 0;
    padding: 0px 0 0px 23px;
    list-style: none;
    background-image: url("https://sailinternet.com/wp-content/uploads/2022/12/icon-check-orange.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px;
}
.offer-box {
    font-size:13px;
}

@media (min-width: 993px) {
    .hide-on-desktop {
        display: none;
    }
}
.feedback-good {
    color: green;
}
.feedback-warning {
    color: red;
}

#footer-disclaimer {
    padding-bottom: 1px!important;
}
.owl-carousel {
width: 100%;

}

.owl-item {
display: inline-block;
width: 100%; /* Make sure items fit in the container */
text-align:center;
}
.owl-carousel .owl-item {
width: 100%; /* Ensure each item takes up the full width */
text-align: center; /* Optional: Center the content inside each item */
}

.owl-stage {
display: flex; /* Make sure items are flexed properly */
justify-content: center; /* Center the active item */
}

.plan-box::hover {
    transform: scale(1.1);
}

.plan-box.inactive {
    /* opacity: 0.3; */
    
}

.plan-box-v3 {
    box-sizing: border-box; /* Ensures padding and borders don’t extend the width */

}

.plan-box-header-block {
    background: #64055f;
    color: #ffffff;
    padding: 10px 20px 50px;
    text-align: center;
}

.plan-box-body-block {
    padding: 20px;
    text-align: center;
}

.plan-box .plan-box-body-block ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	/* margin: 0 -10px -11px 0; */
}

.plan-box .plan-box-body-block ul li {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 11px 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

.select-plan-button {
    position: relative;
    margin-top: -48px;
    margin-bottom: 32px;
}
                        
.select-plan-button-v3 {
    background: #41c3d7;
    padding: 15px 18px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: .5em;
}

.columns.columns-container .plan-box.inactive {
    opacity: .7;
}
.columns.columns-container .plan-box.active {
    opacity: 1;
    border: 4px solid #41c3d7;
}


.plan-box-header-block h3 {
    margin: 0;
}

#twist-sail-order .btn,
#twist-sail-order input[type="button"],
#twist-sail-order input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #111;
	line-height: 19px;
	letter-spacing: 0.04em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: normal;
	background: #41c3d7;
	border: none;
	border-radius: 360px;
	box-shadow: none;
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 16px 30px 15px 31px;
	margin: 0;
}

#twist-sail-order .btn:hover,
#twist-sail-order .btn:focus,
#twist-sail-order .btn:active,
#twist-sail-order .btn:active:focus,
#twist-sail-order .btn.active,
#twist-sail-order .btn.active:focus,
#twist-sail-order input[type="button"]:hover,
#twist-sail-order input[type="button"]:focus,
#twist-sail-order input[type="button"]:active,
#twist-sail-order input[type="button"]:active:focus,
#twist-sail-order input[type="button"].active,
#twist-sail-order input[type="button"].active:focus,
#twist-sail-order input[type="submit"]:hover,
#twist-sail-order input[type="submit"]:focus,
#twist-sail-order input[type="submit"]:active,
#twist-sail-order input[type="submit"]:active:focus,
#twist-sail-order input[type="submit"].active,
#twist-sail-order input[type="submit"].active:focus,
#twist-sail-order .btn:not(:disabled):not(.disabled).active {
	color: #ffffff;
	text-decoration: none;
	background: #64055f;
	outline: 0;
}
.save-and-continue:disabled {
    background-color: #C3A1B5;
    color: #ffffff; /* Keep text color consistent or adjust as needed */
    cursor: not-allowed; /* Change cursor to indicate non-interactive */
    /* Optionally reduce opacity */
    opacity: 0.7;

}