/* Quick Start Pack HTML Template */


/************ TABLE OF CONTENTS ***************

01. Fonts
02. Reset
03. Global Settings
04. Main Header

**********************************************/


/*====================================================================
01. Fonts
====================================================================*/

@import url('assets/vendor/icofont/icofont.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: "icofont";
    src: url("assets/fonts/icofont.eot");
    src: url("assets/fonts/icofont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/icofont.woff") format("woff"), url("assets/fonts/icofont.ttf") format("truetype"), url("assets/fonts/icofont.svg#icofont") format("svg");
    font-weight: 400;
    font-style: normal;
}


/*====================================================================
02. Reset
====================================================================*/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    box-sizing: border-box;
}


/*====================================================================
03. Global Settings
====================================================================*/

***/ body {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 23.44em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
    padding: 0px 50px 0px;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #ffe1a0;
}

button,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: 700;
    margin: 0px;
    background: none;
    line-height: 1.6em;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}
.gl-buy-now-bg {
    background-color: #FAFAFA;
}
.gl-buy-now-bg-inner {
    padding: 0 40px 75px;
}

/* Typography */

h1 {
    font-size: 100px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

textarea {
    overflow: hidden;
}

p {
    position: relative;
    line-height: 1.8em;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
}

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.centered {
    text-align: center;
}


/*Btn Style One*/

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    padding: 15px 40px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 0px;
    background-color: #ffe1a0;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    z-index: 2;
}

.btn-style-one:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #262626;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-one i {
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.btn-style-one .txt {
    position: relative;
    z-index: 1;
}

.btn-style-one:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover {
    color: #ffffff;
}


/* Btn Style Two */

.btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    padding: 11px 32px;
    font-weight: 400;
    overflow: hidden;
    border-radius: 0px;
    background-color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #969696;
}

.btn-style-two:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #ffe1a0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-two i {
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.btn-style-two .txt {
    position: relative;
    z-index: 1;
}

.btn-style-two:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover {
    color: #000000;
    border-color: #ffe1a0;
}


/* Btn Style Three */

.btn-style-three {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #ffe1a0;
    padding: 10px 60px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background: none;
    border: 1px solid #ffe1a0;
    text-transform: capitalize;
}

.btn-style-three:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #ffe1a0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-three .txt {
    position: relative;
    z-index: 1;
}

.btn-style-three:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover {
    color: #ffffff;
}


/* Social Icon One */

.social-icon-one {
    position: relative;
    display: block;
}

.social-icon-one li {
    position: relative;
    margin-left: 9px;
    display: inline-block;
}

.social-icon-one li a {
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #cccccc;
    text-align: center;
    border-radius: 2px;
    background-color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-one li a:hover {
    color: #333333;
    background-color: #feec42;
}

.theme_color {
    color: #ffe1a0;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}


/*====================================================================
04. Main Header
====================================================================*/

.gl-header {
    position: absolute;
    width: 100%;
    height: auto;
    background: transparent;
    top: 10px;
    left: 0;
    z-index: 100;
}

.gl-header .custom-container {
    max-width: 1252px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 24px 28px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 22.5px 52.5px;
}

.gl-navbar .navbar-nav .nav-link {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    color: #6F6F6F;
    position: relative;
}

ul.account-list li a {
    color: #000;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 139.3%;
    display: inline-block;
    text-align: center;
    line-height: 51px;
}

ul.account-list li+li a {
    width: 107px;
    height: 51px;
    color: #fff;
    background: #1664FA;
    border-radius: 8px;
    margin-left: 18px;
}

.navbar-toggler {
    border-color: #1664FA;
    color: #1664FA;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url(assets/img/toggler-icon.svg);
}

.gl-navbar .navbar-nav .nav-link:after {
    position: absolute;
    width: 29px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: transparent;
    border-radius: 2px;
    content: "";
    transition: all .3s ease-in-out;
}

.gl-navbar .navbar-nav .nav-link:hover:after,
.gl-navbar .navbar-nav .nav-link.active:after {
    background: #1664FA;
}

.banner-info {
    width: 100%;
}

.gl-banner {
    background-image: url(assets/img/hero-bg.png);
    background-repeat: no-repeat;
    height: 885px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center bottom;
    position: relative;
}
.gl-breadcrumb h1, .gl-banner h1 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 45px;
    line-height: 124.3%;
    letter-spacing: -0.03em;
    color: #000000;
}
.gl-breadcrumb p,
.gl-banner p {
    font-size: 18px;
    line-height: 100.5%;
    color: #434343;
    max-width: 465px;
    margin-top: 15px;
    margin-bottom: 45px;
}

.gl-banner-img {
    position: absolute;
    bottom: -50px;
    right: 19%;
}

.gl-location-list {
    margin-top: 30px;
    display: flex;
}

.gl-location-list li {
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.gl-location-list li img {
    margin-right: 8px;
    margin-top: -5px;
}

.gl-location-list li+li {
    margin-left: 28px;
}

.gl-btn {
    width: 152px;
    height: 56px;
    background: #1664FA;
    border-radius: 16px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 56px;
    color: #FFFFFF;
    transition: all .3s ease-in-out;
    display: block;
    text-align: center;
}

.gl-btn:hover {
    color: #1664FA;
    background-color: #FFFFFF;
    box-shadow: 0px 29.9959px 21.0782px rgb(0 0 0 / 10%);
}

.gl-btn-white {
    background-image: url(assets/img/btn-bg.svg);
    height: 68px;
    width: 152px;
    display: inline-block;
    line-height: 68px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
}

.gl-connects {
    background-image: url(assets/img/service-bg.png);
    background-repeat: no-repeat;
    background-position: 88% center;
    padding: 94px 0 205px;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.gl-location {
    flex: 0 0 100%;
}

.gl-location-inner {
    background: #59B5E3;
    border: 1px solid #E1DFDF;
    box-sizing: border-box;
    box-shadow: 0px 12px 20px rgb(57 175 210 / 23%);
    border-radius: 13px;
    height: 120px;
    max-width: 1082px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 47.5px;
    margin-top: -60px;
    position: relative;
    z-index: 9;
}

.gl-location .form-select:focus {
    outline: 0;
    box-shadow: none;
}

.gl-location .form-select {
    width: auto;
    font-weight: 400;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    background-image: url(assets/img/angle-downsvg.svg);
}

.gl-location .form-select>option {
    background-color: #59B5E3;
    border: none;
    box-shadow: none;
}

.box-card-pos-1 {
    position: absolute;
    left: 47%;
    top: 25%;
}

.box-card-pos-2 {
    position: absolute;
    left: 57%;
    top: 55%;
}

.box-card.banner-box-card:after {
    position: absolute;
    content: "";
    background-image: url(assets/img/phone.svg);
    width: 33px;
    height: 33px;
    top: 25px;
    right: 15px;
}

.banner-box-card-flag {
    position: absolute;
}

.banner-box-card {
    position: absolute;
    right: 40%;
    top: 20%;
    z-index: 2;
}

.box-mark {
    position: absolute;
    width: 48px;
    height: 48px;
    right: -24px;
    top: -24px;
    background: #FFFFFF;
    border-radius: 100%;
    box-shadow: 0px 16px 25px rgb(0 0 0 / 9%);
    line-height: 44px;
}

.banner-box-card-flag {
    position: absolute;
    right: 5%;
    top: 43%;
}

.box-flag a {
    display: inline-block;
}

.box-flag a+a {
    margin-left: -15px;
}
.box-card.banner-box-card {
    background-image: url(assets/img/comment-bg.png);
    border-radius: 17.8354px;
    display: inline-block;
    z-index: 9;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0 35px 60px;
    background-color: transparent;
    box-shadow: none;
}
.box-card.banner-box-card .box-icon {
    padding-top: 30px;
}
.box-card {
    background: #FFFFFF;
    background-image: url(assets/img/comment-bg.png);
    box-shadow: 0px 29.9959px 21.0782px rgb(0 0 0 / 10%);
    border-radius: 17.8354px;
    padding: 17px 25px;
    display: inline-block;
    z-index: 9;
}

.box-card h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 0;
    margin-top: 8px;
}

.box-card p {
    font-size: 14px;
    line-height: 16px;
    color: #717171;
    margin-bottom: 0;
    margin-top: 0;
}

.gl-card-social-link {
    margin-top: 8px;
}

.gl-card-social-link li {
    display: inline-block;
}

.gl-section-title {
    margin-bottom: 90px;
}

.gl-section-title h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 37px;
    color: #000000;
}
.gl-connects .gl-section-title h3 {
    max-width: 542px;
}

.gl-section-title p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}

a.gl-learn-btn {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 176.2%;
    color: #000000;
}

.gl-testimonial {
    padding: 80px 0 80px;
    background-color: #f7f7f7;
}

.gl-testimonial-item {
	text-align: center;
	background: #F7F7F7;
	box-shadow: 0px 29.9959px 21.0782px rgba(0, 0, 0, 0.04);
	border-radius: 17.8354px;
	position: relative;
	padding: 25px 25px 30px;
	transition: all .3s ease-in-out;
}

.gl-testimonial-item:after {
    position: absolute;
    content: "\efce";
    color: #000;
    font-family: IcoFont;
    right: 70px;
    top: 80px;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

.gl-testimonial-item:hover {
    background-color: #1664FA;
}

.gl-testimonial-item:hover h4,
.gl-testimonial-item:hover p,
.gl-testimonial-item:hover:after {
    color: #fff;
}

.gl-testimonial-item:hover .gl-testimonial-item-img {
    border-color: #fff;
}

.gl-testimonial-item-img {
    width: 82px;
    height: 80px;
    border-radius: 100%;
    margin: -70px auto 15px;
    border: 2px solid #1664FA;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.gl-testimonial-item h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    transition: all .3s ease-in-out;
}

.gl-testimonial-item p {
    font-size: 20px;
    line-height: 176.2%;
    color: #000000;
    transition: all .3s ease-in-out;
}

.gl-testimonial-item ul.review {
    margin: 5px 0 10px;
}

ul.review li {
    display: inline-block;
}

ul.review li i {
    color: #FCD23F;
}

.gl-cta {
    background-image: url(assets/img/cta-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    min-height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gl-cta:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(89, 181, 227, 0.7);
}

.gl-cta h2 {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 37px;
}

.gl-footer {
    background: #f6f6f6;
    padding: 50px 0 20px;
}

.gl-footer-top {
    margin-bottom: 40px;
}

.gl-footer h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 37px;
    color: #000000;
}

.social-links li {
    display: inline-block;
}

.social-links li a {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    color: #000;
    transition: all .3s ease-in-out;
    display: block;
    text-align: center;
    line-height: 33px;
}

.social-links li a:hover {
    background: #59B5E3;
    color: #fff;
}

.gl-footer-widget h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 20px;
}

.gl-footer-widget-info span {
    display: block;
}

.gl-footer-widget-info span,
.gl-footer-widget-info span a,
.gl-footer-widget-list li a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 208.2%;
    color: #727272;
}

.gl-footer-widget-info span a:hover,
.gl-footer-widget-list li a:hover {
    color: #1664FA;
}

.gl-footer-widget-list li a img {
    margin-bottom: 5px;
}
select#gender option[value="male"]   { background-image:url(assets/img/argentina.png);   }
select#gender option[value="female"] { background-image:url(assets/img/austria.png); }
select#gender option[value="others"] { background-image:url(assets/img/venezuela.png); }
.flagstrap-icon.flagstrap-ar{
    background-image: url(assets/img/argentina.png);
}
.flagstrap-icon.flagstrap-at{
    background-image: url(assets/img/austria.png);
}
.flagstrap-icon.flagstrap-ve{
    background-image: url(assets/img/venezuela.png);
}
.flagstrap-icon.flagstrap-it{
    background-image: url(assets/img/italy.png);
}
.flagstrap-icon.flagstrap-pt{
    background-image: url(assets/img/portugal.png);
}
.flagstrap-icon.flagstrap-br{
    background-image: url(assets/img/brazil.png);
}
.flagstrap-icon.flagstrap-co{
    background-image: url(assets/img/colombia.png);
}

.gl-search-form {
    max-width: 598px;
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 13px;
    position: relative;
    margin-top: 30px;
    z-index: 10;
}
.gl-search-form button {
    background: transparent;
    position: absolute;
    left: 28px;
    z-index: 9;
    top: 30px;
}
  .country {
    position: relative;
    margin: 0 auto;
  }
  .country .select {
    position: relative;
    padding: 0 35px 0 50px;
    height: 63px;
    line-height: 63px;
    border: 1px solid #e7e7e7;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
  .country .select .flagstrap-icon {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
    width: 42px;
    height: 28px;
    background-repeat: no-repeat;
    background-color: #e3e5e7;
  }
  
  .country .dropdown {
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 20px 30px rgba(22, 100, 250, 0.06);
    z-index: 9;
  }
  .country ul li + li {
    border-top: 1px solid #F5F5F5;
}


  .country .dropdown .flagstrap-icon {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
    width: 42px;
    height: 28px;
    background-repeat: no-repeat;
    background-color: #e3e5e7;
  }

  .country .dropdown .flagstrap-icon {
    vertical-align: middle;
  }
  .country .dropdown li {
    padding: 10px 20px;
    line-height: 34px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
  }
  .country .dropdown li:first-child {
    margin-top: 12px;
  }
  .country .dropdown li:last-child {
    margin-bottom: 12px;
  }
  .country .dropdown li:hover {
    background: #dedede;
    color: #454545;
  }
  .country .dropdown li.open {
    display: block;
  }


.gl-breadcrumb {
    height: 620px;
    display: flex;
    align-items: center;
}
.rate-bg {
    background-image: url(assets/img/rate-breadcrumb.jpg);
    background-size: cover;
    background-position: center center;
}
  .gl-single-pricing{
    background: #FFFFFF;
    box-shadow: 0px 15px 40px rgba(22, 100, 250, 0.1);
    border-radius: 10px;
  }
.gl-price-head {
    background: #59B5E3;
    border-radius: 10px;
    padding: 40px 0;
}
.gl-price-head h3{
    font-weight: 500;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.gl-price-head p{
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
.gl-price-body p{
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #666666;
    margin-top: 35px;
}
.gl-price-body h3{
    font-weight: 500;
    font-size: 30px;
    line-height: 28px;
    text-align: center;
    color: #2C2C2C;
    margin: 30px 0 15px;
}
.gl-price-bottom {
    padding: 15px;
}
.gl-price-btn{
    background: #1664FA;
    border-radius: 10px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
}
.authonticate-form button,
a.alt-authonticate,
form.contact-form button,
.gl-price-btn{

    transition: all .3s ease-in-out;
}
.authonticate-form button:hover,
a.alt-authonticate:hover,
form.contact-form button:hover,
.gl-price-btn:hover{
    color: #FFFFFF;
    opacity: .8;
}

.gl-balance .form label {
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-bottom: 25px;
}
.gl-balance .form .country .select {
    padding: 0 25px 0 25px;
    height: 45px;
}
.gl-balance .form .form-select:focus{
    box-shadow: none;
    outline: none;
    border-color: #ced4da;
}
.gl-balance .form .form-select {
    height: 45px;
}
.gl-balance .form .country .dropdown {
    top: 100px;
}

.gl-stape-item span {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #1664FA;
}

.gl-stape-item h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}

.gl-stape-item p {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    margin: 5px 0 0;
}

.gl-buy-now-header {
    text-align: center;
    height: 110px;
    line-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.green-bg{
    color: #fff;
    background: #179BD7;
}
.gl-plan-tab .nav-tabs {
    border: none;
    justify-content: space-between;
}
.gl-plan-tab .nav-tabs .nav-link {
    margin-bottom: 0;
    background: transparent;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.gl-plan-tab .nav-tabs .nav-item.show .nav-link, .gl-plan-tab .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #179BD7;
   border: none;
}
.gl-plan-tab .nav-tabs .nav-item .nav-link{
    color: #fff;
    background-color: #179BD7;
}
.modal-content .gl-plan-tab .nav-tabs .nav-item.show .nav-link, .modal-content .gl-plan-tab .nav-tabs .nav-link.active{
    background-color: #fff;
    color: #000;
}
.gl-plan-tab .nav-tabs .nav-item.show .nav-link, .gl-plan-tab .nav-tabs .nav-link.active{
    background-color: #FAFAFA;
    color: #000;
}
.gl-plan-tab .nav-tabs li.nav-item {
    flex: 0 0 50%;
    width: 50%;
}

.gl-plan-tab .nav-tabs li.nav-item button.nav-link {
    width: 100%;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 700;
}
.gl-plan-tab .nav-tabs .nav-link:focus, .gl-plan-tab .nav-tabs .nav-link:hover {
    border: none;
}
.gl-buy-now-header {
    text-align: center;
    height: 110px;
    line-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gl-single-buy-now h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.list-flag li {
    display: inline-block;
}

ul.list-flag li + li {
    margin-left: 15px;
}

ul.list-flag {
    margin: 15px 0 80px;
}
.gl-single-buy-now {
    background: #fff;
    padding: 30px 40px;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    border-radius: 20px;
    margin-top: 35px;
}

.gl-single-buy-now h3 img {
    margin-right: 10px;
}

.gl-single-buy-now {
    text-align: center;
}

.gl-single-buy-now p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #666666;
}

.gl-single-buy-price h2 {
    font-weight: 500;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #1664FA;
    margin: 20px 0;
}

.gl-single-buy-price h2 sub {
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #666666;
}

.gl-learnmore {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gl-learnmore a {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #1664FA;
}

.gl-learnmore span {
    margin: 0 10px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #2C2C2C;
}
.gl-munite-box {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #2C2C2C;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    border-radius: 8px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 13px;
}
.gl-munite-box + .gl-munite-box {
    margin-top: 15px;
}
.gl-single-buy-now a.gl-price-btn {
    margin-top: 30px;
}
.gl-minutes-connected h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #000000;
}
.gl-minutes span {
    width: 70px;
    height: 100px;
    background: #1664FA;
    border-radius: 10px;
    display: inline-block;
    line-height: 100px;
    font-weight: 600;
    font-size: 60px;
    text-align: center;
    color: #FFFFFF;
}
.gl-minutes span + span {
    margin-left: 10px;
}
.gl-minutes {
    margin: 30px 0;
}

.gl-pricing {
    padding: 80px 0 80px;
}
.gl-stapes {
    padding: 80px 0;
}
.gl-buy-now {
    padding-bottom: 100px;
}
.about-bg{
    background-image: url(assets/img/about-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.round-shep {
    width: 102.31px;
    height: 102.31px;
    background: #FF918C;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
}
.gl-support-area {
    padding-top: 60px;
}
.gr-box {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 50px 30px;
    min-height: 426px;
}

.gr-box h2 {
    font-weight: 500;
    font-size: 55.3086px;
    line-height: 65px;
    text-align: center;
    color: #000000;
    margin-top: 50px;
}

.gr-box p {
    font-size: 26.7856px;
    line-height: 31px;
    text-align: center;
    color: #717171;
    max-width: 328px;
    margin: 15px auto 30px;
}

.bg-yollow {
    background: #FF918C;
}
.bg-green {
    background: #1664FA;
}

.gl-info-area h3 {
    font-size: 32.1212px;
    line-height: 38px;
    text-align: center;
    color: #000000;
    max-width: 690px;
    margin: 0 auto 50px;
}

.gl-info-box {
    min-height: 242px;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 45px;
}

.gl-info-box h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #1664FA;
}

.gl-info-box p {
    font-size: 18px;
    line-height: 21px;
    color: #666666;
    margin-top: 15px;
}

.gl-closer {
    padding: 80px 0;
}

.gl-info-area {
    padding: 0 0 80px;
}
.gl-info-box img {
    width: 34px;
    margin-bottom: 10px;
}

.accordion-item h2 {
    font-size: 18px;
    line-height: 21px;
/* identical to box height */
    color: #000000;
    margin-bottom: 10px;
}

.accordion-item h2 button {
    background: transparent;
    text-align: left;
}
.gl-breadcrumb h2 {
    line-height: 1.2;
}
.accordion-item {
    padding: 30px 0;
}

.accordion-body {
    border: none !important;
    font-size: 14px;
    line-height: 24px;
/* or 171% */
    color: #666666;
}

.accordion-collapse {
    border: initial;
}

.gl-contact-form h2 {
    font-weight: normal;
    font-size: 32.1212px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 30px;
}

form.contact-form input, form.contact-form textarea {
    border-bottom: 2px solid #E4E4E4;
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
}

form.contact-form input {}

form.contact-form textarea {
    height: 120px;
}

form.contact-form button {
    width: 154px;
    height: 46px;
    background: #1664FA;
    border-radius: 3px;
    color: #fff;
}

.gl-faq-title h2 {
    font-weight: normal;
    font-size: 32px;
    line-height: 37px;
    color: #000000;
    margin-bottom: 10px;
}

.gl-faq-title p {
    font-size: 18px;
    line-height: 21px;
/* identical to box height */
    color: #666666;
}

.gl-support-area .gl-search-form {
    height: 47px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    width: 100%;
}

.gl-support-area .gl-search-form button {
    background: transparent;
    position: absolute;
    right: 15px;
    top: 9px;
    left: auto;
}

.gl-faq-title {
    margin-bottom: 40px;
}

.gl-contact-form {
    padding: 80px 0;
}

.authonticate-laft p {
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
/* identical to box height */
    color: #171141;
}

a.alt-authonticate {
    width: 100%;
    height: 50px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #F6F4FF !important;
    line-height: 50px;
}

.fb {
    background: #3B5997;
}

.tw {
    background: #1EA1F3;
}

.gl {
    background: #DA4436;
}

a.alt-authonticate + a.alt-authonticate {
    margin-top: 15px;
}

.authonticate-laft span {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.authonticate-laft span:after, .authonticate-laft span:before {
    position: absolute;
    content: "";
    background: #E4E4E4;
    height: 1px;
    width: 45%;
    top: 50%;
    transform: translateY(-50%);
}

.authonticate-laft span:after {
    right: 0;
}

.authonticate-laft span:before {
    left: 0;
}

.authonticate-laft a {
    color: #1664FA;
}

.authonticate-laft a img {
    margin-bottom: 15px;
}

.authonticate-form input {
    height: 45px;
    width: 100%;
    border: 1px solid #EAEAEA;
    margin-bottom: 15px;
    padding: 0 15px;
    border-radius: 2px;
}

a.alt-authonticate i {
    background: #243A69;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    width: 50px;
    float: left;
}

a.alt-authonticate i.icofont-twitter {
    background: #0C95C9;
}

a.alt-authonticate 
 i.icofont-google-plus {
    background: #C53826;
}
.gl-authonticate p {
    color: #171141;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 0;
}

.gl-authonticate p a {
    color: #1664FA;
}
a.forget-pass {
    color: #161340;
    display: block;
    text-align: right;
    font-size: 12px;
}
.form-check label {
    font-size: 12px;
}
.authonticate-form button {
    height: 36px;
    background: #1664FA;
    border-radius: 4px;
    width: 117px;
    color: #fff;
    margin-top: 15px;
    border: none;
}

.form-check-label a {
    color: #1664FA;
}

input#flexCheckChecked {
    width: 8px !important;
    height: 16px;
    padding: 7px !important;
}

input#flexCheckChecked {
    width: 8px !important;
    height: 16px;
    padding: 7px !important;
}

.authonticate-right h2 {
    font-size: 24.6487px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 15px;
}
.border-left {
    border-right: 1px solid #e7e7e7;
}
.gl-authonticate {
    padding: 160px 0 80px;
    background: #85A5BF;
}
.authonticate-right {
    max-width: 720px;
    background-color: #fff;
    border-radius: 18px;
    padding: 115px 150px;
    margin: 0 auto;
}


.sign-bg {
    background: #ABABAB;
}

.gl-breadcrumb.sign-bg {
    max-height: 360px;
}



.connects-right-img-box-1 {
    position: relative;
    max-width: 323px;
    padding-left: 105px;
}

.connects-right-img-box-2 {
    position: relative;
    max-width: 368px;
    padding-left: 137px;
    margin-left: auto;
    right: 19%;
    bottom: auto;
    margin-top: -95px;
}

.box-card-connects-1 {
    position: absolute;
    top: 66%;
    left: -27px;
}

.box-card-connects-2 {
    position: absolute;
    left: 0;
    top: 66%;
}


.gl-balance {
    background: #85A5BF;
    padding: 55px 0;
}

.gl-balance h5 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}

.gl-balance h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.balance p {
    color: #fff;
    font-size: 11px;
    margin-top: 10px;
}


/* 
.modal.sec {
    position: relative;
    left: auto;
    top: auto;
} */
.rate-page .modal-backdrop {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    background: transparent;
}
.modal-wrap {
    overflow: hidden;
}
.hide {
    display: none;
  }
 
  .selectSection button:hover {
      cursor: pointer;
  }

  /* hides every element except the first */
  .content {
      display: none;
  }
  .contentSection {
      display: block;
      color: #666;
      display: grid;
  }
  .gl-balance-table {
    background: #fff;
    margin-top: 50px;
}

.gl-balance-table .table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 0;
    box-shadow: none;
}

.gl-balance-table .table.customize-table thead tr th {
    border-bottom: 2px solid #E7E7E7;
    text-align: center;
}
.table.customize-table {
    border: 1px solid #e7e7e7;
    margin-bottom: 50px;
    margin-top: 50px;
}


.table.customize-table tr td, .table.customize-table tr td p {
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 0;
    font-size: 14px;
    text-align: center;
}

.table.customize-table tr td h4, .table.customize-table tr td p {
    color: #969696;
}

.table.customize-table tr td h4 {
    font-size: 29.26px;
}

.table.customize-table tr td {
    vertical-align: middle;
}

.table.customize-table.table-striped>tbody>tr:nth-of-type(even) {
    background: #F9F9F9;
}

.table.customize-table tr td img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 15px;
}

.gl-balance.alt .form .country .dropdown {
    top: 45px;
}