/* bootstrap container */
.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:16px; line-height:1.4; font-weight:400;}

section {padding:0;}
section .container {padding:1.5rem;}

@media (min-width: 768px){
    section .container {padding:3rem;}
}

@media (min-width: 992px){
    section .container, section container-xl {padding:3rem 4rem;}
    section .container.pl-lg-container {padding-left:4rem!important;}
    section .container.pr-lg-container {padding-right:4rem!important;}
    body {font-size:18px;}
    .page-intro p {font-size:18px;}
}

@media (min-width: 1400px){
    section .container, section .container-xl, .container-padding {padding:3rem 5rem 5rem 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;}
}

/* colors */
.bg-primary {background-color:rgba(19, 25, 54, 0.8)!important; color:#ffffff;} /* #131936 80% */
.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:38px; color:#131936; line-height:1;}
h2, .h2 {font-size:35px; text-align:center; 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:75px;}
    h2, .h2 {font-size:32px; text-align:left;}
    h3, .h3 {font-size:40px;}
    .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:64px; text-align:left;}
    .h2.small {font-size:55px;}
}

@media (min-width: 1600px){
    h1, .h1 {font-size:96px;}
}

.p-2rem {padding:2rem;}

@media (min-width: 992px){
    .pt-lg-8 {padding-top:8rem;}
}

@media (min-width: 1200px){
    .p-xl-7 {padding:5rem!important;}
}

.p-relative {position:relative;}

/* links and buttons */
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:20px;}
    .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 */
footer {padding:4rem 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-size:12px; font-weight:300; color:#ffffff; text-decoration:none; padding: 0; display: block;}

.sitemap ul {padding:0; margin:0 auto;}
.sitemap ul li {display:inline-block; width:48%;}
.sitemap ul li a {font-size:14px; 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:12px; 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-size:18px; 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:12px;}
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:30px;}

@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;}
    footer form input {font-size:16px;}
}

/* content */
.content {padding:0;}
.text-intro {font-size:16px; line-height:1.9;}

.exclusive-invitation {font-size:18px; 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:50px 0;}
    .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;}
}

/* image card */
.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(/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:1.5rem;}
    .card .card-title:before {top: 10px; width: 32px; height: 32px;}
}

.card .card-title-flag:before {width:45px; height:30px;}

/* special background*/
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);}

/* full size image */
.img-full {width:100%; height:100%; object-fit:cover;}
.img-max-h-500 {max-height:510px;}

/* countries - flags */
.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 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2rem;
    height: 100%;
    width:100%;
    background-color:#f3f3f3;
    text-align:left;
    display: flex;
    align-items: 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;}
}


/* #accordionCountry .collapsing {transition:none;} */

@media (min-width: 768px){
    .card-country .country-title span {font-size: 19px;}
}

/* terms & conditions */
.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:14px; 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:20px;}
}

/* contact form */
.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 */
.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 */
.visa-types span.visa-title {display:block; font-family:'Nicholas', sans-serif; font-size:24px; line-height:1.2;}
.visa-types label {display:block; font-family: 'Nicholas', sans-serif; font-size:16px; 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:24px;}
}

@media (min-width: 1600px){
    .visa-types span.visa-title {font-size:40px;}
}

/* ol basic counter */
ol.counter {counter-reset:item;}
ol.counter li {counter-increment: item; list-style:none;}
ol.counter li:before {content: counter(item);}
    
/* get started ordered list */
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 */
.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;}
}


/* border type card */
.card-border-box {
    border: 1px solid rgba(255, 255, 255, .8);
    margin: 0 0 20px 0;
    display: flex;
    padding: .7rem 1rem;
    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;}
    
}

/* highlights card with icon */
.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;}

/* carousels */
.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('/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:-25px; 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 */
.milestones {text-align:center; /*align-items: flex-end;*/}
.milestones .milestone-card {padding:1rem;}
.milestones .number {display:flex; justify-content:center; font-size:77px; font-weight:500; position:relative;}
.milestones label {line-height:1.4;}

.milestone-card .number:after {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background: rgba(19, 25, 54, 0.8);
    position: absolute;
    top: 98px;
    right: auto;
    left: auto;
}
.milestones > div:last-of-type .milestone-card .number:after {display:none;}
    
/* accordionServices - full bg size accordion */
#accordionServices {position:relative; background-color:#131936; height:100vh;}

#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: 100vh!important;
    /*display:block;*/
    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 0.2s 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;}
#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;
}
}

@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 p {font-size:21px;}*/
    #accordionServices .accordion-body h2 {font-size: 100px;}
    #accordionServices .accordionServices-content {padding: 5rem;}
}

@media (min-width: 1600px){
    /*#accordionServices .accordion-body p {font-size:24px;}*/
}

/* pill buttons */
.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(/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(/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;}
}

/* why us */
.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%;
    /*padding-right:65px;*/
    transition: all .2s linear;
      -webkit-transition: all .2s linear;
      -moz-transition: all .2s linear;
}
/*.card-why-us:hover .card-text {height:100px; }*/

.card-why-us .card-text:after {
    /*background-image: url('/wp-content/themes/tfggs-theme-v2/img/icon-expand.png');*/
    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;}
}

/* Eligibility form */
.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;}
}

/* white cards */
.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 {
    /*height: 45px;*/
    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;}
}

/*Responsive overlapping section*/
@media (min-width: 320px) and (max-width: 991.98px) {
.img-box{
    width: 100%;
    background-size: cover;
    height: 400px;
    }
}

.modal-content{
    border-radius: 0px;
}
.modal-header{
    border-bottom: 0px;
}