@font-face {
    font-family: 'UniversLTStd-Bold';
    /* Name your font */
    src: url('fonts/Univers/UniversLTStd-Bold.otf'),
        /* Define the path to your font files */
        /* Add additional src lines for other formats if necessary */
        /* You can also specify font-weight and font-style here */
}

@font-face {
    font-family: 'RubicBoldItalic';
    /* Name your font */
    src: url('fonts/Rubik/Rubik-BlackItalic.ttf'),
        /* Define the path to your font files */
        /* Add additional src lines for other formats if necessary */
        /* You can also specify font-weight and font-style here */
}

@font-face {
    font-family: 'Sansation_Bold';
    /* Name your font */
    src: url('fonts/sansation/Sansation_Bold.ttf'),
        /* Define the path to your font files */
        /* Add additional src lines for other formats if necessary */
        /* You can also specify font-weight and font-style here */
}

@font-face {
    font-family: 'Sansation_Regular';
    /* Name your font */
    src: url('fonts/sansation/Sansation_Regular.ttf'),
        /* Define the path to your font files */
        /* Add additional src lines for other formats if necessary */
        /* You can also specify font-weight and font-style here */
}

@font-face {
    font-family: 'Sansation_Light';
    /* Name your font */
    src: url('fonts/sansation/Sansation_Light.ttf'),
        /* Define the path to your font files */
        /* Add additional src lines for other formats if necessary */
        /* You can also specify font-weight and font-style here */
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.custom-container {
    padding-right: 0;
    padding-left: 0;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 14px;
    display: none;
    color:white;
    background-color:#233D94 !important;
    border: none;
    border-radius: 50%;
}

#scrollToTopBtn:hover {
    background-color: #678983;
}



.navbar-nav .nav-item .nav-link {
    color: #34495e;
    font-family: 'Sansation_Bold';
}

.navbar-brand,
h1 , h2 , h4, h3 , h5{
    color: #34495e !important;
    font-family: 'UniversLTStd-Bold';
}


#whole_navbar {
   
}

.header-span {
   


}

.navbar-brand-span {
    color: #34495e;
    font-family: 'Sansation_Light';

}

.header-about-text {
    font-family: 'Sansation_Regular';
    letter-spacing: .1em;
    word-spacing: .1em;
    line-height: 2rem;
    color: #678983;
}

.card {
   

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    
       
}
.boldtext{

    font-weight: 500 !important;
}

.card-body h5 {
    color: #34495e;


}

.card-body p {
    color: black;
    font-family: 'Sansation_Regular';
    line-height: 1.5rem;

}

footer h3 {

    color: #34495e;
}

footer {
    background: #8CC63F;
    color: white !important;
}

#btn-primary {
    background-color: #04a864;
    border: #04a864;
    color: #34495e;
    font-family: 'Sansation_Bold';
    font-size: .9rem;
}

.footer-column p {

    font-family: 'Sansation_Regular';
    letter-spacing: .05em;
    word-spacing: .1em;
}

.footer-column a {

    text-decoration: none;
    color: #34495e;
}

.footer-column a:hover {

    text-decoration: none;
    color: #678983;
}

#copy-company {
    color: #34495e;
    font-family: 'Sansation_Bold';
}

#copy-text {

    font-size: .7rem;
}

#contact-title {
    color: #34495e;
    font-family: 'Sansation_Bold';

}

table {
    border-collapse: collapse;
}

td {
    padding: 8px;
}

#icon-email {
    color: #34495e;
    font-size: 1.3rem;

}

#icon-phone {
    color: #34495e;
    font-size: 2rem;

}

#icon-marker {
    color: #34495e;
    font-size: 2rem;

}


td:nth-child(1) {
    color: #34495e;
    font-family: 'Sansation_Bold';
}

td:nth-child(2) {
    color: #34495e;
    font-family: 'Sansation_Light';
}

.card:hover {

    animation: mymove 5s infinite;
}

@keyframes mymove {
    50% {
        box-shadow: 10px 10px 10px #181D31;
    }
}

.whatsapp-icon {
    position: fixed;
    right: 14px !important;
    /* Adjust as needed */
    bottom: 80px !important;
    /* Adjust as needed */
    z-index: 1000;
    /* Ensure it's above other elements */
}

.whatsapp-icon img {
    width: 45px !important;
    /* Adjust icon size as needed */
    height: auto;
    border-radius: 50%;
    /* Makes the icon round */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    /* Adds a shadow effect */
    transition: transform 0.3s ease;
    /* Adds a smooth transition effect */
}

.whatsapp-icon img:hover {
    transform: scale(1.1);
    /* Scales up the icon on hover */
}

@keyframes leftToRight {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes topToDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.left-to-right {
    animation: leftToRight 1s ease forwards;
}

.top-to-down {
    animation: topToDown 1s ease forwards;
}

#particles-js {
    width: 50vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.card_pan {
    background-color: transparent;
}

.navbar-toggler {
    border: none;
    height: 30px;
    width: 30px;
}

.open {
    background-color: #007bff;
    /* Background color when open */
    color: #fff;
    /* Text color when open */
}

.close {
    background-color: #ff0000;
    /* Background color when closed */
    color: #fff;
    /* Text color when closed */
}

.owl-carousel .item {
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    height: auto;
}

.uniform-text p {
    word-spacing: 2px;
    /* Adjust this value to control spacing between words */
    line-height: 1.5;
    /* Adjust this value to control spacing between lines */
    text-align: justify;
    /* Justify the text */
    text-align-last: left;
    /* Ensure the last line is centered */
}


.round-column {
    display: flex;
    /* Use flexbox */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #4ecc55;
    padding: 10%;
    background-color:  white;
    color: #0e549b;
    font-family: 'Heebo-Light';

}

/* Remove outline on button or nav items when clicked */
.navbar-toggler:focus,
.navbar-nav .nav-link:focus {
    outline: none; /* Removes the outline */
    box-shadow: none; /* Removes any box shadow that appears when focused */
}





/* Styles for screens smaller than 576px wide (extra small devices) */
@media (max-width: 575.98px) {

    .headerlogo {
      margin-right: 0% !important;
  }
 

}

/* Styles for screens larger than or equal to 576px wide (small devices) */
@media (min-width: 576px) {
.headerlogo {
      margin-right: 0% !important;
  }
 
   
}

/* Styles for screens larger than or equal to 768px wide (medium devices) */
@media (min-width: 768px) {

   
}

/* Styles for screens larger than or equal to 992px wide (large devices) */
@media (min-width: 992px) {
  

}

/* Styles for screens larger than or equal to 1200px wide (extra large devices) */
@media (min-width: 1200px) {
  

}