.container-half {max-width:650px;}
@media (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1520px;}
.container-half {max-width:760px;}
}
@media (min-width: 1700px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1690px;}
.container-half {max-width:845px;}
}
html {scroll-behavior: smooth;}
body {color:rgba(19, 25, 54, 0.8); background-color:#f3f3f3; font-family: 'Lato', sans-serif; font-size:17px; line-height:1.4; font-weight:400;}
.btn-read-more::after { content: 'Read more...'; }
.btn-read-more:not(.collapsed)::after { content: 'Read less'; }
section {padding:0;}
section .container {padding:1.5rem;} .navbar .nav-link{
font-size: 18px;
}
@media (min-width: 768px){
section .container {padding:3rem;}
}
@media (min-width: 992px){
section .container, section container-xl {padding:3rem 4rem 2rem;}
section .container.pl-lg-container {padding-left:4rem!important;}
section .container.pr-lg-container {padding-right:4rem!important;}
body {font-size:17px;}
.page-intro p {font-size:17px;}
}
@media (min-width: 1400px){
section .container, section .container-xl, .container-padding {padding:3rem 5rem;}
section .container.pl-lg-container {padding-left:5rem!important;}
section .container.pr-lg-container {padding-right:5rem!important;}
}
@media (min-width: 1024){
section .container-xl {padding:4rem 5rem 5rem 5rem;}
} .bg-primary {background-color:rgba(19, 25, 54, 0.8)!important; color:#ffffff;} .text-primary {color:#131936!important;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {font-family: 'Nicholas', sans-serif; font-weight:600;}
h1, .h1 {font-size:30px; color:#131936; line-height:1;}
h2, .h2 {font-size:35px; line-height:1; letter-spacing:1px;}
h3, .h3 {font-size:28px;}
h4, .h4 {font-size:32px; margin-bottom:1.8rem;}
.bg-primary .h2 {color:#ffffff;}
p {margin-bottom:2rem;}
p:last-of-type {margin-bottom:0;}
.text-left {text-align:left;}
@media (min-width: 992px){
h1, .h1 {font-size:80px;}
h2, .h2 {font-size:50px; text-align:left;}
h3, .h3 {font-size:36px;}
.bg-lg-white {background-color:#ffffff!important; color:rgba(19, 25, 54, 0.8);}
.bg-lg-primary {background-color:rgba(19, 25, 54, 0.8)!important; color:#ffffff;}
}
@media (min-width: 1400px){
h2, .h2 {font-size:50px; text-align:left;}
.h2.small {font-size:50px;}
}
@media (min-width: 1600px){
h1, .h1 {font-size:80px;}
}
.p-2rem {padding:2rem;}
@media (min-width: 992px){
.pt-lg-8 {padding-top:8rem;}
}
@media (min-width: 1200px){
.p-xl-7 {padding:5rem!important;}
}
.content {padding:85px 0 50px;}
.p-relative {position:relative;} a {color: #131936;}
a:hover {text-decoration:none;}
.bg-primary a {color:#ffffff;}
.btn {color:#131936; font-size:14px; line-height:1.2; font-weight:500; padding:16px 34px; border-radius:0; text-transform:uppercase; box-shadow:none!important; outline:0;}
.bg-primary .btn {color:#ffffff;}
.btn-primary, button.btn-primary {background-color:#131936; color:#ffffff; border:1px solid #131936;}
.btn-primary:hover, button.btn-primary:hover,
.btn-primary:focus, button.btn-primary:focus,
.btn-primary:active, button.btn-primary:active {background-color:transparent; color:#131936; border:1px solid #131936;}
.bg-primary .btn-primary:hover, .bg-primary button.btn-primary:hover,
.bg-primary .btn-primary:focus, .bg-primary button.btn-primary:focus,
.bg-primary .btn-primary:active, .bg-primary button.btn-primary:active {background-color:rgba(255,255,255,.8); color:#131936; border:1px solid #fff;}
.btn-outline {border:1px solid;}
.btn-outline:hover {background-color:rgba(19, 25, 54, 0.8); color:rgba(255,255,255,.85);}
.btn-white {background-color:#ffffff; color:rgba(19, 25, 54, 0.8)!important;}
.btn-white:hover {background-color:#071660; color: #fff !important; border: 1px solid #071660 !important;}
.btn-white-outline {color:#ffffff; background-color:transparent; border:1px solid;}
.btn-white-outline:hover {background-color:rgba(255,255,255,.85); color:rgba(19, 25, 54, 0.8); border: 1px solid #071660 !important;}
.bg-white .btn-outline:hover {background-color:#131936; color:#ffffff;}
.bg-primary .btn-outline:hover {background-color:rgba(255,255,255,.8); color:#131936}
.bg-row-primary {padding: 35px;
background-image: linear-gradient(0deg, rgba(19, 25, 54, 0.8), rgba(19, 25, 54, 0.8));
background-size: 100% 70%;
background-repeat: no-repeat;}
.btn-dwn {position: absolute; bottom: -25px; box-shadow:0px 6px 6px rgba(0,0,0,.21)!important;}
.btn-read-more {border-bottom:1px solid; text-decoration:none}
@media (min-width: 992px){
.btn {font-size:17px;}
.w-lg-initial {width:initial!important;}
.bg-lg-primary .btn, .bg-lg-primary a {color:#ffffff;}
.bg-lg-primary .btn-primary:hover, .bg-lg-primary button.btn-primary:hover,
.bg-lg-primary .btn-primary:focus, .bg-lg-primary button.btn-primary:focus,
.bg-lg-primary .btn-primary:active, .bg-lg-primary button.btn-primary:active {background-color:rgba(255,255,255,.8); color:#131936; border:1px solid #fff;}
.bg-lg-white .btn {color:#131936;}
.bg-lg-primary .btn-outline:hover {background-color:rgba(255,255,255,.8); color:rgba(19, 25, 54, 0.8);}
.bg-lg-white .btn-outline:hover {background-color:rgba(19, 25, 54, 0.8); color:#ffffff;}
.bg-row-primary {padding: 50px 35px;}
.collapse.dont-collapse-lg:not(.show) {display:block;}
} footer {font-size: 14px;}
footer {padding:2.5rem 1.5rem; background-color: rgba(19, 25, 54, 0.9); font-weight:300; color:#ffffff;}
.col-headquarters {font-size:12px; font-weight:300; line-height:1.6;}
.col-headquarters h4,
footer h4 {font-family: 'Lato', sans-serif; font-size:16px; font-weight:400; margin-bottom:.5rem;}
.col-nav ul, .col-nav li {margin:0 auto; padding:0;}
.col-nav li {list-style:none;}
.col-nav li a {font-weight:300; color:#ffffff; text-decoration:none; padding: 0; display: block;}
.col-nav li a, footer .col-nav li a{font-size: 14px;}
.sitemap ul {padding:0; margin:0 auto;}
.sitemap ul li {display:inline-block; width:48%;}
.sitemap ul li a {font-weight:300; color:#ffffff; text-decoration:none;}
.sitemap ul li:last-of-type a {padding-right:0;}
.sitemap ul li a:hover {color:rgba(255,255,255,.51);}
.copyright {font-size:14px; font-weight:300; color:#ffffff; margin:10px 0; border-top:1px solid;}
footer hr {margin:2rem 0; background-color:rgba(255,255,255,.51); opacity:1;}
footer a:hover {color:rgba(255,255,255,.51);}
.col-newsletter {font-weight:400;}
footer form input {background-color: transparent;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.51);
color:rgba(255, 255, 255, 0.51);
display: block;
margin: 10px 0;
width: 100%;
padding: 10px 0 5px;
outline:none;
font-size:14px;}
input:focus::placeholder{opacity:0}
input::placeholder {color:rgba(255,255,255,.51);}
ul.social {padding:0; margin:0 0 0 auto; float:right;}
ul.social li {list-style:none; display:inline-block; margin:10px 15px;}
ul.social li img {width:25px;}
@media (min-width: 992px){
ul.social li img {width:initial;}
.col-headquarters {font-size:16px;}
.col-headquarters h4, footer h4 {font-size:20px; margin-bottom:1rem;}
.sitemap ul li {width:initial;}
.sitemap ul li a {padding-right:1.9rem;}
.copyright {border-top:0; font-size:14px;}
.col-nav li a {font-size:14px; padding: 7px 0;} } .content {padding:0; padding-top:70px;}
.text-intro {font-size:16px; line-height:1.9;}
.exclusive-invitation {font-size:17px; line-height:1.2;}
.exclusive-invitation .container {background-color: rgba(19, 25, 54, 0.8); color:#ffffff; padding:0;}
.exclusive-invitation h3 {margin-bottom:1rem;}
.border-bottom {border-bottom: 1px solid rgba(19, 25, 54, 0.8);}
@media (min-width: 992px){
.content {padding:85px 0 50px;}
.text-intro {font-size:18px;}
.img-up {margin-top: -7rem; height: calc(100% + 7rem); object-fit: cover;}
.img-partner {
right: 0;
width: auto;
top: -75px;
bottom: -75px;
height: calc(100% + 150px);
object-fit: cover;
object-position: -67px;
}
.img-absolute{
position: absolute;
}
.exclusive-invitation .container {padding:3rem 4rem;}
} .card {border:0; border-radius:0; border-bottom: 1px solid rgba(19, 25, 54, 0.8); height:100%; line-height:1.3; background-color:transparent;}
.card a {text-decoration: none;
width: 100%;
display: block;
position:relative;}
.card a:hover {color:#131936; text-decoration:none;}
.card .card-title {position:relative; padding-right:35px; margin-bottom:0;}
.card h3 {position:relative; display:inline-block;}
.card .card-title:before, 
.card h3:after {content: '';
display: block;
position: absolute;}
.card .card-title:before {
right: 0;
top: 5px;
background-image: url(//www.tfgglobalsolutions.com/wp-content/themes/tfggs-theme-v2/img/icon-arrow.png);
width: 20px;
height: 20px;
background-size: cover;}
.card h3:after {width:0; height:1px; background-color:#131936; bottom:0; left:0;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;}
.card a:hover h3:after {width:100%;}
.card img {box-shadow: 0px 4px 4px 0px #00000040;}
.card a .card-img {position:relative;}
.card a .card-img:after {content:''; display:block; position:absolute; z-index:3; width:100%; height:100%; background-color:#000000; top:0; left:0; opacity:0;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;}
.card a:hover .card-img:after {opacity:.45}
.card-body {padding:2rem 0 1.5rem;}
@media (min-width: 992px){
.card .card-title {margin-bottom: 0.5rem;}
.card .card-title:before {top: 10px; width: 32px; height: 32px;}
}
.card .card-title-flag:before {width:45px; height:30px;} section.special-bg .container {
background-position: top center;
background-size: 100% 12%;
background-repeat: no-repeat;
background-image: linear-gradient(0deg, rgba(19, 25, 54, 0.8), rgba(19, 25, 54, 0.8));}
section.special-bg h2 {color:#ffffff; margin-bottom:2.1rem;}
section.special-bg .container.container-bg-long {background-size: 100% 85%;}
section.special-bg .container.container-bg-xl {background-size: 100% 75%;}
@media (min-width: 992px){
section.special-bg .container,
section.special-bg .container.container-bg-long {background-size: 100% 45%;}
}
.box-shadow {box-shadow:0px 6px 6px rgba(0,0,0,.21);} .img-full {width:100%; height:100%; object-fit:cover;}
.img-max-h-500 {max-height:510px;} .card-country {display:flex; text-decoration:none; max-width:210px; border:0; position:relative; cursor:pointer;}
.card-country:hover {color:rgba(19, 25, 54, 0.8)!important;}
.card-country .card-body {padding: 0; padding-bottom:25px;}
.card-country .card-footer {background-color: transparent; border: 0; padding: 0; margin: 0; position:absolute; width:100%; bottom:0;}
.card-country img {box-shadow:none;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;}
.card-country:hover img {transform: scale(1.05);}
.card-country .country-title span {display: inline-block; width: calc(100% - 39px); text-align: center; font-size: 12px; font-weight: 600;}
.country-block {   padding: 2rem;
height: 100%;
width:100%;
background-color:#f3f3f3;
text-align:left;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index:2;}
.country-block.country-intro {position:relative;}
.country-intro {justify-content:center; z-index:1;} 
.country-block h3, .country-block p {text-align:left; width:100%;}
@media (min-width: 992px){
.country-block {padding: 3rem 0 3rem 3rem;}
} @media (min-width: 768px){
.card-country .country-title span {font-size: 19px;}
} .terms h1 {font-size:32px; text-align:left;}
.terms h2 {font-size:14px; text-align:left; font-family: 'Lato', sans-serif; font-weight:400; margin-bottom:2rem;}
.terms {font-size:15px; line-height:1.4; color:#000000;}
.terms ol, .terms ul {padding-left: 1.2rem;}
@media (min-width: 768px){
.terms h1 {font-size:60px; text-align:center;}
.terms h2 {font-size:24px;}
.terms {font-size:17px;}
} .frmContact {padding:1rem;}
.frmContact label,
.frmContact input,
.frmContact textarea,
.frmContact select {font-size:16px; width:100%; border-color:transparent;}
.frmContact input,
.frmContact textarea,
.frmContact select {background-color:#F8F8F8;}
.frmContact label {padding:15px 0 5px;}
.frmContact input,
.frmContact select,
.frmContact textarea {padding:7px 15px; outline:none;}
.frmContact select {height:44px;}
input.btn {padding:16px; margin:15px 0;}
@media (min-width: 992px){
.frmContact {padding:4rem 2rem;}
.frmContact input,
.frmContact textarea,
.frmContact select {background-color:#ffffff;}
} .icon-card {width:100%; text-align:center; padding:15px 0;}
.icon-card span {font-size:16px; line-height:1; display:inline-block; padding:15px 0 0;}
.icon-card img {height: 100%; max-height:50px; display:block; margin:0 auto;}
@media (min-width: 1200px){
.col-xl-auto {width:11.1%;}
.col-xl-20 {width:19%;}
} .visa-types span.visa-title {display:block; font-family:'Nicholas', sans-serif; font-size:24px; line-height:1.2;}
.visa-types .subtitle{font-family: 'Lato'; font-size: 17px;}
.visa-types label {display:block; font-family: 'Nicholas', sans-serif; font-size:21px; line-height:1.2;}
.visa-types {
background-color: #ffffff;
background-repeat:no-repeat;
background-size:50% 100%;
background-position:right top;
color: #000000;
padding: 0;
margin-top: -50px; margin-bottom:50px;
}
hr {background-color:#131936; margin:10px auto;}
@media (min-width: 768px){
.visa-types span.visa-title {font-size:25px;}
.visa-types label {font-size:22px;}
hr {margin:30px auto;}
}
@media (min-width: 1200px){
.visa-types span.visa-title {font-size:30px;}
.visa-types label {font-size:36px;}
}
@media (min-width: 1600px){
.visa-types span.visa-title {font-size:40px;}
} ol.counter {counter-reset:item;}
ol.counter li {counter-increment: item; list-style:none;}
ol.counter li:before {content: counter(item); display: flex; align-items: center; justify-content: center;} ol.get-started {padding:0 0 5rem 0; margin:0 auto;}
ol.get-started li {padding:0; margin:0 auto; position:relative;
display: block;
width: 100%;
font-size: 20px;
font-family: 'Nicholas', sans-serif;
line-height: 1.2;
font-weight:600;}
ol.get-started li:before {
text-align: center;
display: inline-block;
width:45px;
border:2px solid #131936;
border-radius:50%;
background-color:#f3f3f3;
line-height:41px;
margin:15px;}
ol.get-started li:after {
display: block;
content: '';
position: absolute;
top: 60px;
background-color: #131936;
height: 30px;
left: 37px;
width: 1px;
}
ol.get-started li:last-of-type:after {display:none;}
ol.get-started li br {display:none;}
@media (min-width: 768px){
ol.get-started {display:flex;}
ol.get-started li {font-size: 23px; display: inline-block; width: 19%; text-align: center;}
ol.get-started li:before {display: block; margin:10px auto 3rem; width:61px; line-height:57px;}
ol.get-started li:after {top: 41px; height: 1px; width: calc(100% - 50px); left: calc(50% + 31px);}
ol.get-started li br {display:initial;}
}
@media (min-width: 992px){
ol.get-started li {font-size: 32px;}
} .journey {margin:0 auto; padding:0;}
.journey li {margin:0 auto; padding:0; display:flex; max-width:380px;}
.journey li:before {
font-size:110px; 
line-height:1; 
font-weight:600; 
color:#131936; 
display:inline-block; 
float:left;
font-family: 'Nicholas', sans-serif; 
margin-right:15px;
min-width: 65px;
text-align: center;}
.journey-item {
line-height: 1.2;
font-size: 16px;
}
.journey-item h3 {
font-size: 16px;
margin: 12px 0 10px;
font-family: 'Lato', sans-serif;;
}
@media (min-width: 992px){
.journey {display:flex; gap:1rem;}
.journey li:before {font-size:140px; min-width:auto;}
.journey-item {font-size:17px;}
.journey-item h3 {font-size: 20px;}
} .card-border-box {
border: 1px solid rgba(255, 255, 255, .8);
margin: 0 0 20px 0;
display: flex;
padding: .7rem 1rem;
height: auto;
min-height: 84px;
align-items: center;
line-height: 1.4;
}
.card-border-box .img-icon {margin-right:1rem;}
.card-border-box p {display:none;}
.card-border-box .card-title {margin:0; font-weight:700;}
@media (max-width: 767px){
.card-border-box:hover {background-color:#ffffff; color:#131936; flex-direction:column; align-items: flex-start;}
.card-border-box:hover .img-icon {display:none;}
.card-border-box:hover p {display:block;}
.card-border-box span.card-title {position:relative; display:inline-block; width:100%;}
.card-border-box span.card-title:after {
border-top: 8px solid transparent;
border-left: 12px solid #fff;
border-bottom: 8px solid transparent;
position: absolute;
right: 0;
content: '';
margin: 2px;}
}
@media (min-width: 768px){
.card-border-box {padding: .7rem 1.5rem;}
.card-border-box span {min-width:170px;}
.card-border-box p {display:inline-block;}
.card-border-box .card-title {margin:0;}
} .container-investment {max-width:474px;}
.highlights-card {display: flex; align-items: center; margin: 0 0 2rem;}
.highlights-content {line-height: 1.4; margin-left: 1rem;}
.highlights-content h4 {font-size: 22px; margin-bottom: 0;}
.highlights-icon {width:64px; text-align:center;} .country-slider .card {margin:0 10px;}
.country-slider .slick-prev:before, 
.country-slider .slick-next:before {color:#131936;}
.country-slider .slick-prev, 
.country-slider .slick-next {width: 26px; height: 35px;}
.country-slider .slick-next {right: -15px;}
.country-slider .slick-prev {left: -15px;}
.country-slider .slick-prev:before, 
.country-slider .slick-next:before {
content: '';
background-image: url(//www.tfgglobalsolutions.com/wp-content/themes/tfggs-theme-v2/img/icon-arrow-next.png);
background-size: 100%;
width: 26px;
height: 35px;
display: block;
background-repeat: no-repeat;}
.country-slider .slick-prev:before {transform: rotate(180deg);}
.slick-list {max-width:90%; margin:0 auto;}
.country-slider .slick-dots {bottom:-5px; width:calc(90% - 20px); left:calc(5% + 10px); display:flex!important;}
.country-slider .slick-dots li {width:100%; margin:0 auto; height:3px;}
.country-slider .slick-dots li button {height:3px; padding:0; width:100%;}
.country-slider .slick-dots li button:before {content:''; background-color:#ffffff; opacity:1; height:3px; width:100%;}
.country-slider .slick-dots li.slick-active button:before {background-color:rgba(19, 25, 54, 0.8); opacity:1;}
@media (min-width: 992px){
.country-slider .slick-next {right: -50px;}
.country-slider .slick-prev {left: -50px;}
.country-slider .slick-dots {bottom:-50px;}
.slick-list {max-width:initial;}
.country-slider .slick-dots {bottom:-25px; width:calc(100% - 20px); left:10px;}
} .milestones {text-align:center; }
.milestones .milestone-card {padding:1rem;}
.milestones .col-12.col-md-4{position: relative;}
.milestones .number {display:flex; justify-content:center; font-size:77px; font-weight:500; position:relative;}
.milestones label {line-height:1.4;}
.milestones .col-12.col-md-4:not(:last-child):after {
content: '';
display: block;
width: 90%;
height: 1px;
background: rgba(19, 25, 54, 0.8);
position: absolute; right: auto;
left: auto;
}
.milestones > div:last-of-type .milestone-card .number:after {display:none;} #accordionServices {position:relative; background-color:#131936; height:105vh;}
#accordionServices .accordionServices-buttons {position: absolute;
z-index: 200;
top: 5%;
right:10%;
padding: 0;
height: 34px;
width: 110px;
border-radius: 30px;}
#accordionServices .collapse.collapsing {
height:100vh;
transition: none;
-webkit-transition: none; 
-moz-transition: none;}
#accordionServices .accordion-collapse.collapse {
position: absolute;
z-index: 10;
width: 100%;
height: 105vh!important; overflow: hidden;
padding: 0;
opacity:0;
}
#accordionServices .accordion-body {padding: 0; width: 100%; height: 100%;}
#accordionServices .collapse,
#accordionServices .collapsing {
opacity: 0;
overflow: hidden;
height: 0;
transition: opacity 0s ease;
}
#accordionServices .collapse.show {opacity: 1; height: auto;}
#accordionServices .accordionServices-bg {width: 100%; height: 100%; object-fit: cover;}
#accordionServices .accordionServices-content-wrap {
position: absolute;
z-index: 100;
background-color: rgba(46, 46, 46, 0.33);
width: 80%;
height: 80%;
top: 18%;
right: 10%;
-webkit-backdrop-filter: blur(.18rem);
backdrop-filter: blur(.18rem);
}
#accordionServices .accordionServices-content {
position: absolute;
z-index: 110;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 2rem;
color: #ffffff;
overflow-y:auto;
}
#accordionServices .accordion-body h3.h2 {margin:10px 0; font-weight:400;}
#accordionServices .accordion-body h2 {
position: absolute;
text-align:left;
z-index: 200;
top: 5%;
color: #fff;
left: 10%;
font-size: 36px;
line-height:1;
max-width: 50%;
}
#accordionServices .accordion-body h3 {text-align:left;}
#accordionServices .accordion-body p {font-size:14px; line-height:1.4;}
@media (min-width: 768px){
#accordionServices .accordion-body p {font-size:18px;}
.milestone-card .number:after {
content: '';
display: block;
width: 1px;
height: 100%;
background: rgba(19, 25, 54, 0.8);
position: absolute;
top: 0;
right: -30px;
}
.milestones .col-12.col-md-4:not(:last-child):after {
content: '';
display: none;
width: 90%;
height: 1px;
background: rgba(19, 25, 54, 0.8);
position: absolute; right: auto;
left: auto;
}
}
@media (min-width: 992px){
#accordionServices .accordionServices-buttons {top: 50%; left:5%; height: 60px; width: 200px;}
#accordionServices .accordion-body h2 {font-size: 75px; top: 25%; left: 5%;}
#accordionServices .accordion-body h3.h2 {margin:25px 0;}
#accordionServices .accordionServices-content-wrap {width: 48%; height: 94%; top:3%; right:2vh;}
#accordionServices .accordionServices-content {justify-content: center; padding: 1rem 3rem;}
}
@media (min-width: 1440px){ #accordionServices .accordion-body h2 {font-size: 100px;}
#accordionServices .accordionServices-content {padding: 5rem;}
}
@media (min-width: 1600px){ } .pill-button {background-color: #ffffff;
padding: 0;
border-radius: 30px;
text-decoration: none;
font-size: 11px;
position: absolute;
top: 0;
left: 0;
height: 34px;
opacity: 0;
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
display: flex;
align-items: center;
width: 110px;
line-height: 1;
cursor: pointer;
z-index: 10;
box-shadow:5px 4px 10px rgba(0,0,0,.25);}
.pill-button.collapsed {opacity:1; z-index: 100;}
.pill-button span {
position: absolute;
z-index: 100;
color: #fff;
left:15px;}
.pill-button:before {
position: absolute;
display: block;
background-color: #131936;
content: '';
left: 5px;
top: 3px;
width: 85px;
height: 28px;
z-index: 10;
border-radius: 30px;
opacity: 0;
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.pill-button.pill-button-uae:before {left: 4px;}
.pill-button.pill-button-uae.collapsed:before {left:22px;}
.pill-button.collapsed:before {width: 85px; opacity:1;}
.pill-button.pill-button-uae span {left:initial; right: 25px;}
.pill-button.pill-button-international {background-color: #131936; background-image: linear-gradient(245deg, #02146A, transparent);}
.pill-button.pill-button-international:before {background-color: #ffffff; color: #131936;}
.pill-button-international span {color: #131936;}
.pill-button:after {
content: '';
display: block;
right: 92px;
width: 7px;
height: 14px;
position: absolute;
background-image: url(//www.tfgglobalsolutions.com/wp-content/themes/tfggs-theme-v2/img/icon-next-blue-small.svg);
background-size:cover;
}
.pill-button.pill-button-international:after {
right: 7px;
background-image: url(//www.tfgglobalsolutions.com/wp-content/themes/tfggs-theme-v2/img/icon-next-small.svg);
}
@media (min-width: 992px){
.pill-button {font-size: 20px; height: 60px; width: 200px;}
.pill-button:before {width: 150px; height: 52px; top: 4px;}
.pill-button.pill-button-uae.collapsed:before {left:45px;}
.pill-button.collapsed:before {width: 150px;}
.pill-button:after {width: 13px; height: 26px; right: 170px;}
.pill-button.pill-button-international:after {right: 18px;}
} .card-why-us {position:relative;}
.card-why-us .card-img {position:relative;}
.card-why-us .card-body {
position: absolute;
bottom: 0;
z-index: 100;
color: #ffffff;
padding: 2rem;}
.card-why-us .card-text {
height: auto;
overflow: hidden;
font-size:18px;
font-weight:300;
position:relative;
width:100%; transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
} .card-why-us .card-text:after { content: '';
display: block;
right: 0;
bottom: 0;
position: absolute;
background-size: cover;
width: 65px;
height: 65px;
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.card-why-us:hover .card-text:after {transform:rotateX(180deg);}
.card-why-us h3 {font-size:32px; line-height:1;}
.why-us .slick-dots {text-align:left; bottom:-45px; left:5%;}
.why-us .slick-dots li {top: 4px; width:24px; height:24px;}
.why-us .slick-dots li.slick-active {top:0;}
.why-us .slick-dots li button:before {opacity:1; font-size:16px; font-family: none; width:16px; height:16px; border: 1px solid #000000; border-radius: 50%; color: #ffffff ;
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;}
.why-us .slick-dots li.slick-active button:before {
opacity: 1 !important;
color: #000000;
background-color: #000000;
height: 24px;
width: 24px;
}
@media (min-width: 992px){
.why-us .slick-dots {left:0;}
} .frmEligibility {background-color:#ffffff; padding:1rem; font-size:18px;}
.frmEligibility .form-check-input[type=radio] {padding:0; width:18px; min-width:18px; height:18px; border:1px solid #101658; background-color:#ffffff;}
.frmEligibility .form-label {font-size:24px; color:#000000;}
.frmEligibility input,
.frmEligibility select {background-color:#FCFCFC;}
.frmEligibility select {height:62px;}
.frmEligibility ul {margin:1rem 0 .5rem;}
.frm-radio-input {display: flex; align-items: center; background-color: #FCFCFC; padding: 1rem;}
.frm-radio-input label {padding: 0; width:initial; margin:0 1rem;}
.form-check-input:checked {background-color:#000000;}
.form-check-input:checked[type=radio] {background-image:none; background-color:#000000;}
@media (min-width: 992px){
.frmEligibility {padding:2rem 4rem;}
} .row.white-cards > div {
padding-left: 3px;
padding-right: 3px;
padding-bottom: 6px;
}
.white-card {
background-color: #ffffff;
color: #212529;
padding: 1rem;
height: 100%;
width: 100%;
}
.white-card h3 {
font-size: 16px;
font-family:  'Lato', sans-serif;
color: #212529;
margin-bottom:.2rem;
}
.white-card > img { width: 45px;
object-fit: cover;
margin: 1rem 1rem 1rem 0;
float:left;
}
.white-card h3, .white-card p {margin-left:65px;}
@media (min-width: 992px){
.white-card {padding:2rem;}
.white-card h3 {margin-bottom:.7rem; font-size:18px;}
.white-card > img {float:none; margin:0 0 1.2rem 0;}
.white-card h3, .white-card p {margin-left:0;}
} @media (min-width: 320px) and (max-width: 991.98px) {
.milestones .number {font-size: 50px;}
.img-box{
width: 100%;
background-size: cover;
height: 400px;
}
}
.modal-content{
border-radius: 0px;
}
.modal-header{
border-bottom: 0px;
}
.gTranslateBtns {
padding-top: 10px;
}
a.glink {
margin-right: 5px;
}
a.glink span {
font-size: 16px !important;
}