:root{
    --fixed-margin-size: 3rem;
    font-size: 1.1rem;
    --project-color: rgb(205, 123, 43);
    --project-color-2: rgb(0, 63, 119);
    --project-btn-color-1: rgb(205, 123, 43);
    --project-btn-hover-color-1: rgb(220, 128, 36);
    --project-btn-color-2: rgb(0, 63, 119);
    --project-btn-hover-color-2: rgb(7, 93, 168);
    --project-alert-bg-color: rgba(255, 0, 0, 0.75);
}
@font-face {
    font-family: 'SourceSans3-Bold';
    src: url('../fonts/SourceSans3-Bold.ttf');
}
@font-face {
    font-family: 'SourceSans3-Medium';
    src: url('../fonts/SourceSans3-Medium.ttf');
}
@font-face {
    font-family: 'SourceSans3-ExtraBold';
    src: url('../fonts/SourceSans3-ExtraBold.ttf');
}
@font-face {
    font-family: 'SourceSans3-MediumItalic';
    src: url('../fonts/SourceSans3-MediumItalic.ttf');
}
@font-face {
    font-family: 'SourceSans3-Regular';
    src: url('../fonts/SourceSans3-Regular.ttf');
}
@font-face {
    font-family: 'SourceSans3-SemiBold';
    src: url('../fonts/SourceSans3-SemiBold.ttf');
}

.text-1-3{
    font-size:1.3rem;
}
.cursor-pointer{
    cursor: pointer;
}
body {
    font-family: SourceSans3-Medium, sans-serif;
    overflow-x: hidden;
    background-color: #ecf3f5;
}
p,a,h1,h2,h3,h4,h5,h6{
    margin: 0 !important;
}
b, strong, .fw-bold  {
    font-family: SourceSans3-Bold, sans-serif;
}
.fmt{
    margin-top: var(--fixed-margin-size) !important;
}
.fmb{
    margin-bottom: var(--fixed-margin-size) !important;
}
.fpt{
    padding-top: var(--fixed-margin-size) !important;
}
.fpb{
    padding-bottom: var(--fixed-margin-size) !important;
}
.f-bold, .fw-bold{
    font-family: SourceSans3-Bold, sans-serif !important;
}
.fw-semi-bold{
    font-family: SourceSans3-SemiBold, sans-serif !important;
}
.f-ligth, .fw-light{
    font-family: SourceSans3-MediumItalic, sans-serif !important;
}
.f-medium-italic{
    font-family: SourceSans3-MediumItalic, sans-serif !important;
}
.fw-extra-bold{
    font-family: SourceSans3-ExtraBold, sans-serif !important;
}
.f-regular{
    font-family: SourceSans3-Regular, sans-serif !important;
}
.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.btn-custom-1 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-1);
    --bs-btn-border-color: var(--project-btn-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:var(--project-btn-hover-color-1);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-1);
    --bs-btn-focus-shadow-rgb: 77,43,138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-1);
    --bs-btn-active-border-color: var(--project-btn-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77,43,138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-1);
    --bs-btn-disabled-border-color: var(--project-btn-color-1);
}
.btn-outline-custom-1 {
    --bs-btn-color: var(--project-btn-color-1);
    --bs-btn-border-color: var(--project-btn-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-color-1);
    --bs-btn-hover-border-color: var(--project-btn-color-1);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-1);
    --bs-btn-active-border-color: var(--project-btn-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--project-btn-color-1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--project-btn-color-1);
    --bs-gradient: none;
}
.btn-custom-2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-2);
    --bs-btn-border-color: var(--project-btn-color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:var(--project-btn-hover-color-2);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-2);
    --bs-btn-focus-shadow-rgb: 77,43,138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-2);
    --bs-btn-active-border-color: var(--project-btn-color-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77,43,138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-2);
    --bs-btn-disabled-border-color: var(--project-btn-color-2);
}
.btn-outline-custom-2 {
    --bs-btn-color: var(--project-btn-color-2);
    --bs-btn-border-color: var(--project-btn-color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-color-2);
    --bs-btn-hover-border-color: var(--project-btn-color-2);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-2);
    --bs-btn-active-border-color: var(--project-btn-color-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--project-btn-color-2);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--project-btn-color-2);
    --bs-gradient: none;
}
.custom-alert-1 {
    --bs-alert-color: white;
    --bs-alert-bg: var(--project-alert-bg-color);
    --bs-alert-border-color: var(--project-alert-bg-color);
    --bs-alert-link-color: white;
    font-family: SourceSans3-Bold, sans-serif;
}

.short-text{
    white-space: nowrap;
    width: 100%;                   /* IE6 needs any width */
    overflow: hidden;              /* "overflow" value must be different from  visible"*/
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;    /* IE, Safari (WebKit), Opera >= 11, FF > 6 */
}
form label.required:after {
    content: "*";
    font-size: 1em;
    margin: 0.3em;
    position: relative;
    top: -2px;
    color: red;
}
.img-cover{
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
}
.text-line-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.text-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-line-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.color-unset{
    color:unset;
}
/*.navbar-box .nav .nav-item:not(:last-child) {
    border-right: 1px solid black;
}
.navbar-box .nav li.nav-item{
    line-height: 1px!important;
}
.navbar-box .nav ul.dropdown-menu{
    line-height: var(--bs-body-line-height);
}

.navbar-box .nav .nav-item:last-child {
    padding-right: 0 !important;
}
 */
.navbar-box .nav li.nav-item a:not(.dropdown-item){
    border: 1px solid #7798b6;
    border-radius: 20px;
    padding: 5px 20px !important;
}
.navbar-box .nav .nav-item:not(:first-child) {
    margin-left: 10px;
}
.text-color{
    color: var(--project-color-2);
}
.navbar-box .nav-link{
    color: #0a0a0a;
}
.navbar-box .nav li a:hover{
    background-color: #003f77;
    color: #ffffff !important;
}

header .top-bar{
    background-color: var(--project-color);
    height: 44px;
}
header .top-bar a{
    color: white;
    text-decoration: none;
}

footer{
    background-color: var(--project-color-2);
    color: white;
}
footer .company-text{
    background-color: var(--project-color);
    color: white;
    padding: 1rem;
    text-align: center;
}
.index-slide .carousel-caption{
    left: 10%;
    top: 1.25rem;
    bottom: 1.25rem;
    right: 20%;
    color: white;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: start;
}
.index-event-section{
    background-position: center center;
    background-size: cover;
}
.index-event-box {
    color: var(--project-color-2);
    height: 220px;
}
.index-event-box h5{
    color: var(--project-color);
}
.index-link-box{
    border-left: 3px solid var(--project-color-2);
}

.custom-prev,
.custom-next {
    cursor: pointer;
    font-size: 30px;
    user-select: none;
    padding: 10px;
    border-radius: 50%;
    width: 50px;
    color: #399095;
    font-family: Poppins-Bold, sans-serif;
}
.index-link-section .custom-prev{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -3%;
    transform: translate(-50%, -50%);
}
.index-link-section .custom-next{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -7%;
    transform: translate(-50%, -50%);
}
footer .nav .nav-item:not(:last-child) {
    border-right: 1px solid white;
}
footer .nav .nav-item{
    padding-right: 10px;
    padding-left: 10px;
    line-height: 25px;
}
footer .nav .nav-item .text-body-secondary{
    color: white !important;
}
.logo-text-color{
    color: var(--project-color);
}
.all-news-list-pagination-box .active>.page-link{
    background-color: var(--project-color);
    border-color: var(--project-color);
    color: white;
}
.all-news-list-pagination-box .page-link{
    color: var(--project-color-2);
}
.event-list{
    background-color: white;
    border: 1px solid var(--project-color-2);
}
.breadcrumb-section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .dropdown-menu li{
        position: relative;
    }
    .dropdown-menu .submenu{
        display: none;
        position: absolute;
        left:100%;
        top:-7px;
    }
    .dropdown-menu .submenu-left{
        right:100%;
        left:auto;
    }
    .dropdown-menu .submenu-right{
        right:100% !important;
        left: unset;
    }

    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{
        display: block;
    }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem;
        margin-right:0.7rem;
        margin-bottom: .5rem;
    }

}
/* ============ small devices .end// ============ */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}