@charset "UTF-8";
 .features__description {
	 flex: 1 1 50% !important;
}
 .split-5050 .features__description {
	 flex: 1 1 49% !important;
}
 .split-5050 .features__list {
	 flex: 1 1 25% !important;
}
 .home-page .gradient {
	 padding-bottom: 4rem;
}
 .icon-star_border:before {
	 content: "\e90b";
}
 .flex-wrap {
	 -ms-flex-wrap: wrap !important;
	 flex-wrap: wrap !important;
}
 .flex-row {
	 -ms-flex-direction: row !important;
	 flex-direction: row !important;
	 justify-content: center;
}
 .d-flex {
	 display: -ms-flexbox !important;
	 display: flex !important;
}
 .align-items-center {
	 -ms-flex-align: center !important;
	 align-items: center !important;
	 text-align: center;
}
 .justify-content-center {
	 -ms-flex-pack: center !important;
	 justify-content: center !important;
}
 .flex-column {
	 -ms-flex-direction: column !important;
	 flex-direction: column !important;
}
 .container-fluid [class^="col-"], .container-fluid .col, .container [class^="col-"], .container .col {
	 padding-left: 15px;
	 padding-right: 15px;
}
 .col-md-3 {
	 -ms-flex: 0 0 25%;
	 flex: 0 0 25%;
	 max-width: 25%;
}
 .head-bg {
	 background-image: url(../new-design/twilio-alternative/header-br.svg);
	 background-repeat: no-repeat;
	 background-position: right center;
}
 .multiple-bg {
	 background-image: url(../new-design/twilio-alternative/h2_background-image.svg);
	 background-position: 7rem 3rem;
	 background-repeat: no-repeat;
}
 .btn--green-outline {
	 text-transform: none;
}
 .contact-form-holder .contact-form .row-box {
	 margin-bottom: 1.2rem;
}
 .contact-form-holder .contact-form .tel-holder input {
	 border-left: none;
}
 .flag-image span {
	 vertical-align: middle;
}
 .contact-form-holder {
	 width: 100%;
}
 .align-items-vertical-center {
	 -ms-flex-align: center !important;
	 align-items: center !important;
}
 .herounit {
	 min-height: 57.8vh;
}
 .normal-style td {
	 vertical-align: top;
}
 .show-mobile.default-container {
	 text-align: right;
	 direction: rtl;
	 margin-bottom: 1rem;
	 display: none;
}

.price-comparison .table .bold-text.free{
	font-size: 16px;
}
.herounit--no-visual{
	min-height: 15vh !important;
}
 @media only screen and (max-width: 1024px) and (min-width: 768) {
	 /* .herounit {
		 margin-top: 12rem !important;
	} */
	 .herounit__description {
		 margin-top: 4rem !important;
	}
	 .herounit--no-visual {
		 margin-top: 2rem !important;
	}
}
 @media (max-width: 867px) {
	 .double-section {
		 display: block;
	}
	 /* .herounit {
		 margin-top: 12rem !important;
	} */
	 .sms--herounit {
		 padding-top: 0;
	}
	 .hero-flex {
		 display: flex;
		 align-items: center;
		 justify-content: center;
	}
	 .features {
		 display: flex;
	}
}
 @media (max-width: 767px) {
	 .col-md-6 {
		 flex: 1 1 100%;
	}
	 .difference-box {
		 text-align: center;
	}
	 .overflow {
		 overflow-x: auto;
	}
	 .price.starts-at-sms:before, .price.starts-at-voice:before {
		 font-size: 11px !important;
	}
	 /* .herounit {
		 margin-top: 8rem !important;
	} */
	 .herounit__description {
		 margin-top: 1rem !important;
	}
	 .sms--herounit {
		 padding-top: 1rem;
	}
	 .hero-flex {
		 display: block;
	}
	 .features, .show-mobile.default-container {
		 display: block;
	}
	 .herounit__quotes {
		 display: none;
	}
	 .features__list__head {
		 text-align: left;
	}
	 .m-none {
		 display: none;
	}
}
 @media (max-width: 768px) {
	 h1, h3, .main-heading {
		 font-size: 1.75rem !important;
	}
	 ul.partners__list li {
		 padding-bottom: 1rem;
	}
	 .herounit__quotes {
		 flex: unset !important;
		 padding-left: 0;
	}
	 .herounit__visual {
		 display: none;
	}
	 .f-18 {
		 font-size: 16px;
	}
	 .m-space {
		 display: block;
	}
	 .powerful-features {
		 padding: 0;
		 text-align: center;
	}
	 .checklist {
		 text-align: left;
	}
	 .section-gap {
		 margin-bottom: 4rem;
	}
	 .difference-details h3 {
		 font-size: 1.125rem !important;
	}
	 .d-block-flex {
		 display: block !important;
	}
	 .container.p-0 .col-md-3 {
		 flex: auto;
		 max-width: 100%;
		 padding-bottom: 3rem;
	}
	 .contact-form-holder label {
		 text-align: left;
	}
	 .herounit__quotes {
		 margin-left: 0 !important;
	}
	 .contact-form-holder {
		 padding: 0 2.5rem 2.5rem;
		 margin: 0;
	}
	 .herounit {
		 margin-top: 8rem;
		 min-height: auto !important;
	}
	 #textarea {
		 line-height: 1.2;
	}

	 .normal-style td {
		 vertical-align: middle;
	}
}
 @media screen and (max-width: 1024px) and (min-width: 770px) {
	 /* .herounit {
		 margin-top: 5rem !important;
	} */
	 textarea {
		 height: 100px;
	}
	 .green-tick::after, .fade-tick::after, .fade-cross::after {
		 margin-top: -12px;
	}
}
 @media screen and (max-width: 770px) and (min-width: 320px) {
	 .contact-form-holder .contact-form textarea {
		 height: 100px !important;
	}
	 .green-tick::after, .fade-tick::after, .fade-cross::after {
		 margin-top: -12px;
	}
}
 .price.starts-at-sms::before {
	 content: 'Send SMS starting at';
	 display: block;
	 font-size: 12px;
	 opacity: 0.5;
	 color: #333;
	 font-weight: 300;
	 margin-top: 0.8rem;
	 margin-bottom: -0.3rem;
}
 .price.starts-at-voice::before {
	 content: 'Make Voice calls starting at';
	 display: block;
	 font-size: 12px;
	 opacity: 0.5;
	 color: #333;
	 font-weight: 300;
	 margin-top: 0.8rem;
	 margin-bottom: -0.3rem;
}
 .price {
	 min-width: 180px;
}
 .herounit__visual {
	 flex: 1 1 20% !important;
}
 .herounit__visual img {
	 width: 200% !important;
	 margin-left: -50px;
}
 .herounit__quotes {
	 flex: 1 1 40%;
	 margin-left: 100px;
}
 .no-wrapp {
	 flex-wrap: nowrap !important;
	 display: block !important;
}
 #textarea {
	 line-height: 1.5;
}
 .price-comparison .solution-title {
	 display: flex;
	 padding-top: 2.5rem;
}
 .price-comparison .solution-title span {
	 color: #05006d;
	 font-size: 1.125rem;
	 font-weight: 600;
	 padding-left: 0.625rem;
}
 .price-comparison .less-padding {
	 padding-top: 1rem;
}
 .price-comparison .table {
	 border-collapse: collapse;
}


.heading-table__heading{
    border-bottom: 1px solid #9e9bc7;
    margin-bottom: 1rem;
    padding-bottom: 1rem!important;
    width: 100%;
  }
 .price-comparison .table thead th:first-child {
	 color: #494a5b;
}

.price-comparison .table thead th {
    padding: 2rem 0;
    font-size: 1.25rem;
    opacity: 1;
}

.price-comparison .table td:first-child {
    font-size: 16px;
    font-weight: 400;
    color: #494a5b;
}
.price-comparison .table tr th, .price-comparison .table tr td{
padding: 15px 20px;
}
 .price-comparison .table td:first-child {
	 width: 10%;
	 border: none;
}
.price-comparison .table tbody{
	border-bottom: solid 1px #f4f4f4;
}
.price-comparison .table td:last-child span{
	font-weight: bold;
}
 .price-comparison .table .bold-text {
	 font-size: 21px;
	 font-weight: 400;
	 line-height: 1.5;
}
 .price-comparison .table .td-green .bold-text {
	 font-size: 1.125rem;
	 font-weight: 600;
}
 .price-comparison .table .td-green {
	 background: rgba(230, 245, 230, 0.5);
}
 .green-tick::after, .fade-tick::after, .fade-cross::after {
	 display: inline-block;
	 content: 'L';
	 width: 26px;
	 height: 26px;
	 padding-right: 1px;
	 color: transparent;
	 font-weight: 700;
	 transform: scale(-0.85, 0.85) rotate(-35deg);
	 text-align: center;
	 border-radius: 50%;
	 position: absolute;
	 background: #abeaad;
	 text-shadow: 1px -1px 0 #2bb030;
}
 .fade-tick::after {
	 background: #bed4ec;
	 text-shadow: 1px -1px 0 #fff;
}
 .fade-cross::after {
	 content: '+';
	 background: #d3d1d1;
	 text-shadow: 0px -7px 0 #fff;
	 transform: scale(-0.85, 0.85) rotate(-45deg);
	 font-size: 1.4rem;
}
 .normal-style td:last-child, .normal-style th:last-child {
	 text-align: left !important;
}
 .td-heading tr:parent {
	 border: 1px solid #000;
}
 .border {
	 border-bottom: 1px solid #e5e5e5;
}
 .td-bold {
	 font-weight: 600 !important;
}
 .h2 {
	 font-size: 36px;
	 line-height: 1.5;
	 font-weight: 400;
	 margin-bottom: 1rem;
}
 .green {
	 color: #03a94a;
}
 
.unit{
	font-size: 14px;
}

.price-comparison .table .bold-text.not-supported{
	font-size: 14px !important;
	color: #999;
	text-align: center;
}
.dash{
	font-size: 14px;
	line-height: 2.25;
	color: #999;
	display: inline-block;
	padding-left: 10px;
}


.table-hanging-header >div:before{
    content: "\0020";
    width: 1rem;
    height: 90%;
    position: absolute;
    left: 0;
    top: 1px;
    background: linear-gradient(to right,rgba(255,0,0,0),#fff);
    z-index: 1;
    transform: rotate(180deg);
}

.table-hanging-header >div:after{
    content: "\0020";
    width: 1.5rem;
    height: 90%;
    position: absolute;
    right: 0px;
    top: 1px;
    background: linear-gradient(to right,rgba(255,0,0,0),#fff);
    z-index: 1;
}

.table-hanging-header >div{
    overflow: auto;
    padding: 1.5rem 0;
}

.table-hanging-header thead tr{
	display: flex;
  }
  
  .table-hanging-header th:nth-child(2){
	position: relative;
	display: block;
  }
  .table-hanging-header th:nth-child(2):after{
	content: '';
	  width: 1px;
	  height: 45%;
	  position: absolute;
	  right: 0;
	  background: #e5e5e5;
  }  
  .table-hanging-header li.current {
    font-weight: 700;
    position: relative;
}

.table-hanging-header li.current:after{
    position: absolute;
    content: '';
    width: 100%;
    background: var(--deep-blue);
    height: 2px;
    bottom: -2px;
    left: 0;
}
.table-hanging-header{
	display: none;
  }

.table-hanging-header ul{
    display: flex;
    font-size: 16px;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: space-between;
}
.table-hanging-header li{
    list-style: none;
    margin: 0 1rem;
}

.country-header{
	display: flex;
	padding: 1rem;
    /* box-shadow: 0 13px 42px -35px rgb(99 102 118 / 79%); */
    background-color: #ffffff;
    align-items: center;


}



.table-hanging-header a{
    color: var(--deep-blue);
}

.table-hanging-header.show{
    transform: translateY(0);
    
}

/* .table-hanging-header table{
	display: none;
} */


.pull-up-margin.pos-static{
	transform: translate3d(0,-150px,0);
	/* opacity: 0; */

}
.country-header{
	transform: translate3d(0,0,0);
	transition: transform .2s ease-out;
}

.country-header.pos-static{
	transform: translate3d(0,-200px,0);
}
.d-none{
	display: none;
}

@media screen and (min-width: 768px) {

	.country{
		margin: 0 auto;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.sticky{
		top: 7rem;
	}
	.pull-up-margin{
		top: 8rem;
	}
}
@media screen and (max-width: 500px) {
	.sticky{
		top: 2rem;
	}
	.table-hanging-header{
		width: 100%;
	}
	.table-hanging-header {
		/* position: absolute; */
		/* LEFT: 0; */
		/* width: 39%; */
		/* transform: translateY(-150%); */
		/* overflow: scroll; */
		background: #fff;
		/* box-shadow: 0 0 55px 8px #dce0ee; */
		display: block;
		z-index: 1000;
		transition: transform 0.3s ease-in;
		will-change: transform;
		/* margin-right: 172px; */
	}
	.sticky{
		position: sticky;
		top: 3rem;
		z-index: 8;
		opacity: 1;
		transform: translate3D(0,0,0);
		transition: transform .2s;
		margin-top: 5rem;
	}
}
