/* @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela&display=swap'); */


/* @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400&display=swap'); */


@import url('fonts.css');
@import url('carousel.css');
@import url('floating-icons.css');

:root {

    --font-family-gotham: 'Gotham';
    /* --font-size-body: 1.2rem; */

    --color-primary: #006633;
    --color-secondary: #2E3192;

    --color-grey:#808285;

    --color-red: #C1272D;

    --color-hover-menu:#7f6e0d;

    --bs-nav-link-padding-y: 0rem;
    --bs-nav-link-font-size: 14px;
    --bs-nav-link-padding-x: none;
    --bs-btn-border-radius: 1.5rem;

/*     --popup-icon-size:1.5rem;
    --popup-button-size:40px;
    --popup-button-from-bottom:20px; */

/* 
    --color-facebook:#4267B2;
    --color-twitter:#1DA1F2;
    --color-linkedin:#0A66C2; */
}

* { font-family:  var(--font-family-gotham), sans-serif; margin: 0; padding: 0; box-sizing: border-box; outline: none; border: none; text-decoration: none; /* text-transform: capitalize; */}

html { overflow-x: hidden; scroll-behavior: smooth; /* scroll-padding-top: 7rem; */ }

body { background-color: #ffffff; overflow: hidden;}

/* .container {
    max-width: 80%;
} */

.bg-color-red { background-color: var(--color-red) !important;}
.bg-color-blue { background-color: #2E3192 !important;}
.bg-color-grey { background-color: #6D6E71 !important;}
.bg-color-green { background-color: #006633 !important;}
.bg-color-dark-green { background-color: #002E00 !important;}

.tab-pane p{
    color: #FFFFFF;
}

.color-primary { color: var(--color-primary) !important;}
.color-secondary { color: var(--color-secondary) !important;}

.bg-color-primary { background-color: var(--color-primary) !important;}

.logo-about-us{ width: 150px; height: 150px;}

.color-grey { color: var(--color-grey); }

.bg-image1{
    background-image: url('../images/bg1.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    /* background-position-y: 600px; */
    background-size:contain;
}

.bg-image3{
    background-image: url('../images/bg3.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size:cover;
}

.bg-who-we-are{
    background-image: url('../images/who-we-are-img1.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}

.bg-our-vision{
    background-image: url('../images/bg-our-vision.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.border-end-red{
    border-right: solid 1px var(--color-red);
}


/* .navbar .container {  align-items: flex-end; padding-right: 0; padding-left: 0;} */

.navbar-collapse { flex-grow: 0;}

.dropdown-menu {
    /* margin: 0;
    list-style: none; */
    /* white-space: nowrap;
    border: 1px solid black; */
    /* padding: 10px; */
    /* color: #FFFFFF; */
    background-color: var(--color-secondary);
    border-radius: 0;
  }

.dropdown-item {
    color: #FFFFFF;
}

.dropdown-divider{
    background-color: #FFFFFF;
    margin-left: 32px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}


.nav-pills .nav-link {
    border-radius: 0;
    padding: 15px;
    color: #FFFFFF;
}

.our-services-section .nav-item{
    padding: 0; 
}

.nav-link button:hover {
    background-color: #ddd;
  }

  .nav-pills .nav-link:hover {
    color: rgba(255, 255, 255, 0.8)
}


.form-control{
    border: none;
    border-radius: 0;
}

.btn-primary{
    /* background-color: var(--color-red);
    opacity: 0.9; */
    background-color: rgba(193, 39, 45, 0.9);
    border: none;
    border-radius: 0;
    

    transition: none;

    /* transition: background-color 0.5s; */
}

.btn-primary:hover {
    /* background-color: green; */
    background-color: var(--color-red);
    opacity: 1;
   
  }

.social-icon{
    width: 50px;
    height: 50px;
}


.v-divider-red{
    width: 1px;
    border-right: 1px solid  var(--color-red);

  }

.header-section .nav-item { /* padding: 5px; */ margin-right: 10px; font-size: 15px;}

.navbar { position: absolute; z-index: 10; width: 100%; background-color: #000000;}

.header-section .nav-link{ padding: 0; font-size: 17px;color: #FFFFFF; }

.nav-link:hover {color: #C1272D /* var(--color-secondary) */;}


.home-slider-section{
    z-index: 0;
}

.section-padding{
    height: 5rem;

    /* background-color: #C1272D; */
}


.tab-pane img{
    max-width: 200px;
}


  .carousel .carousel-indicators button {
        border-radius: 50%;
        width: 13px;
        height: 13px;
        background-color: var(--color-red);
    }

/* 
    footer .social-icons i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 22px;
    }

    footer a{
        color: #ffffff;
    }

    .form-control{ padding: 10px; }

    .popup-icon-size{
        font-size: var(--popup-icon-size);
    }

    .popup-button-email {
        bottom: 20px; 
        background-color:var(--color-primary); 
    }

    .popup-form-email { display: none; position: fixed; bottom: 0; right: 0px; border: 1px solid #999999; z-index: 9; }

    .popup-form-email-container { max-width: 350px; padding: 20px; background-color: white; }

    .popup-button-wa, .popup-button-email{ width: var(--popup-button-size); height: var(--popup-button-size); 
        border: none; cursor: pointer; z-index: 5; border-radius:50px; display: flex; justify-content: center; align-items: center;
        box-shadow: 2px 2px 3px #2b2b2b; color: #ffffff; padding: 16px 20px; position: fixed; right: 20px;
    }
    .popup-button-wa { background-color: var(--color-green-wa); 
        bottom: calc(var(--popup-button-size) + var(--popup-button-from-bottom) + 10px) ;         
    }
    

    .card-body a{
        color: var(--color-secondary);
    }

    .footer-section p{
        text-align: justify;
    }


    .nav-item.contact { 
        background-color: var(--color-secondary);
        
        padding: 5px;
        border-radius: 0.5rem;
        text-align: center;
    }

    .nav-item.contact a {
        color: #FFFFFF;
        font-size: 15px !important;
        font-weight: bold;

    } 

    .footer-icon{
        width: 40px;
        height: 40px;
    }
*/