:root{
    /*--InternalBG: #fdfcfc;
    --InternalBG: #fbfbfb;*/
    --InternalBG: #f7f7f7;
}

.stext{
    color:#333333;
    font-size:13px;
    text-decoration:none;
    margin-top:15px;
}
.gallery_div{
    background-color:white;
    padding:15px;
    min-height:150px;    
    vertical-align: middle;
    margin-bottom:30px;
}
.gallery_thumb{
    overflow:hidden;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
.required{
    color:red;
}

.err_info{
    font-size: 10px;
    color: #cf0707;
    position: relative;
    bottom: 5px;
}

.mandatory_field{
    background-color: #f4e7e7;
}

.carousel_img{
    /*height: calc(100vh - 200px);*/
    height: 550px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*.carousel-caption {
    position: absolute;
    right: 15%;
    top: 30%;
    color: #fff;
    text-align: right;
    width: 400px;
    max-width: 100%;
    line-height: 150%;
}
*/
.carousel-caption {
    top: 30%;
}
.carousel-caption h2{
    font-size: 2.5rem;
    margin-top: 20px;

}
.carousel-caption h2 a{
    color: #FFF;
    color: #FFF;
    text-shadow: 1px 3px 1px #333333;
}

.srch_strong{
    background: yellow;
}

.pagination_div .pagination{
    color: #FFFFFF;
}

.pagination_div .page-link{
    color: #333333;
}

.pagination_div  .active>.page-link, .pagination_div  .page-link.active {
    color: #FFFFFF;
    background-color: var(--primary);
    border-color: var(--primary);
}

.pagination_div .text-muted{
    display: none;
}

.title{
    margin-top:15px;
    font-size:30px;
    color:#333333;
    font-weight:bold;
}
.sm-title{
    margin-top:15px;
    font-size:18px;
    color:#333333;
    font-weight:bold;
}


#all_body *[dir="rtl"]{
    text-align: right;
}

#all_body *[dir="ltr"]{
    text-align: left;
}

.body_content img{
    max-width:800px !important;
}
.info-img img{
    width:100%;
    
}
.list-img{
    width:100%;
}
.right_side_cont{
    min-height:400px;
    /*background-color:white;
    padding-top:15px;*/
    margin-bottom:15px;
}
.right_side_cont ul li{
    list-style: disc;
    margin-bottom: 7px;
    margin-top: 15px;
}
.right_side_cont li a{
    font-size:0.85rem;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    transition: all 0.5s;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    display: block;
}

.right_side_poll{
    padding: 10px 15px;

}
.poll_question{
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.poll_ul{
    list-style: none;
    padding-inline-start: 10px;
}
.poll_ul li{
    margin-bottom: 10px;

}

.send_poll{
    background: var(--primary);
    border: 2px solid var(--primary);
    color: #FFF;
    padding: 7px 15px 10px;
    font-weight: 600;
    transition: all .5s;
}

.send_poll:hover{
    background: transparent !important;
    color: var(--secondary) !important;
    border: 2px solid var(--secondary);
}

.right_side_cont li a:hover, .right_side_cont li.active a{
    color: var(--primary);
    border-color: var(--primary);
}

.right_side_cont ul li i {
    /*display: none;*/
    transition: right 0.5s;
    position: relative;
    right:  0;
}

.right_side_cont li a:hover i,.right_side_cont li.active a i{
    /*display: inline;*/
    right: -5px;
}

.right_side_cont ul.rel_ul li:last-child a{
    border-bottom: 0;
}

.rel_ul{
    padding-right:7px;
    padding-left:7px;
}
.rel_ul img{
    width:100px;
    padding:5px;
    border:solid 1px #ccc;
    margin-left:5px;
}
.rel_ul li{
    list-style:none !important;
    /*min-height:80px;*/
}

.news_icon,.news-icon{
    font-size:13px;
}

.news_icon i{
    color: var(--secondary);
    font-size: 14px;
}

.text-right{
    text-align:right !important;
}
.box-shadow-div{
    background-color:white;
}
.cat-title{
    background-color:white;
    color:#333333 !important;
    /*padding:5px;*/
    height:90px;
}
.vid_gal_cont{
    width:100%;border:solid 1px #ccc;overflow:hidden;height:160px;overflow:hidden;
}
.video_gallery_thumb{
    width:100% !important;
}
.box-shadow-div{
    /*height:235px;*/
    margin-bottom:15px;
}
.cat_box-shadow-div{
    height:380px;
    background-color:white;
    padding:7px;
    margin-bottom:15px;
}
.catline_thumb_div{
    height:150px;
    overflow:hidden;
    background-image: url("../../images/image-gallery.png");
    background-position: center center;
    background-size: 35%;
    background-repeat: no-repeat;
    background-color: #a8a8a8;
}
.cat_thumb_div{
    height:165px;
    overflow:hidden;
    background-image: url("../../images/image-gallery.png");
    background-position: center center;
    background-size: 35%;
    background-repeat: no-repeat;
    background-color: #a8a8a8;
}

.catline_thumb_div.without_bg, .cat_thumb_div.without_bg{
    background: none;
}

.cat_thumb_div img{
    /*width:100% !important;*/
}

.art_cat_thumb_div{
    height:280px;
    overflow:hidden;
}

.art_cat_thumb_div img{
    max-width:100% !important;
}

.btitle{
    font-weight:bold;
    line-height:140%;
    color:#333333;
    font-size:16px;
}

.btitle1{
    font-weight:bold;
    line-height:140%;
    color:#333333;
    font-size:16px;
}
.file_div{
    margin-bottom:25px;
    padding: 0px 15px;
}
.file_div3{
    overflow:hidden;
    height:450px;
}
.file_div3 img{
    width:100%;
}
.file-title{
    background-color:white;
    padding:0 7px;
    /*height:65px;*/
}
.file-title2{
    padding:7px;
}
.cat_cont{
    position:relative;
}
.cart_cont{
    position:relative;
}
.col3-cat{
    height:220px;
    overflow:hidden;
    margin-bottom:15px; 
}
.col3-cat img{
    transition: transform .5s; /* Animation */
}
.col3-cat img:hover{
    transform: scale(1.2);
}
.gfloat-img{
    margin-bottom:15px;height:250px;overflow:hidden;float:right;padding-right:7px;padding-left:7px;
}
.gfloat-img img{
 width:100%;
}

.page-top{
    transition: all 0.5s;
    background-color: #fff;
    /*padding: 15px 0px 10px 0px;*/
    /*border-bottom: 3px solid rgb(34, 115, 163);*/
}

.fixed_header {
    position: fixed;
    z-index: 999;
    /*top: 0;*/
    width: 100%;
    background-color: #fff;
}

.page-top h6 {
    font-size: 14px;
    margin-left: auto;
}
.page-top h6 a{
    color: #767676;
    text-decoration: none;
}

.fixed_header.page-top{
    padding: 0;
}


.tel_span{
    display: inline-block;
    direction: ltr;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    display: none;
    background-color: var(--primary);
    color: #fff;
    z-index: 999;
}

#btn-back-to-top:hover {
    box-shadow: 0 0 3px 2px var(--secondary);
}


.bottom_footer {
    background-color: #194e7a70;
    padding: 5px;
    text-align: center;
}

.footer {
    background-color: #f5f5f5;
    /*padding: 40px;*/
}

.footer_menu a {
    color: #5c5c60;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}
.cat-htitle{
    position:absolute;
    min-height:40px;
    padding:10px;
    color:white;
    font-weight:bold;
    bottom:0px;
    width:100%;
    background-color:#00000047;
}
.gtext{
    color:white;
    font-size:14px;
}
.wtitle{
    color:white;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
}
.wtitle a{color:white;text-decoration:none;}
.options_div{
    float:left;
}
.options_div:lang(en){
    float:right;
}

.internal_div{
/*    min-height:1000px;*/
    min-height:500px;
    padding-bottom:20px;
}
.intimg-cap{
    padding:5px;
    text-align:center;
    background-color:white;
    color:#333333;
}
.art-img{
    border:solid 1px #ccc;
    
}
.file_div4{
    text-align: center;
    overflow:hidden;
    height: 260px;
    margin-bottom: 10px;
}

.file_div4 img{
    max-height: 100%;
}


.glossary_link {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    color: var(--secondary);
}

.glossary_link .tooltiptext {
    visibility: hidden;
    width: 450px;
    background-color: var(--primary);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    margin-left: -60px;
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.glossary_link:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.morecontent span {
    display: none;
}
.morelink {
    display: block;
    color: var(--primary);
    font-size: 15px;
    float: left;
}
.morelink:hover{
    color:#ccc;
}


/*** Search Autocomplete ***/
.search_result {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99;
    top: 100%;
}


.search_div2{
    padding: 10px;
    box-shadow: 1px 2px 3px 2px #ccc;
    max-height: 400px;
    overflow-y: overlay;
}

.search_ul {
    list-style: none;
    padding: 0;
}

.search_ul li {
    padding: 7px 0px;
    border-bottom: 2px solid var(--primary);
    transition: all 0.5s;
}
.search_ul li a, .more_result a{
    color: var(--green1);
    display: block;
    transition: all 0.5s;
}

.search_ul li:hover{
    border-color: var(--secondary);
}
.search_ul li:hover a{
    color: var(--gray3);
}

.more_result a:hover {
    color: var(--gray3);
}
/*** END Search Autocomplete ***/



@media(min-width: 1200px) {
    .col3-cat{
        height: 245px !important;
    }
    .cat_thumb_div{
        height: 190px !important;
    }
    .cart_thumb_div{
        height: 250px !important;
    }
}

@media(max-width: 960px) {

}

@media(max-width: 780px) {
    .gfloat-img{
        height:140px;
    }

}
@media(max-width:480px){
    .cat_thumb_div{
        height:170px;
    }
    .cart_thumb_div{
        height:240px;
        overflow:hidden;
    }
    .col-cart{
        height:300px;
    }
    .gfloat-img{
        height:120px;
    }
}

/*** Bootstrap DropDOwn on hove **/
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
/*** END Bootstrap DropDOwn on hove **/



.adminbar_div{
    background: #333;
    color: #FFF;
    padding: 2px 0px 4px;
}

.adminbar_div ul{
    list-style: none;
    display: inline-flex;
    align-content: center;
    margin-bottom: 0;
    padding: 0;
}

.adminbar_div ul li{
    margin-left: 10px;
    margin-right: 10px;
}

.adminbar_div ul li a{
    color: #FFF;
    font-size: 14px;
}


@media(max-width: 540px){
    .carousel_img{
        height: 250px;
    }
}


/****** New Internal Pages ******/
.internal_page_thumb{
    margin-bottom: 15px;
}
.internal_page_thumb1{
    height: 500px;
    overflow: hidden;
    text-align: center;
    background-color: #e2e2e2;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: cover;*/
    border-radius: 10px;
    box-shadow: 1px 3px 5px 2px #bababa;
}


.internal_page_right_side{
    /*padding: 10px;*/
    background-color: var(--InternalBG);
    border-radius: 10px;
}

.internal_page_right_side .right_side_cont{
    padding: 0px 10px;
}

.right_side_header{
    background-color: var(--primary);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 10px;
    color: #fff;
}

.page-title{
    background-color: var(--InternalBG);
    margin-bottom: 15px;
}


.page-title .title h1{
    font-size: 1.7rem;
}
/******END New Internal Pages ******/



/** POP UP NOTIFICATION **/
.notification-popup .trigger-btn {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    z-index: 99;
}

.notification-popup  .trigger-btn:hover {
    background-color: #0056b3;
}

/* Popup notification styles */
.notification-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 99;
}

.notification-popup.show {
    display: flex;
    opacity: 1;
}

.notification-content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.notification-popup.show .notification-content {
    transform: translateY(0);
}

.close-btn-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.close-btn-popup:hover {
    color: red;
}

.notification-popup button {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: var(--primary);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.notification-popup button:hover {
    background-color: var(--secondary);
}
/** END POP UP NOTIFICATION **/