@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --primary: #f26822;
    --secondary: #3e6ab3;
    --white: #ffffff;
    --text-color:#222222;
    --text-color-light:#636363;
    --primary-transparent : #16283aeb;
    
    --yellow-color:#f0cc05;
}
*
{
    margin: 0px;
    padding: 0px;
    font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  box-sizing: border-box;
}
a
{
    text-decoration: none;
    color: var(--secondary);
}
p
{
    font-size: 14px;
}
ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ol
{
    margin: 0px;
}
.btn-primary
{
    background-color: var(--primary);
    border-color: var(--secondary);
}
.btn-primary:hover
{
    background-color: var(--secondary);
}






h1
{
    font-size: 28px;
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
}
h2
{
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
}
h3
{
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
}


.form-control:focus
{
    box-shadow: none;
}



/* Navbar */


@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: var(--secondary);  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}

.navbar-brand img 
{
    width: 160px;
}
.navbar
{
    z-index: 99;
    background-color: #0000006e;
}
.navbar.fixed-top
{
    background-color: var(--primary-transparent);
    padding: 15px 12px;
}
.navbar-nav .nav-item .nav-link:hover
{
    background-color: #f0f0f059;
    color: var(--primary);
}
.navbar-nav .nav-item.dropdown:hover
{
    color: var(--primary);
}
.navbar-nav .nav-item .nav-link
{
    color: var(--secondary);
    font-size: 15px;
    padding: 10px 15px;
    font-weight: 600;
    display: block;
}
.nav-item .dropdown-menu
{
    background-color: var(--white);
    box-shadow: 0px 0px 1px #d4d4d4;
    padding: 10px;
    border: none;
    border-radius: 5px;
    /* width: 300px; */
}
.nav-item .dropdown-menu a
{
    padding: 6px 10px;
    color: var(--primary);
    background-color: #ffffff;
    margin-bottom: 5px;
    border-radius: 4px;
    font-size: 14px;
    transition: 0.3s;
    font-weight: 500;
}
.nav-item .dropdown-menu a:hover
{
    background-color: #f7f8f9;
}

#navbar_top.fixed-top
{
    border-bottom: 1px solid #ccc;
}









/* hero-section */

.hero-section
{
    background: rgb(71,90,91);
    background: linear-gradient(0deg, rgba(71,90,91,1) 0%, rgba(54,72,79,1) 35%, rgba(25,25,25,1) 100%);
}




/* Company List */
.company-list-item img 
{
    width: 100%;
}
.company-list-item h3 a
{
    color: var(--secondary);
    font-size: 14px;
    font-weight: 700;
}
.company-list-item h3 
{
    line-height: 16px;
}
.company-status
{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
.company-list-item .content p
{
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 0px;
    color: var(--text-color-light);
}
.company-list-item .content p i 
{
    color: var(--primary);
}



/* Company Details */

.social-media-links
{
    display: flex;
    align-items: center;
}
.social-media-links li a
{
    display: block;
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
}
.social-media-links li a.facebook
{
    background-color: #1871e7;
}
.social-media-links li a.instagram
{
    background-color: #e32e6b;
}
.social-media-links li a.linkedin
{
    background-color: #1247d0;
}
.social-media-links li a.twitter
{
    background-color: #1784c6;
}
.social-media-links li a.whatsapp
{
    background-color: #25D366;
}
.breadcrumb
{
    margin-bottom: 0px;
    margin-top: 5px;
}
.breadcrumb li a, .breadcrumb li
{
    font-weight: 600;
}

.page-content h1 
{
    color: var(--secondary);
}
.details-sortcut
{
    border: 1px solid var(--secondary);
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 500;
}
.details-sortcut:hover
{
    border-color: var(--primary);
    color: var(--secondary);
}
.details-sortcut i 
{
    color: var(--secondary);
}

.page-sub-heading
{
    background-color: var(--secondary);
    color: var(--white);
    padding: 10px 10px;
    font-size: 18px;
    border-radius: 5px;
}

.page-content table tr td i 
{
    color: var(--secondary);
    margin-right: 5px;
}


/* Accordion */

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
.accordion-button
{
    box-shadow: none;
}
.accordion-button.collapsed, .accordion-button:not(.collapsed)
{
    background-color: #ffffff;
    padding: 11px 18px;
    font-size: 13px;
    font-weight: 500;
}

.accordion-item:first-of-type .accordion-button:not(.collapsed)
{
    color: var(--primary);
    background-color: #f7f8f9;
}

.accordion-dark .accordion-item:first-of-type .accordion-button:not(.collapsed)
{
    color: var(--white);
    background-color: var(--primary);
}

.accordion-dark .accordion-button:focus
{
    background-color: var(--primary);
    padding: 11px 18px;
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
    color: var(--white);
}

.accordion-button i 
{
    margin-right: 10px;
}
.accordion-button:focus
{
    background-color: #f7f8f9;
    padding: 11px 18px;
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
    color: var(--primary);
}
.accordion
{
    font-size: 13px;
    color: var(--light-text-color);
}
.accordion-button::after
{
    width: 14px;
    height: 14px;
    background-size:14px
}







/* footer-widgets */

.footer-widgets
{
    background-color: #32383f;
}

.footer-widgets ul li a
{
    color: #f9f8f8;
    font-size: 13px;
    transition: 0.5s;
    margin-bottom: 8px;
    display: block;
}
.footer-widgets ul li a i 
{
    margin-right: 5px;
}
.footer-widgets ul li a:hover
{
    padding-left: 10px;
}

.footer-copyright ul
{
    display: flex;
    align-items: center;
    justify-content: center;
}


.footer-copyright ul li a
{
    color: #3282B8;
    padding: 5px 10px;
    font-size: 14px;
    transition: 0.3s;
}
.footer-copyright ul li a:hover
{
    color: var(--white);
}

.sidebar-links 
{
    padding: 8px;
}
.sidebar-links li a
{
    color: var(--secondary);
    font-size: 14px;
    transition: 0.5s;
    margin-bottom: 8px;
    display: block;
    font-weight: 600;
}
.sidebar-links li a i 
{
    margin-right: 5px;
}
.sidebar-links  li a:hover
{
    padding-left: 3px;
}



@media (max-width: 768px)
{
  
    button.navbar-toggler {
        color: var(--white);
        border: none;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        box-shadow: none;
        border: 0px;
    }
    
    .navbar-collapse.show {
        margin-top: 18px;
        border-top: 1px solid var(--white);
    }
    ul.navbar-nav.ms-auto.mb-2.mb-lg-0
    {
        align-items: center;
    }
    .navbar-nav .nav-item.dropdown:hover, ul.dropdown-menu.fade-up.show
    {
        text-align: center;
    }
    .nav-item .dropdown-menu
    {
        box-shadow: none;
    }
}


.company-list-item h3 a
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.company-list-item p
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}