/*
Theme Name: TFG Global Solutions - V2
Theme URI: https://www.tfgglobalsolutions.com
description: TFGGS Theme
Author: Aboobacker P
Author URI: http://www.thefirstgroup.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: tfggs
Text Domain: tfggs
*/

.wpcf7-response-output, .wpcf7-response-output, .wpcf7-not-valid-tip{
    font-size: 14px !important;
    line-height: normal;
}

.card .card-title.card-title-antigua-barbuda:before {background-image: url(/wp-content/themes/tfggs-theme-v2/img/icon-flag-antigua.png);}
.card .card-title.card-title-st-kitts-nevis:before {background-image: url(/wp-content/themes/tfggs-theme-v2/img/icon-flag-kitts.png);}
.card .card-title.card-title-dominica:before {background-image: url(/wp-content/themes/tfggs-theme-v2/img/icon-flag-dominica.png);}
.card .card-title.card-title-grenada:before {background-image: url(/wp-content/themes/tfggs-theme-v2/img/icon-flag-grenada.png);}
.card .card-title.card-title-st-lucia:before {background-image: url(/wp-content/themes/tfggs-theme-v2/img/icon-flag-st-lucia.png);}


.questionaire-form h4 {text-align:left;}

/*text input*/
.questionaire-form form input.wpcf7-text {width:100%; max-width:100%; color:#000000;}
.questionaire-form form input::placeholder {/*color:#2610A3;*/ opacity:0.5;}

.questionaire-form form textarea {border:1px solid; width:100%; color:#000000;}

/*checkbox / radio list*/
.questionaire-form form .wpcf7-list-item {display:block; width:100%;}

.questionaire-form form input[type=checkbox], 
.questionaire-form form input[type=radio] {width:initial;}

/*select*/
.questionaire-form form select {width: 100%;
    padding: 11px;
    outline: none;
    box-shadow: none;}

/*error*/
.span.wpcf7-not-valid-tip {margin-bottom:30px;}

/*submit button*/
input.wpcf7-submit {
    /*background-color: #2610A3;*/
    width: initial;
    padding: 12px 25px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #C62A2A;
}

/*date*/
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    width: 100%;
    /*color: #2610A3;*/
}

/* light section */
.questionaire-form .row.bg-light {
    margin-top: 15px;
	margin-bottom:15px;
    padding: 20px;
    background-color: rgba(19, 25, 54, 0.8) !important;
    color: white !important;
    
}


/* two cols - checkboxes */
.div-two-cols .checkbox-field {
    display: flex;
    flex-wrap: wrap;
}
.questionaire-form form .div-two-cols .checkbox-field .wpcf7-list-item {width:45%; display:inline-block;}

/* special title */
.questionaire-form h2 {
    font-size: 34px;
    border-bottom: 1px solid;
    text-align: left;
    padding: 30px 0 10px;
}
.page-template-template-narrow-page h1 {
    font-size: 34px
}

.questionaire-form input, .questionaire-form textarea {
    border: 1px solid;
    padding: 10px;
    margin-bottom: 10px;
    outline: none;
    height: auto;
    /*background-color: transparent;*/
}
.questionaire-form p:last-of-type {margin-bottom: 16px;}
.questionaire-form p{margin-bottom: 16px;}
.questionaire-form label{margin-bottom: 5px;}


/*ar css */
.questionaire-form.form-ar form, .questionaire-form.form-ar h1, .questionaire-form.form-ar form select, .questionaire-form.form-ar input[type="text"]::placeholder, .questionaire-form.form-ar h2, .questionaire-form.form-ar h4 {
direction: rtl !important;
text-align: right !important;
}
.questionaire-form.form-ar .wpcf7-list-item{
margin: 0 1em 0 0;
}

.page-id-2 .content, .postid-18 .content {
    padding-bottom:0;
}
.container-hero {
    max-width: 1545px;
}
.img-partner-home {
    object-fit: contain;
    width:auto;
}

@media (max-width: 991.98px){
    .img-partner-home {
        object-fit: cover;
        width: 100%;
        height: 400px;
    }
    .btn-dwn {
        right:40px;
    }
    .navbar-collapse {
        z-index:1;
    }
}

.card.slick-slide {
    border:none;
}

.country-block {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

#cipModal .title{
    font-weight: semiBold;
    font-size: 55px;
    line-height: 1.1;
    color: #131936;
    margin: 14px 0 10px;
    text-align:center;
  }
  #cipModal .form-label{
    font-weight: 600;
    color:#313647;
    font-size: 14px;
    margin-bottom: .35rem;
  }
  .cip-form-control,
  .cip-form-select{
    border-radius:0;
    border:0;
    border-bottom:1px solid #131936;
    padding-left:0;
    padding-right:0;
    background:transparent;
    font-family: 'Lato', sans-serif;
  }
  .cip-form-control:focus,
  .cip-form-select:focus{
    box-shadow:none;
    border-color:#b9bed1;
  }
  .cip-placeholder-muted::placeholder{ color:#b9bed1; }
  .cip-select-muted{ color:#a4aab9; }

  @media (max-width: 575.98px){
    #cipModal .title{ font-size:50px; }
  }

  #cipModal .modal-header {
    border: none;
  }
  #cipModal .modal-content{
    border: none;
    border-radius: 0;
    padding: 10px 20px;
  }
  #cipModal .btn-close {
      font-size:1.5em;
  }

.container-investment hr{
    opacity: 0.7 !important;
}



/* navigation */
nav {font-size:20px; font-weight:500;}
nav.bg-light {background-color:#f3f3f3!important;}
nav button {
    background: none;
    border: 0;
    padding: 10px 20px;
}
.navbar-light .navbar-nav .nav-link {color: #131936;}
.navbar-nav {display: flex;  width: 100%;}

.navbar-brand img {width:210px;}

/* base dropdown style (mobile + desktop) */
.dropdown-menu {
    background-color:#ffffff;
    border:0;
    margin-left:3rem;
}
.dropdown-menu .dropdown-menu {
    margin-left: 1em;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: rgba(19, 25, 54, 0.8);
    color:#ffffff;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: rgba(19, 25, 54, 0.8);
    color:#ffffff;
}
.dropdown-item {padding: .25rem 0; font-size:1.2rem;}

.navbar-toggler {border:0; box-shadow:none!important;}

/* ===========================
   DESKTOP (>=1200px)
   =========================== */
@media (min-width: 1200px) {

    /* NEW: hide all dropdowns by default on desktop */
    .dropdown-menu {
        display: none;
        margin-left:0;          /* you already had this for desktop */
    }

    .dropdown-item {padding: .5rem 1rem;}
    .navbar-light .navbar-nav .nav-link {padding-inline:.85rem;}

    /* Existing: show first level on hover (keep it) */
    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    /* NEW: nested dropdown behaviour (second level, third level, etc.) */

    /* make any li with children a positioning context */
    .dropdown-menu .menu-item-has-children {
        position: relative;
    }

    /* position nested dropdowns to the right of their parent */
    .dropdown-menu .menu-item-has-children > .dropdown-menu {
        top: 0;
        left: 98%;
        margin-left: .25rem;
        display: none; /* hidden until its parent is hovered */
    }

    /* show nested menu only when its direct parent is hovered */
    .dropdown-menu .menu-item-has-children:hover > .dropdown-menu {
        display: block;
    }

    /* optional: add a small caret on items that have children */
    .dropdown-menu .menu-item-has-children > a::after {
        content: "▶";
        float: right;
        font-size: 10px;
        margin-top: 3px;
        position: relative;
        top: 5px;
    }
    
}

@media (min-width: 1300px) {
    .navbar-light .navbar-nav .nav-link {padding-inline:1rem;}
}

@media (min-width: 1400px) {
    .navbar-light .navbar-nav .nav-link {padding-inline:1rem;}
}

@media (min-width: 1600px) {
    .navbar-light .navbar-nav .nav-link {padding-inline:1.5rem;}
}

nav.navbar {
    position: relative;
    z-index: 1030; /* same as Bootstrap navbar default */
}
/* ===========================
   MOBILE (<1200px)
   =========================== */
@media (max-width: 1199px){
    .navbar-collapse {
        position: absolute;
        top: 65px;
        width: 100%;
        background-color: #fff;
        right: 0;
        z-index: 1050; /* higher than banners/sections */
        box-shadow: 0 4px 10px rgba(0,0,0,.08); /* optional, looks nice */
    }
    .navbar-nav.navbar-nav-scroll .nav-link {padding:.75rem 2rem;}
    .navbar-brand img {width:150px;}
    /* no display:none here, so Bootstrap/JS can handle show/hide via .show class */
}




@media (max-width: 1199px) {

    /* arrow only for child-level parents */
    .dropdown-menu .menu-item-has-children > a {
        position: relative;
        padding-right: 28px; /* space for arrow */
    }


    .dropdown-menu .menu-item-has-children > a::after {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        pointer-events: none;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }
    .dropdown-item:focus, .dropdown-item:hover {
        background-color: #fff;
        color: inherit;
    }
    .country-slider .slick-list{margin:0 auto;}
}