@font-face {
	font-family: "Kumbh";
	src: url("/assets/fonts/KumbhSans-VariableFont_YOPQ,wght.ttf") format("truetype");
	font-display: swap;
}
@keyframes spinanimation {
	from {transform:rotate(0deg)}
	to {transform:rotate(360deg)}
}
html, body {
	max-width: 100%;
	font-family: Kumbh, serif;
	color: #14141B;
}
body {overflow-x: hidden;}
.spin {animation-name:spinanimation;animation-duration:1500ms;animation-iteration-count:infinite;animation-timing-function:linear;}
html {min-height:100%;position:relative;}
a:not(.btn) {color:#595967;text-decoration:none;}
a:not(.btn):hover {text-decoration:underline;}
.width-100 {width:100px;}
.width-150 {width:150px;}
.width-200 {width:200px;}
h1 {font-size:42px;margin-bottom:25px;}
h2 {font-size:36px;margin-bottom:25px;}
h3 {font-size:32px;}
h4 {font-size:18px;}
.font-12 {font-size:12px;}
.font-14 {font-size:14px;}
.font-16 {font-size:16px;}
.font-18 {font-size:18px;}
.font-20 {font-size:20px;}
.font-22 {font-size:22px;}
.font-24 {font-size:24px;}
.font-26 {font-size:26px;}
.font-28 {font-size:28px;}
.font-32 {font-size:32px;}
.color-14 {color:#14141B;}
.color-59 {color:#595967;}
.text-primary {color:#2C43F5;}
.text-59 {color:#595967;}
.bg-f3 {background-color:#f3f4f6;}
.bg-white {background-color:#fff;}
.bg-dots {background-image:url(/assets/images/pattern-dot.png);}
.bg-cover {background-size:cover;}
.bg-blue-dotted-165 {background: url(/assets/images/pattern-dot.png), linear-gradient(165deg, #BBE4F7 0%, rgba(255,255,255,0) 70%), linear-gradient(185deg, #cad3f0 0%, rgba(255,255,255,0) 70%);}
.bg-blue-dotted-180 {background: url(/assets/images/pattern-dot.png), linear-gradient(172deg, #BBE4F7 0%, rgba(255,255,255,0) 70%), linear-gradient(193deg, #cad3f0 0%, rgba(255,255,255,0) 70%);}
.bg-contain {background-size:contain;}
.bg-no-repeat {background-repeat:no-repeat;}
.border-radius-8 {border-radius:8px!important;}
.border-radius-12 {border-radius:12px!important;}
.border-radius-20 {border-radius:20px!important;}
.border-radius-32 {border-radius:32px!important;}
.border-radius-50 {border-radius:50%!important;}
.border-e4 {border: 1px solid #e4e6f1;}
.btn {border-radius:6px;}
.btn-pad-lg {padding:8px 16px;}
.btn-pad-xl {padding:10px 20px;}
.btn-pad-xxl {padding:15px 20px;line-height:22px;}
.btn-primary,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {color:#fff;background-color:#122CF4;border:1px solid #0720e1;}
.btn-primary:hover,.btn-primary:focus {color:#fff;background-color:#4765c7;border:1px solid #4765c7;}
.btn-secondary,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover {color:#fff;background-color:#14141B;border:1px solid #14141B;}
.btn-secondary:hover,.btn-secondary:focus {color:#fff;background-color:#181820;border:1px solid #181820;}
.btn-white {color:#14141B;background-color:#fff;border-color:#fff;}
.btn-white:hover,.btn-white:focus {color:#000;background-color:#f0f0f0;border-color:#fff;}
.btn-white.disabled, .btn-white:disabled {background-color:#eee;border-color:#eee;}
.btn-transparent {background:transparent;}
.shadow {box-shadow:0 3px 2px rgba(0,0,0,0.1)!important;}
.cursor-pointer {cursor:pointer;}

.navbar {background:rgba(255,255,255,0.98);height:80px;left:80px;top:40px;right:80px;border-radius:40px;transition:all .2s ease-in-out;}
.navbar #logo img {width:80px;}
.navbar #navbarMain .nav-item a {padding:0 10px;}
.scrolled .navbar {top:0;height:60px;border-top-left-radius:0;border-top-right-radius:0;}
#navbarMain {flex:0 0 auto;}
.padding-header {padding-top:115px;}
#homepage .hero {background-image:url("/assets/images/homepage-header-bg.jpg");
    background-size:contain;background-repeat:no-repeat;background-position:top center;margin-left:auto;margin-right:auto;}
#homepage .hero-placeholder {height:700px;}
.bubble-col-3 {width:140px;line-height:140px;height:140px;}
.plan-item .plan-flag {width:50px;height:50px;border-radius:50%;float:left;margin-right:10px;
    background-size:cover;background-position:center;background-repeat:no-repeat;}
.plan-item .plan-title {display:inline-block;}
.plan-item .plan-price {width:70px;}
.badge-with-img img {margin-top:-3px;width:17px;display:inline-block;margin-right:2px;margin-left:-3px;}
#how-it-works-1 {min-height:625px;background-image:url(/assets/images/how-it-works-card-1.png),url(/assets/images/how-it-works-card-1-bg.jpg);
    background-repeat: no-repeat;background-size:250px, cover;background-position:bottom center,top center;}
#how-it-works-2 {min-height:625px;background-size:530px,cover;background-position:bottom left, top center;background-repeat:no-repeat;
    background-image:url(/assets/images/how-it-works-card-2.png),linear-gradient(-20deg, #E9EDF4 0%, #CDE2F4 100%);}
#how-it-works-3 {min-height:420px;background-image:url(/assets/images/how-it-works-card-3.png),url(/assets/images/how-it-works-card-3-bg.jpg);
    background-repeat: no-repeat;background-size:350px, cover;background-position:90% 100%,top center;}
.number-bubble-sm {width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;display:inline-block;}
#telefy-banner-cta > div {
    background-image: url('/assets/images/two-happy-people.png'), url('/assets/images/bg-blue-pink-bubble.png');
    background-repeat: no-repeat, no-repeat;
    background-size: 500px, cover;
    background-position: right bottom, center;
}
.faq-item {overflow:hidden;}
.faq-item .card-title {padding-right:20px;}
.btn-faq {position:relative;background:#f3f4f6;}
.btn-faq.collapsed {background:#fff;border-radius:20px;}
.btn-faq i {position:absolute;top:30px;font-size:12px;right:27px;transition:all 0.3s ease-in-out;}
.btn-faq.collapsed i {transform:rotate(-90deg);}
.darkblue-gradient {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 24.6%, rgba(157, 214, 240, 0.6) 51.92%, rgba(94, 165, 228, 0.6) 89.86%, rgba(56, 83, 204, 0.6) 123.84%, rgba(47, 84, 212, 0.6) 161.21%);
    linear-gradient(0deg, color(display-p3 1.000 1.000 1.000 / 0.6) 24.6%, color(display-p3 0.867 0.945 0.973 / 0.6) 51.92%, color(display-p3 0.616 0.839 0.941 / 0.6) 89.86%, color(display-p3 0.369 0.647 0.894 / 0.6) 123.84%, color(display-p3 0.220 0.325 0.800 / 0.6) 161.21%),
    linear-gradient(62.23deg, rgba(233, 245, 255, 0) 47.27%, rgba(255, 103, 204, 0.45) 138.66%);
    linear-gradient(62.23deg, color(display-p3 0.922 0.961 1.000 / 0) 47.27%, color(display-p3 0.937 0.443 0.784 / 0.45) 138.66%),
    linear-gradient(158.04deg, #002AFF -23.87%, rgba(0, 147, 255, 0) 61.65%);
    linear-gradient(158.04deg, color(display-p3 0.000 0.161 0.996) -23.87%, color(display-p3 0.000 0.565 0.996 / 0) 61.65%);
}
#to-country .input-group-prepend {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
#to-country .input-group-prepend span {border:none;background: url(/assets/images/icon-map-point.svg) no-repeat center;}
#to-country .form-control {border:none;outline:none!important;box-shadow: none!important;padding:0 1rem;margin:1.4rem 0;
    font-size:1rem;height:20px;border-left:1px solid #ccc;}
#to-country .input-group-append > span {border:none;background:linear-gradient(0deg, #2941f5 0%, #6172f7 100%);color:#fff;
    border-radius:20px;margin:12px;}
#to-country .input-group-append > span:hover {background:linear-gradient(0deg, #2941f5 0%, #6172f7 70%);}
.clear-input {left:-30px;top:9px;padding:0;width:40px;z-index:4;height:40px;font-size:32px;line-height:32px;border:none;background:none;}
#toCountryList {top:85px;left:0;right:0;max-height:420px;overflow-y:auto!important;}
.country-image {width:30px;height:30px;display:inline-block;position:absolute;top:10px;right:15px;border-radius:50%;
    background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:0 0 6px rgba(0, 0, 0, 0.2);}
.rates-country-list {background:rgba(255,255,255,0.97);}
.rates-country-list .list-group-item {border:none;background-repeat:no-repeat;background-size:40px;background-position:right 30px center;}
.product-selector {border-radius:50%;width:20px;height:20px;border:1px solid #D0D5DD;display:inline-block;position:relative;}
.product-selector:before {content:'';width:8px;height:8px;background:#000;border-radius:50%;position:absolute;transform:scale(0);
    transition:all 0.2s ease-in-out;top:5px;left:5px;}
.selected-product .product-selector {border-color:#000;}
.selected-product .product-selector:before {transform: scale(1);}
.product-card {border:1px solid rgb(228, 230, 241);transition:all 0.2s ease-in-out;}
.product-card:hover {box-shadow: 0 5px 25px rgba(0,0,0,0.1);}
.product-card.selected-product {border:1px solid rgb(18, 44, 244);}
.product-card .product-image {max-width:18px;max-height:18px;display:inline-block;margin-top:-6px;}
.card-first {position:absolute;top:-45px;left:15px;right:15px;color:#fff;z-index:0;text-align:center;padding:10px 0 30px 0;
    border-top-left-radius:20px;border-top-right-radius:20px;
    background-image:linear-gradient(130deg, #0090fe, #0029fe);}
.pre-title-image {width:18px;height:18px;display:inline-block;margin:-2px 4px 0 0;}
#faq-form .form-control {font-size:16px;border-top-left-radius:32px;border-bottom-left-radius:32px;min-height:48px;}
#faq-form .btn {border-top-right-radius:32px;border-bottom-right-radius:32px;padding-top:0;background:linear-gradient(0deg, #2941f5, #6172f7);}
#need-help {
    padding:4.5rem 3rem;
    background: url(/assets/images/customer-service-representative.png), url(/assets/images/bg-blue-pink-bubble.png);
    background-repeat: no-repeat, no-repeat;
    background-size:300px, cover;
    background-position: 92% bottom, center;
}

@media all and (max-width:1199.8px){
    #how-it-works-1 {min-height:540px;background-size:200px,cover;}
    #how-it-works-2 {min-height:540px;background-size:450px,cover;}
}
@media all and (max-width:991.8px){
	.hide-md-down {display:none!important;}
    .navbar {left:15px;right:15px;}
    .navbar-nav {flex-direction:unset;}
    .navbar-nav .nav-item.dropdown {margin-right:15px;border:1px solid rgb(220, 221, 222);padding:0 15px;background:#fff;border-radius:20px;}
    .navbar-nav .dropdown-menu {position:absolute;}
    .navbar > .container {max-width:100%;}
    .navbar-toggler {background:#14141b;border-radius:8px;display:inline-block;width:33px;height:33px;position:relative;}
    .navbar-toggler .icon-bar {background:#fff;border-radius:6px;width:20px;height:2px;position:absolute;left:6px;top:15px;}
    .navbar-toggler .icon-bar.bar-1 {transform:rotate(45deg);}
    .navbar-toggler .icon-bar.bar-2 {transform:rotate(-45deg);}
    .navbar #logo {margin-left:25px;}
    #toCountryList {max-height:275px;}
    #mobile-footer {position:fixed;left:0;bottom:0;right:0;z-index:9901;display:flex;background:rgba(250, 250, 250, 0.97)}
    #mobile-footer a {flex:1 1 0;padding:10px 0;}
    #mobile-menu {position:fixed;left:25px;box-shadow:0 2px 6px rgba(0,0,0,0.2);right:25px;bottom:82px;
        z-index:9900;background:rgba(250, 250, 250, 0.98);transform: translateY(0);transition:transform 0.3s ease-in-out;}
    #mobile-menu.hidden {transform: translateY(300px);z-index:-1;}
    #how-it-works-1, #how-it-works-2, #how-it-works-3 {min-height:500px;}
    #telefy-banner-cta > div {padding-bottom:100px!important;background-size: 300px, cover;}
    #footer {padding-bottom:73px;}
}
@media all and (max-width:767.8px){
	.hidden-sm-down {display:none!important;}
	.font-xs-20 {font-size:20px;}
	.font-xs-22 {font-size:22px;}
	.font-xs-24 {font-size:24px;}
    #how-it-works-1 {background-size:180px,cover;}
    #how-it-works-2 {background-size:400px,cover;}
    #how-it-works-3 {background-size:310px,cover;}
    #need-help {padding-bottom:140px;background-size: 200px, cover;}
    #homepage .hero {background-image:url("/assets/images/homepage-header-bg-m.jpg");}
}
@media all and (max-width:575.8px){
	.hide-xs,.hide-xs {display:none!important;}
	.visible-xs {display:block;}
    #how-it-works-2 {background-size:360px,cover;}
    #how-it-works-3 {min-height:550px;background-size:270px,cover;background-position:100% 100%,top center;}
    #homepage .hero {background-size:500px;background-position:50% -15px;}
    .container.tariffs-container {padding-left:0;padding-right:0!important;max-width:none;}
    #homepage .hero-placeholder {height:300px;}
}
@media all and (min-width:768px){
	.hide-sm-up {display:none!important;}
}
@media all and (min-width:768px) and (max-width:991.8px){
	.hide-md {display:none!important;}
	.visible-md {display:block;}
    #homepage .hero {background-size:140%;}
}

@media all and (min-width:992px){
    .hide-md-up {display:none!important;}
    .navbar-brand {margin-right:5rem;}
}

@media all and (min-width:992px) and (max-width:1199.8px){
	.hide-lg {display:none!important;}
	.visible-lg {display:block;}
}
@media all and (min-width:1200px) {
    .hidden-xl {display: none !important;}
    .visible-xl {display: block;}
    .container-xl {max-width: 1150px;}
}
@media all and (min-width:1400px){
    .container-xl {max-width:1350px;}
}
@media all and (min-width:1600px){
    .container-xl {max-width:1550px;}
}