:root {
    --bs-blue: #344c5a;
    --bs-darkblue: #20333e;
    --bs-lightblue: #dee9ef;
    --bs-cyan: #00adef;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-lightgray: #dddddd;
}

*, *::before, *::after {
    box-sizing: border-box;
}


    
body {
    background-color: var(--bs-white);
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

      

a { color: #02639e;
    text-decoration: none;
}

a:hover, a:focus{ color: var(--bs-blue);
    text-decoration: none;
}
header{
    /* border-bottom: 2px solid var(--bs-blue); */
    background-color: rgba(255,255,255, .8);
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.topInfoBlock{
    background-color: var(--bs-blue);
    color: var(--bs-white);
}

.container .container-fluid{padding: 0;}

.navbar-toggler{background: var(--bs-lightblue); margin-top: -30px;}
.navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
}
.navbar{padding: 0;}
.navbar-brand{display: flex; width: 100%; max-width: 385px; gap: 10px; align-items: center; font-family: 'Poppins', sans-serif;font-weight: 700;}

.AHSECTitleBlock { display: flex; flex-direction: column; flex-wrap: wrap;}
.AHSECTitle{font-size: 1.3rem; line-height: 1.2; white-space: initial;}
.AHSECSubTitle{font-size: .9rem; font-family: 'Poppins', sans-serif; font-weight: 400;}
H1,H2,H3,H4,H5,H6{font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 700;}

H1{font-size: 1.8rem; text-align: left;}

.topInfo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5px 0;
}

.topInfoBlock .topleft,.topInfoBlock .topright{
    display: flex;
    list-style:none;
    gap:0 20px;
    margin: 0;
    padding: 0;
}

.searchBlock{display: flex; position:relative; width: 30px; height: 25px;}
.searchBlock .fas{ position:absolute; top:5px; right:6px; cursor: pointer;}

.searchBlock .form-control{ display: none; box-shadow: none; width: 300px;
    z-index: 9; position: absolute; top:25px; right: 0; border: 1px solid #ccc; height: 34px;}
.searchBlock .form-control:focus{ box-shadow: none; outline: 0;}

.topInfoBlock a{color: var(--bs-white);}
.dropdown-menu li{border-bottom: 1px solid #eee; line-height: 40px;}

.carousel-item img{width: 100vw;  height: 800px; object-fit: cover;}
.carouselTextBlock{display:flex; justify-content:space-between; align-items: center; overflow: hidden; background: #ffffff; border: 1px solid #eee;}
.SliderTitle{ background-color: #2a4d5a; color: #fff; padding: 5px; display: inline; position: relative;}
.SliderTitle::after{content: ''; border-left: 8px solid #2a4d5a; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  position: absolute;  right: -8px; top: 10px;}
.carouselTextBlock a{color: #000; font-family: 'Poppins', sans-serif !important; font-weight:400;}

#innerPageBanner img{width: 100vw;  height: 400px; object-fit: cover;}

section { position: relative; padding-top: 50px; padding-bottom: 50px;}
.mainServicessection{padding-top: 150px; padding-bottom: 0;}


.mainServicesBlock{ display: flex; flex-wrap: wrap; position: absolute; top:-120%; left: 50%; transform: translate(-50%, 0); z-index: 999;}
.mainServiceItem{display: flex; flex: 1 0 0; flex-direction: column; align-items: center; justify-content: center; padding: 30px 20px; position: relative; background-color: #ccc; position: relative;}
.mainServiceItem1{background-color: #088eff;border-color: #088eff;}
.mainServiceItem2{background-color: #269cff;border-color: #269cff;}
.mainServiceItem3{background-color: #45aaff;border-color: #45aaff;}
.mainServiceItem4{background-color: #64b8ff;border-color: #64b8ff;}

.mainServiceItem1 .separator_top::after,.mainServiceItem3 .separator_top::after,
.mainServiceItem2 .separator_top::before,.mainServiceItem4 .separator_top::before,
.mainServiceItem1 .separator_bottom::before,.mainServiceItem3 .separator_bottom::before,
.mainServiceItem2 .separator_bottom::after,.mainServiceItem4 .separator_bottom::after{display: none;}

.mainServiceItem1 .separator_top::before, .mainServiceItem3 .separator_top::before{border-left-width: 279px; left: 0; right: inherit;}
.mainServiceItem2 .separator_bottom::before, .mainServiceItem4 .separator_bottom::before {border-left-width: 279px; right: 0; left: inherit;}
 .mainServiceItem2 .separator_top::after, .mainServiceItem4 .separator_top::after{border-left-width: 279px;right: 0; left: inherit;}
.mainServiceItem1 .separator_bottom::after, .mainServiceItem3 .separator_bottom::after {border-left-width: 279px;left: 0; right: inherit;}




.mainServiceItem .contentBlock{position: relative; width: 100%; height: 70px; overflow: hidden; padding: 20px 0 0 0;-webkit-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; -webkit-overflow-scrolling: touch;}
.mainServiceItem:hover .contentBlock{padding: 14px 0 0 0;}
.mainServiceItem .contentBlock h4{ font-weight: 700; font-size: 1rem; text-align: center; color: #fff; padding-bottom: 30px;}
.mainServiceItem .contentBlock .more{min-width: 80px; color: #efefef; background-color: #304770; padding: 4px 10px;font-size: .75rem; font-weight: 700; line-height: 1.6; text-transform: uppercase;position: absolute; bottom: -28px; left: 50%;transform: translate(-50%, 0);z-index: 1; text-align: center; -webkit-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; -webkit-overflow-scrolling: touch;}
.mainServiceItem:hover .contentBlock .more{bottom: 0px;background-color: #21304c;}

.separator_top, .separator_bottom {position: absolute; width: 100%; background-color: inherit; border-color: inherit; z-index: 1;}
.separator_top {top: 0;}
.separator_bottom {bottom: 0;}

.separator_top::before,.separator_bottom::before,
.separator_top::after,.separator_bottom::after{content: ''; width: 0; height: 0; border-style: solid; border-color: inherit; border-width: 32px 0 0 900px; border-width: 32px 0 0 50vw; border-left-width: 900px; border-left-width: 50vw; position: absolute; z-index: 9;}
.separator_top::before{top: -31px; border-top-color: transparent; border-bottom-color: transparent; right: 0;}
.separator_bottom::before{bottom: -31px; border-left-color: transparent; border-right-color: transparent; left: 0;}

.separator_top::after{top: -31px; border-top-color: transparent; border-bottom-color: transparent; left: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.separator_bottom::after{bottom: -31px; border-left-color: transparent; border-right-color: transparent; right:0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}

  
.globalBlock{border: 1px solid var(--bs-lightgray);}
.globalBlock .bulletStyle{list-style: none; margin: 0; padding: 0; font-size: .87rem; color: var(--bs-black);}
.globalBlock .bulletStyle li{padding: 5px 10px;}
.globalBlock .bulletStyle a{display: flex; color: var(--bs-black); gap: 10px; align-items: baseline;}
.globalBlock .bulletStyle a .fas{font-size: 1rem;}
.globalBlock .viewMore{ display: flex; justify-content: end; margin: 0 10px 10px 0;}
.gTitle{padding: 10px; font-family: 'Poppins', sans-serif; font-size: 1.2rem; background-color: var(--bs-lightblue);}
.gTitle .fas{color:var(--bs-blue);}
.ggTitle{ background-color: var(--bs-blue); color: var(--bs-white);display: flex;
    align-items: baseline;
    gap: 5px;}
.tpTitle{ background-color: var(--bs-lightblue); color: var(--bs-white);}
.ggTitle .fas,.tpTitle .fas{color:var(--bs-white);}

.gplayStore{text-align: center;}
.gplayStore a {display: block; margin-bottom: 15px;}
.gplayStore img{width: 100%;}
.homeContentBlock .content{font-size: 1rem; line-height: 1.7rem;text-align: justify;}
.globalBlock .content{padding: 12px; font-size: .95rem;}
.globalBlock .messageImg{ float:left; margin: 0 10px 10px 0; border: 1px solid var(--bs-lightgray);}
.globalBlock .messageImg a {display: block;}
.globalBlock .messageImg a .img-thumbnail {padding: 0; border: 0; border-radius: 0; width: 156px; height: 156px; object-fit: cover;}
.globalBlock p{margin-bottom: .5rem;}
.globalBlock .photoInfo{ font-size: .9rem; text-align: center; padding: 0 1px;}
.globalBlock .photoInfo .title{font-weight: 700;}
.globalBlock .photoInfo .post{ font-size: .8rem;}


.otherServices{ display: flex; justify-content: center; gap: 20px;}
.otherServices img{width: 100%;}
.otherServices a {text-align: center; font-weight: 700; color: #fff; background: var(--bs-lightblue); padding: 10px; width: calc(25% - 20px); position: relative; height: 92px; border-radius: 3px;}
.otherServices a:nth-child(1){background: #00a94e;}
.otherServices a:nth-child(2){background: #095e83;}
.otherServices a:nth-child(3){background: #ffaa48;}
.otherServices a:nth-child(4){background: #424242;}
.otherServices a:nth-child(5){background: #00ba8b;}
.otherServices a span {margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

.footerNew {background: #2a4d5a; color:#fff;font-size: .9rem;}
.footerNew h4{font-size: 1.5rem;}
.footerNew ul{ padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.footerNew a{ color: #fff;}
.footerNew a:hover{color: #fff;}

footer{background-color: #18343e; padding: 10px; text-align: center; font-size: .9rem; color: #fff;}
footer a{color: var(--bs-white);}

.simple-ticker ul{ padding-left: 0;}

.featureService { padding: 20px 15px; min-height: 80px; box-sizing: border-box; display: flex; justify-content: start; align-items: center; flex-direction: column; gap: 15px; border: 1px solid #ddd; border-radius: 3px; text-align: center; height: 100%;}
.featureService img{max-height: 67px; height: 100%; object-fit: none;}
.featureService h3{ font-size:.9rem; margin: 0;}
.featureService p{font-size: 90%; margin: 0;}






@media (min-width: 1350px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1280px;}
}
      
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar-nav .dropdown:hover .dropdown-menu{ display: block; min-width: 250px;}

}	
/* ============ desktop view .end// ============ */

@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
    justify-content: end;
    width: calc(100% - 400px);
}
.navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
    justify-content: end;
    gap: 10px 0;
}
}

div#DataTables_Table_0_wrapper {overflow-x: auto;}
.dataTables_wrapper .dataTables_length {float: none !important;display: inline-block;}

table.dataTable {margin-top: 20px;}
table.dataTable thead th, table.dataTable thead td {border-top: 1px solid rgba(0,0,0,0.3);}


@media (max-width: 767px) {
    
    .topInfoBlock .topleft, .topInfoBlock .topright {
    justify-content: space-between;
    width: 100%;
    font-size: .9rem;
}
.navbar-brand{max-width: 260px; gap: 5px;}
.navbar-brand img{ width: 70px; height: 70px;}
    
.AHSECTitle{font-size: .97rem; line-height: 1;}
.navbar-collapse {
    border: 1px solid #ccc;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    top: 45px;
    background: var(--bs-white);
    z-index: 99;
}
.navbar-nav li {
    border-bottom: 1px solid #ddd;
}
.navbar-nav li:last-child{border-bottom: none;}
.searchBlock {
    width: 100%;
    height: 40px;
}
    .navbar-nav li a {
        padding: 7px 10px;
        display: block;
    }
    .dropdown-menu {
        padding: 0;
        margin: 0;
        font-size: .9rem;
        border: 0;
        border-radius: 0;
        width: 100%;
    }
    .dropdown-menu li {line-height: 35px;}

    .dropdown-toggle::after {
        position: absolute;
        top: 20px;
        right: 0;
    }

.searchBlock .fas {
    top: 7px;
    z-index: 10;
}
.searchBlock .form-control {
    top:0;
    width: 100%;
    height: 34px;
    display: block;
}
.carousel-item img{height: auto;}
.carouselTextBlock{flex-direction: column;}
#innerPageBanner img{height: 300px;}
.simple-ticker{padding: 10px; height: 72px !important;}
.simple-ticker ul{ margin-bottom: 0;}

.SliderTitle{width: 100%;}
.otherServices{ flex-wrap: wrap;}
.otherServices a{width: 100%;}

.mainServicessection{ padding: 0 0 30px 0;}
.mainServicesBlock{position: inherit; padding: 0;}
.mainServiceItem .separator_top,.mainServiceItem .separator_bottom{display: none;}

H1{font-size: 1.4rem;}
.dataTables_wrapper .dataTables_filter{text-align:left !important}

table.dataTable { /*font-size: 90% !important;*/}
table.dataTable tbody th, table.dataTable tbody td {padding: 4px !important;text-align: left !important;}

}
.nav-item > a, .dropdown > a{padding: 0.6rem;}


.nav-item > a:hover, .nav-item > a:focus{ color: var(--bs-blue);}

img.site-logo.img-responsive {max-width: 90px;}
.new-feature-dd {
    animation: blinker 1s linear infinite;
    margin-left: 5px;
    background: #dc3545;
    font-weight: 500;
    border-radius: 5px;
}
.dropdown:hover ul, .open ul{ 
    display:inline-block !important;
    top:22px;
    right:0px;
    padding: 0;
    min-width:250px;
    font-size: .95rem;
}

.dropdown ul a {display: block; padding: 0 10px;}

.notificationsBlock {
    border: 1px solid #ccc;
    padding-top: 10px;
    font-size: 13.5px;
    text-align: left;
}

.notificationsBlock ul{padding-left: 18px;}
.notificationsBlock ul li {margin-bottom: 10px;;}
.notificationsBlock h4 {text-align: center;}