.footer_logo_img img
{width:90%;}
.contact_text {
    margin-top: 18% !important;
}
nav.navbar-fixed-top { position: fixed;  top: 0; z-index:99; width:100%; }
body,
html {
    width: 100%;
    height: 100%;
}
body, p {
    font-family: Arial, Helvetica, sans-serif;
}
 p span, p {
       
		font-size:20px;
    }
footer p
{
	font-size:14px;
	}

ul.footerAddress li {
    display: block;
    position: relative;
    margin-left: 2.5rem;
    margin-bottom: 1rem;
color:#fff;
}
ul.footerAddress li a{
color:#fff;
}

ul.footerAddress li::before{
color:#02f3ff;
}

li.address::before{
    content: "\f041";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    top: 3px;
    left: -1.5rem;

}

li.phone::before{
    content: "\f095";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    top: 3px;
    left: -1.5rem;

}
li.mail::before{
    content: "\f0e0";
    font: normal normal normal 15px/1 FontAwesome;
    position: absolute;
    top: 3px;
    left: -1.5rem;

}
marquee ul li {
    cursor: pointer;
}

h5{
	margin:0;
	}
/*.home_bottom_icons {
	padding-top:10px;
}*/
.services_part .box_ht .row .col-sm-2 {
    padding-right: 0;
}
.left_boxes .row.justify-content-center.align-items-center.text { height: 100%; }


.services_part .blue_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:20px;
}

.services_part .orange_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:20px;
}

.services_part .lightsky_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:20px;
}

.services_part .green_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:20px;
}

.services_part .lightgreen_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-size:20px;
}

.services_part .sky_box2 {
	padding: 20px 0 20px 16px;
	font-size:20px;
	align-items: center;
	justify-content: center;
	font-size:20px;
}

.services_part .yellow_box {
	padding: 20px 0 20px 16px !important;
	align-items: center;
	justify-content:center;
	font-size:20px;

}
.sky_box2.left_boxes{
padding:0 15px;
}
.sky_box2.left_boxes::after {
    content: "";
    display:block;
    width: 40px;
    height: 30px;
    background-image:url('https://food.wb.gov.in/food/images/new_blink_gif.gif');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    right: 0;
    color: #00f7ff;
    font-size: 12px;
    border-radius: 50%;
}
#more {
    display: none;
}
h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 30px;
    
}
.inner_content_area {
	min-height: 600px;
    padding:20px;
}
.has-search .form-control {
	padding-left: 2.375rem;
}
.text {
    padding-top:0px;
}
.box_area_un {
    min-height:100px !important;
    padding:2px 2px 4px 2px!important;
}
    .box_area_un h5 {
        font-family: 'Oswald', sans-serif;
        color: #ffffff;
        font-size: 30px;
        padding: 4px;
		text-align:center;
    }
  

.right_boxes {
	font-family: 'Oswald', sans-serif !important;
	font-size: 24px !important;
	color: #fff;
	font-weight: normal !important;
	text-transform: uppercase;
	border-radius: 4px;
	
	height: 70px;
	display: flex;
    align-items: center;
}
.left_boxes {
    border-radius: 4px;
    padding: 0 15px;
    font-family: 'Oswald', sans-serif !important;
    font-size: 24px;
    text-transform: uppercase !important;
    font-weight: normal !important; 
    align-items: center;
	height:82px;
  
}
.left_boxes .img-fluid {
	width: 40% !important;
}
.sky_box.left_boxes {
	border-radius: 4px !important;
	font-family: 'Oswald', sans-serif !important;
	/*min-height: 73px !important;*/
    box-shadow: 1px 1px 4px #484848;

}

.blue_box.left_boxes {
	border-radius: 4px !important;
	font-family: 'Oswald', sans-serif !important;
/*	min-height: 73px !important;*/
}
.orange_box.left_boxes {
	border-radius: 4px !important;
	
	font-family: 'Oswald', sans-serif !important;
	
}
.lightgreen_box.left_boxes {
	border-radius: 4px !important;
	
	font-family: 'Oswald', sans-serif !important;
	
}
.lightsky_box.left_boxes {
	border-radius: 4px !important;
	
	font-family: 'Oswald', sans-serif !important;
	
}

.green_box.left_boxes {
	border-radius: 4px !important;

	font-family: 'Oswald', sans-serif !important;
	
}
.green_bg.left_boxes {
	border-radius: 4px !important;
	
	font-family: 'Oswald', sans-serif !important;
	
}
.yellow_box.left_boxes {
	border-radius: 4px !important;
	font-family: 'Oswald', sans-serif !important;
	padding:12px 8px !important;
}

.yellow_box {
	border-radius: 4px !important;
	
	/*
	text-transform: uppercase !important;*/
	/*font-weight: normal !important;*/
}
.dashboard_box_lightgreen {
	background: rgb(186, 248, 223);
	font-size: 13px;
	color: rgb(13, 130, 228);
	border-top: 3px solid rgb(17, 77, 125);
	border-bottom: 3px solid rgb(17, 77, 125);
	font-weight: 600;
	box-shadow: rgb(0 0 0 / 75%) -2px 7px 15px -7px;
	padding: 13px 0px;
}

.dashboard_box_orange {
    background: #f8ac07;
    font-size: 13px;
    color: rgb(13, 130, 228);
    border-top: 3px solid rgb(17, 77, 125);
    border-bottom: 3px solid rgb(17, 77, 125);
    font-weight: 600;
    box-shadow: rgb(0 0 0 / 75%) -2px 7px 15px -7px;
    padding: 13px 0px;
}

.dashboard_box_green_box {
    background: #1d6709;
    font-size: 13px;
    color: rgb(13, 130, 228);
    border-top: 3px solid rgb(17, 77, 125);
    border-bottom: 3px solid rgb(17, 77, 125);
    font-weight: 600;
    box-shadow: rgb(0 0 0 / 75%) -2px 7px 15px -7px;
    padding: 13px 0px;
}

.dashboard_box_lightsky_box {
    background: #6aeffc;
    font-size: 13px;
    color: rgb(13, 130, 228);
    border-top: 3px solid rgb(17, 77, 125);
    border-bottom: 3px solid rgb(17, 77, 125);
    font-weight: 600;
    box-shadow: rgb(0 0 0 / 75%) -2px 7px 15px -7px;
    padding: 13px 0px;
}

.dashboard_box_blue_box {
    background: #21157e;
    font-size: 13px;
    color: rgb(13, 130, 228);
    border-top: 3px solid rgb(17, 77, 125);
    border-bottom: 3px solid rgb(17, 77, 125);
    font-weight: 600;
    box-shadow: rgb(0 0 0 / 75%) -2px 7px 15px -7px;
    padding: 13px 0px;
}

.sky_box .img-fluid {
    width: 40%;
}

.faq_box {
    min-height: 130px;
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.55);
	text-align:center;
}

.con_box {
    height: 100%;
}

.header_top {
    background: #082640;
    color: #fff;
    font-size: 12px;
}

.sky_box {
    background: #c5f5fa;
    border-radius: 4px;
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    color: #005fae;
}

.header_top ul {
    padding: 0;
}

.header_top li {
    display: inline;
    list-style-type: none;
    padding-left: 4px;
  
}

.defaultColor {
    background-color: #fff;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0px;
    border: #000 solid 1px;
}

.pinkColor {
    background-color: #d148d1;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0px;
    border: #000 solid 1px;
}

/*---02-02-22---*/
.sky_box2.contact.con_box.department {
    margin: 30px 0;
}

.blueColor {
    background-color: #069fff;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0px;
    border: #000 solid 1px;
}

.yellowColor {
    background-color: #fefe87;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0px;
    border: #000 solid 1px;
}

.nav_area {
    background: #005fae;
}

.logo_txt {
    font-size: 50px;
    color: #fff;
    text-align: center
}

.logo_txt2 {
    font-size: 36px;
}

/* end of fade animation for image lightbox - magnific popup */


/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

.spinner {
    position: absolute;
    top: 50%; /* centers the loading animation vertically one the screen */
    left: 50%; /* centers the loading animation horizontally one the screen */
    width: 3.75rem;
    height: 1.25rem;
    margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */
    text-align: center;
}

    .spinner > div {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        background-color: #5f4dee;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
    background-color: #5f4dee;
    box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
    font: 700 0.875rem/0.875rem "Open Sans", sans-serif;
    transition: all 0.2s;
}

    .navbar-custom .container {
        max-width: 87.5rem;
    }

    .navbar-custom .navbar-brand.logo-image img {
        width: 4.4375rem;
        height: 1.75rem;
    }

    .navbar-custom .navbar-brand.logo-text {
        font: 700 2rem/1.5rem color: #fff;
        ;
        text-decoration: none;
    }

    .navbar-custom .navbar-nav {
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .navbar-custom .nav-item .nav-link {
        padding: 0.925rem 0.65rem 0.925rem 0.65rem;
        color: #fff;
        font-weight: normal;
        font-size: 22px;
        text-decoration: none;
    }

        .navbar-custom .nav-item .nav-link:hover,
        .navbar-custom .nav-item .nav-link.active {
            color: #fff;
            opacity: 1;
        }

    /* Dropdown Menu */
    .navbar-custom .dropdown:hover > .dropdown-menu {
        display: block; /* this makes the dropdown menu stay open while hovering it */
        min-width: auto;
        animation: fadeDropdown 0.2s; /* required for the fade animation */
    }

    .navbar-custom .nav-item .nav-link:hover {
        color: #fff;
        background: #005fae;
    }

.pagination {
    float: right;
}

/*.dataTables_length {
    display: none;
}

.dataTables_filter {
    display: none;
}*/

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: relative;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    float: right;
    top: -35px;
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */
    outline: 0;
}

.navbar-custom .dropdown-menu {
    margin-top: 0;
    border: none;
    border-radius: 0.25rem;
    background-color: #5f4dee;
}

.navbar-custom .dropdown-item {
    color: #f7f5f5;
    opacity: 0.8;
    font: 700 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
}

    .navbar-custom .dropdown-item:hover {
        background-color: #5f4dee;
        color: #fff;
        opacity: 1;
    }

.navbar-custom .dropdown-items-divide-hr {
    width: 100%;
    height: 1px;
    margin: 0.75rem auto 0.725rem auto;
    border: none;
    background-color: #c4d8dc;
    opacity: 0.2;
}
/* end of dropdown menu */

.navbar-custom .nav-item .btn-outline-sm {
    margin-top: 0.25rem;
    margin-bottom: 1.375rem;
    margin-left: 0.5rem;
    border: 0.125rem solid #fff;
    color: #fff;
}

    .navbar-custom .nav-item .btn-outline-sm:hover {
        background-color: #fff;
        color: #5f4dee;
    }

.navbar-custom .navbar-toggler {
    padding: 0;
    border: none;
    color: #fff;
    font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times {
    display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars {
    display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars {
    display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times {
    display: inline-block;
    margin-right: 0.125rem;
}


/*********************/
/*    04. Header     */
/*********************/
.header {
    background-color: #5f4dee;
}

    .header .header-content {
        padding-top: 8rem;
        padding-bottom: 4rem;
        text-align: center;
    }

    .header .text-container {
        margin-bottom: 3rem;
    }

    .header h1 {
        margin-bottom: 1rem;
        color: #fff;
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .header .p-large {
        margin-bottom: 2rem;
        color: #f3f7fd;
    }

    .header .btn-solid-lg {
        margin-right: 0.5rem;
        margin-bottom: 1.125rem;
        margin-left: 0.5rem;
        border-color: #f3f7fd;
        background-color: #f3f7fd;
        color: #5f4dee;
    }

        .header .btn-solid-lg:hover {
            background: transparent;
            color: #f3f7fd;
        }

    .header .btn-outline-lg {
        border-color: #f3f7fd;
        color: #f3f7fd;
    }

        .header .btn-outline-lg:hover {
            background-color: #f3f7fd;
            color: #5f4dee;
        }

.header-frame {
    margin-top: -1px; /* To remove white margin in FF */
    width: 100%;
    height: 2.25rem;
}


.nav-pills .nav-item .nav-link {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    min-width: 100px;
    color: #fff;
    transition: all .3s;
    border-radius: 30px;
    padding: 10px 15px;
    text-align: center;
    border-radius: 4px;
    background: #022b77;
}


.nav-pills:not(.flex-column) .nav-item + .nav-item:not(:first-child) {
    margin-left: 2px;
}

.nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #0d82e4;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(2,43,119,.6);
    font-size: 16px;
}


.nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #00bcd4;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(0,188,212,.6);
    color: #fff;
}


.nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
    background-color: #4caf50;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(76,175,80,.6);
    color: #fff;
}


.nav-pills.nav-pills-warning .nav-item .nav-link.active, .nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, .nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #ff9800;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(255,152,0,.6);
    color: #fff;
}


.nav-pills.nav-pills-danger .nav-item .nav-link.active, .nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, .nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
    background-color: #f44336;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(244,67,54,.6);
    color: #fff;
}

.nav-pills.nav-pills-rose .nav-item .nav-link.active, .nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, .nav-pills.nav-pills-rose .nav-item .nav-link.active:hover {
    background-color: #000;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(233,30,99,.6);
    color: #fff;
}

.nav-pills .nav-item .nav-link:not(.active):hover {
    background-color: #0d82e4;
}

.nav-pills .nav-item i {
    display: block;
    font-size: 30px;
    padding: 15px 0;
}


.nav-pills.flex-column .nav-item + .nav-item {
    margin-top: 5px;
}

.tab-pane {
    padding: 0 8px 0 8px;
    color: #000;
}

.tab-space {
    padding: 0px 0 8px;
    font-weight: 300;
    min-height: 150px;
}

.dashboard_box {
    background: #baf8df;
    font-size: 15px;
    color: #0d82e4;
    font-weight: 300;
    border-top: 3px solid #114d7d;
    border-bottom: 3px solid #114d7d;
    font-weight: 600;
    box-shadow: -2px 7px 15px -7px rgba(0,0,0,0.75);
    padding: 13px 0 13px 0;
    margin-bottom: 30px;
   height: 128px;
}

.dashboard_text {
    font-size: 23px;
    color: #000;
}

.footer_top {
    background: #005fae;
    color: #fff;
    font-size: 16px;
    padding: 8px 0 8px 0;
	margin-top:15px;
}

.footer_bottom {
    background: #082640;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

    .footer_bottom ul {
        padding: 0;
        margin: 0;
    }

    .footer_bottom li {
        color: #02f3ff;
        display: inline;
        list-style-type: none;
        font-weight: 300;
    }

        .footer_bottom li a {
            color: #02f3ff;
            display: inline;
            list-style-type: none;
            font-weight: 300;
            text-decoration: none;
            padding: 0 5px 0 0;
        }

            .footer_bottom li a:hover {
                color: #01c02e;
                display: inline;
                list-style-type: none;
                font-weight: 300;
                text-decoration: none;
                padding: 0 5px 0 0;
            }

.heading2 {
    font-size: 16px;
    color: #00f4ff;
    text-decoration: underline;
    line-height: 18px;
}

.useful ul {
    padding: 0;
    margin: 0;
}

.Useful li {
    color: #fff;
    list-style-type: none;
    font-weight: 300;
    display: block;
}

    .Useful li a {
        color: #fff;
        font-weight: 300;
        text-decoration: none;
        padding: 0 5px 8px 0;
        display: block;
    }

        .Useful li a:hover {
            color: #01c02e;
            font-weight: 300;
            text-decoration: none;
            padding: 0 5px 8px 0;
            display: block;
        }

/*.services_part {
    background: url(../images/bg.png) repeat-x;
    background-size: cover;
    height: 334px;
}*/

.services_part {
    background: #f7f7f9;
    box-shadow: -3px 0px 10px 2px rgba(0,0,0,0.61);
    padding: 0px 0 10px 0;
}

h2 {
    font-size: 30px;
    color: #063a8f;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.box_ht {
    min-height: 75px;
}

.orange_box {
	background: #f8ac07;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #045498;
	padding: 20px 0 20px 3px;
padding: 0 1rem;
	font-weight: bold;
	border-radius: 4px;
	
}

.sky_box2 {
    background: #07bdf8;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    color: #fff;
   
    font-weight: bold;
    border-radius: 4px;
	
}

.sea_green_box {
    background: #06feea;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #045498;
    padding: 5px 0 20px 3px;
    font-weight: bold;
    border-radius: 4px;
}


.blue_box {
    background: #21157e;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 3px;
    font-weight: bold;
    border-radius: 4px;
}


.yellow_box {
    background: #faa602;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 3px;
    font-weight: bold;
    border-radius: 4px;
}

.lightsky_box {
    background: #6aeffc;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #045498;
    padding: 20px 0 20px 3px;
    font-weight: bold;
    border-radius: 4px;
}


.darkblue_box {
    background: #092866;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 5px;
}

.green_box {
    background: #1d6709;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 3px;
    border-radius: 4px;
}


.lightgreen_box {
    background: #018f87;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 3px;


}

.navbar-custom .nav-item .nav-link {
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    text-decoration: none;
}

.logo_txt {
    font-size: 41px;
    color: #fff;
    text-align: center;
}
/* Navigation */
.navbar-custom {
    background: transparent;
    box-shadow: none;
    background: #0eba8b;
}

    .navbar-custom .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
   

        .navbar-custom .nav-item .nav-link:hover,
        .navbar-custom .nav-item .nav-link.active {
            opacity: 1;
        }

    .navbar-custom.top-nav-collapse {
        padding: 0.5rem 1.5rem 0.5rem 2rem;
        background-color: #5f4dee;
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
    }

        .navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
        .navbar-custom.top-nav-collapse .nav-item .nav-link.active {
            color: #fff;
        }

    .navbar-custom .dropdown-menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 0.25rem solid rgba(0, 0, 0, 0);
        border-radius: 0.25rem;
    }

    .navbar-custom.top-nav-collapse .dropdown-menu {
        border-top: 0.25rem solid rgba(0, 0, 0, 0);
        box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02);
    }

    .navbar-custom .dropdown-item {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .navbar-custom .dropdown-items-divide-hr {
        width: 84%;
    }

    .navbar-custom .nav-item .btn-outline-sm {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 1rem;
    }
/* end of navigation */

.sky_box {
    background: #c5f5fa;
    border-radius: 4px;
    
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #005fae;
    
}

.border_area {
    border-right: 2px solid #005fae;
}
/* Description */
.cards-1 .card {
    display: inline-block;
    width: 17rem;
    max-width: 100%;
    margin-right: 1rem;
    margin-left: 1rem;
    vertical-align: top;
}

.heading {
    background: #022b77;
    color: #fff;
}

.card {
    background: #f4f4f4;
    color: #000;
    padding: 3px;
    border-bottom: 3px solid #0b356e;
}

.content_area ul {
    margin: 0;
    padding: 0;
}

.content_area li {
    border-bottom: 1px dashed #000;
    list-style-type: none;
    padding: 12px 8px 12px 8px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.green_bg {
    background: #48d19a;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    color: #fff;
    padding: 0 11px;
    text-transform: uppercase;
   
}

.cards-1 .card-image {
    width: 9rem;
}

h2 {
    color: #005fae;
    text-align: center;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	margin:0;
}

.services_part .box_ht
{
	min-height:100px;
	
	}
	
.services_part .box_ht img { position: relative; top: 50%; transform: translateY(-50%); }

.services_part .box_ht, .services_part .box_ht .row { height: 100%; width:100%; }
.home_bottom_icons { display: flex; align-items: center; }


.quesn-heading {
    margin: 25px 0 30px;
}

.faq {
    margin-bottom: 80px;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    font-family: 'FontAwesome';
}

.card2 {
    background-color: #dafcfe;
}

.card-header {
    color: #005fb0;
    font-weight: 600;
}

.card-body {
    background-color: #e9e9e9;
}

.faq {
    margin-top: 25px;
}
@media only screen and (min-width: 1921px) and (max-width : 3200px) {
	.dashboard_box {
		height:140px;
	}
	.home_bottom_icons {
		padding-top: 24px;
	}
	.green_bg {
		background: #48d19a;
		font-family: 'Oswald', sans-serif;
		font-size: 25px;
		color: #fff;
		padding: 6.1% 11px !important;
		text-transform: uppercase;
	}
	.card {
		
		min-height: 300px;
	}
}
@media (min-width: 1600px) and (max-width: 1900px) {

}

@media (min-width: 1400px) and (max-width: 1600px) {


	.dashboard_box {
    background: #baf8df;
    font-size: 11px;
	}
	.dashboard_text {
    font-size: 19px;
    color: #000;
}
    .contact_text {
        margin-top: 12% !important;
    }
	
    .navbar-custom .nav-item .nav-link

{
    padding: 0.9rem 0.7rem 0.7rem 0.8rem;
}

}

@media (max-width: 1600px) {
   
    .sky_box2.contact.con_box span {
        font-size: 16px !important;
    }
	
	
    .sky_box2.contact.con_box .big_font, .sky_box2.contact.con_box .big_font i, .blue_box.contact.con_box .big_font,
    .blue_box.contact.con_box .big_font i {
        font-size: 36px !important;
    }

        .blue_box.contact.con_box .big_font img {
            width: 55px;
        }

    .con_box {
        height: 100%;
    }

    .ash_box p {
        font-size: 16px;
    }

        .ash_box p i {
            font-size: 18px !important;
            margin-right: 4px;
        }
}


@media (min-width: 1367px) and (max-width: 1440px) {
	.right_boxes {
	font-size: 18px !important;}
	
		.left_boxes {
	font-size:18px !important;
}
	.sky_box.left_boxes {
    border-radius: 4px !important;
    font-family: 'Oswald', sans-serif !important;
   /* min-height: 82px !important;*/
}
.green_bg {
    background: #48d19a;
    font-family: 'Oswald', sans-serif;
    color: #fff;
}
	/*.home_bottom_icons {
		padding-top: 6px;
	}*/

    .contact_text {
        margin-top: 22% !important;
    }
	
	h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 30px;
  	padding:9px;
    text-align: center;
}
	
	
    .sky_box2.contact.con_box span {
        font-size: 16px !important;
    }

    .sky_box2.contact.con_box .big_font {
        font-family: 'Oswald', sans-serif;
        font-size: 40px;
    }
    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
       
    }

    .navbar-custom .nav-item .nav-link {
        color: #fff;
        font-weight: normal;
        font-size: 19px;
        text-decoration: none;
    }

    .navbar-custom .nav-item .nav-link {
        padding: 0.9rem 1.3rem 0.9rem 1.3rem;
    }




}



@media (min-width: 1279px) and (max-width: 1366px) {
    .con_box {
        height: 100%;
    }
	.right_boxes {
	font-size: 20px !important;}
	
	.left_boxes {
    border-radius: 4px !important;
}
    .navbar-custom .nav-item .nav-link {
        padding: 0.925rem 0.9rem 0.925rem 0.9rem;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
        text-decoration: none;
    }
h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 30px;
   	padding:0px;
    text-align: center;
}
    
	    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        font-family: 'Oswald', sans-serif;
        font-size: 20px !Important;
        color: #005fae;
       
    }


    .dashboard_box {
        font-size: 14px;
    }

    .dashboard_text {
        font-size: 18px;
        color: #000;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        font-weight: bold;
    }

    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        padding: 4px 0 20px 0;
        font-weight: bold;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

.services_part .blue_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:16px;
}

.services_part .orange_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:16px;
}

.services_part .lightsky_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:16px;
}

.services_part .green_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	font-size:16px;
}

.services_part .lightgreen_box {
	padding: 20px 0 20px 16px;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-size:16px;
}

.services_part .sky_box2 {
	padding: 20px 0 20px 16px;
	font-size:20px;
	align-items: center;
	justify-content: center;
	font-size:16px;
}

.services_part .yellow_box {
	padding: 20px 0 20px 16px !important;
	align-items: center;
	justify-content:center;
	font-size:16px;

}
    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .header_top {
        background: #082640;
        color: #fff;
        font-size: 11px;
    }
}



@media (min-width: 1200px) and (max-width: 1280px) {
	
	
    .con_box {
        height: 100%;
    }
	.left_boxes {
	font-size:18px !important;
}
    .navbar-custom .nav-item .nav-link {
        padding: 0.925rem 0.7rem 0.925rem 0.7rem;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        text-decoration: none;
    }
h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 30px;
   	padding:9px;
    text-align: center;
}
    
	    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 6%;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #005fae;
       
    }

    .green_bg {
        font-size: 18px;
       
    }

   .right_boxes {
 
    font-size: 18px !important;
   }
    .dashboard_text {
        font-size: 18px;
        color: #000;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        font-weight: bold;
    }

    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        padding: 4px 0 20px 0;
        font-weight: bold;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }


    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .header_top {
        background: #082640;
        color: #fff;
        font-size: 11px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .contact_text {
        margin-top: 12% !important;
    }
    .con_box {
        height: 100%;
    }
	.sky_box2.contact.con_box span {
		font-size: 13px !important;
	}
	.img-fluid {
    max-width: 30px;
    height: auto;
}
	.logo_txt {
		font-size: 30px;
		color: #fff;
		text-align: center;
	}
	.left_boxes .img-fluid {
    width: 90% !important;
}
	
    .navbar-custom .nav-item .nav-link {
        padding: 0.925rem .8rem 0.925rem .8rem;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
        text-decoration: none;
    }
h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 24px;
    	padding:9px;
    text-align: center;
}
    
	    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 6%;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #005fae;
       
    }
.left_boxes {
    border-radius: 4px !important;
    padding: 0 15px !important;
}
    .green_bg {
        background: #48d19a;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #fff;
       padding: 7.9% 11px !important;
        text-transform: uppercase;
       
    }

    .dashboard_box {
        background: #baf8df;
        font-size: 12px;
        color: #0d82e4;
        font-weight: 300;
        border-top: 3px solid #114d7d;
        border-bottom: 3px solid #114d7d;
        font-weight: 600;
        box-shadow: -2px 7px 15px -7px rgb(0 0 0 / 75%);
        padding: 13px 0;
    }

    .dashboard_text {
        font-size: 18px;
        color: #000;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        font-weight: bold;
    }
	.sky_box2.contact.con_box span {
		font-size: 12px !important;
	}
    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 8px 0 20px 0;
        font-weight: bold;
    }

    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 4px 0 20px 0;
        font-weight: bold;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }


    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .header_top {
        background: #082640;
        color: #fff;
        font-size: 11px;
		
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
	.dashboard_box
	{
		height:75%;
		}
    .contact_text {
        margin-top: 12% !important;
    }
    .con_box {
        height: 100%;
    }
	.sky_box2.contact.con_box span {
		font-size: 13px !important;
	}
	.img-fluid {
    max-width: 30px;
    height: auto;
}
	.logo_txt {
		font-size: 30px;
		color: #fff;
		text-align: center;
	}
	.left_boxes .img-fluid {
    width: 90% !important;
}
	
    .navbar-custom .nav-item .nav-link {
        padding: 0.925rem .3rem 0.925rem .3rem;
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        text-decoration: none;
    }
h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 24px;
    	padding:9px;
    text-align: center;
}
    
	    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 6%;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #005fae;
       
    }
.left_boxes {
    border-radius: 4px !important;
    padding: 0 15px !important;
}
    .green_bg {
        background: #48d19a;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #fff;
       padding: 7.9% 11px !important;
        text-transform: uppercase;
       
    }

    .dashboard_box {
        background: #baf8df;
        font-size: 12px;
        color: #0d82e4;
        font-weight: 300;
        border-top: 3px solid #114d7d;
        border-bottom: 3px solid #114d7d;
        font-weight: 600;
        box-shadow: -2px 7px 15px -7px rgb(0 0 0 / 75%);
        padding: 13px 0 13px 0;
    }

    .dashboard_text {
        font-size: 18px;
        color: #000;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        font-weight: bold;
    }
	.sky_box2.contact.con_box span {
		font-size: 12px !important;
	}
    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 8px 0 20px 0;
        font-weight: bold;
    }

    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 4px 0 20px 0;
        font-weight: bold;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }


    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .header_top {
        background: #082640;
        color: #fff;
        font-size: 11px;
		
    }
}
@media (max-width: 991px) {
	.dashboard_box
	{
		height:inherit;
		margin-bottom:15px;
		}
	 .green_bg {
        background: #48d19a;
        font-family: 'Oswald', sans-serif;
        font-size: 11px;
        color: #fff;
       padding: 3.8% 11px !important;
        text-transform: uppercase;
       
    }
.left_boxes {
    padding: 10px 15px !important;
    /* min-height: 73px; */
}
	}
@media (min-width: 768px) and (max-width: 992px) {
	
	.nav-pills .nav-item .nav-link {
		line-height: 24px;
		font-size: 14px;
		font-weight: 500;
		min-width: 100px;
		color: #fff;
		transition: all .3s;
		border-radius: 30px;
		padding: 10px 11px;
		text-align: center;
		border-radius: 4px;
		background: #022b77;
	}

    .left_boxes {
        padding: 10px 15px !important;
        /*min-height: 73px;*/
		height:78px;
		
        
    }
	.right_boxes{
	height:66.5px;
	}
	.colourbar {
		padding: 0 0 0 47%;
	}

	.header_top {
		text-align: center;
	}
	.sky_box2.contact.con_box span {
		font-size: 13px !important;
	}
	.img-fluid {
    max-width: 30px;
    height: auto;
}
	.left_boxes .img-fluid {
    width: 90% !important;
}
	.left_boxes {
    border-radius: 4px !important;
   
    font-family: 'Oswald', sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    align-items: center;
}
	
	h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 25px;
    	padding:9px;
    text-align: center;
}
    .con_box {
        height: 100%;
    }

    .navbar-custom .nav-item .nav-link {
        padding: 0.925rem 0.35rem 0.925rem 0.35rem
        color: #fff;
        font-weight: normal;
        font-size: 13px;
        text-decoration: none;
    }

    .logo_txt {
        font-size: 26px;
        color: #fff;
        text-align: center;
    }

    .logo_txt2 {
        font-size: 25px;
    }

    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 8px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        color: #005fae;
    
    }

    .green_bg {
        background: #48d19a;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #fff;
        padding: 14px;
        text-transform: uppercase;
    }

    .dashboard_box {
        background: #baf8df;
        font-size: 11px;
        color: #0d82e4;
        font-weight: 300;
        border-top: 3px solid #114d7d;
        border-bottom: 3px solid #114d7d;
        font-weight: 600;
        box-shadow: -2px 7px 15px -7px rgb(0 0 0 / 75%);
    }

    .dashboard_text {
        font-size: 16px;
        color: #000;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 4px 0 20px 0;
        font-weight: bold;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }


    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .blue_box img {
        width: 50px;
    }

    .yellow_box img {
        width: 50px;
    }

    .darkblue_box img {
        width: 50px;
    }

    .lightgreen_box img {
        width: 50px;
    }

    .sky_box2 img {
        width: 50px;
    }
}

@media (min-width: 400px) and (max-width: 767px) {
	header .col-sm-3.text-right, header .col-sm-3.text-left {
    text-align: center !important;
}

    .left_boxes {
        padding: 10px 15px !important;
        /*min-height: 73px;*/
        text-align:center;
		height:125px !important;
		font-size: 24px !important;
    }
	.colourbar {
		padding: 0 0 0 47%;
	}

	.header_top {
		text-align: center;
	}
	
	.left_boxes .img-fluid 
		{
    max-width: 30px;
    height: auto;

    width: 90% !important;
}
	.left_boxes {
    border-radius: 4px !important;
    font-family: 'Oswald', sans-serif !important;
    
    text-transform: uppercase !important;
    font-weight: normal !important;
    align-items: center;
}
	.services_part {
    background:none;
    background-size: cover;
    height:inherit;
}

.right_boxes
{
	height:inherit !important;
	font-size: 24px !important;
	 align-items: center;
	
	}
	.border_area {
    border-right: 2px solid #005fae;
    display: none;
}
    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 8px;
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        color: #005fae;
    }

        .sky_box .img-fluid {
            width: 100%;
        }

    .green_bg {
        background: #48d19a;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        color: #fff;
        padding: 14px;
        text-transform: uppercase;
    }

    .dashboard_box {
        background: #baf8df;
        font-size: 16px;
        color: #0d82e4;
        font-weight: 300;
        border-top: 3px solid #114d7d;
        border-bottom: 3px solid #114d7d;
        font-weight: 600;
        box-shadow: -2px 7px 15px -7px rgb(0 0 0 / 75%);
        padding: 13px 0 13px 0;
    }

    .dashboard_text {
        font-size: 18px;
        color: #000;
    }

    .nav-pills .nav-item .nav-link {
        line-height: 24px;
       
        font-weight: 500;
        min-width: 100px;
        color: #fff;
        transition: all .3s;
        border-radius: 30px;
        padding: 10px 13px;
        text-align: center;
        border-radius: 4px;
        font-size: 12px;
        background: #022b77;
    }
		.nav-pills .nav-item .nav-link.active {
			color: #fff;
			background-color: #0d82e4;
			box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(2,43,119,.6);
			font-size: 14px;
		}
    .logo_txt {
        font-size: 18px;
        color: #fff;
        text-align: center;
    }

    .logo_txt2 {
        font-size: 20px;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        color: #045498;
        padding: 20px 0 20px 3px;
        font-weight: bold;
        min-height: 75px;
    }

  .box_ht {
		min-height: 122px;
	}
.special {
    text-align: center;
}
    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        padding: 4px 0 20px 0;
        font-weight: bold;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #045498;
        padding: 20px 0 20px 0;
        font-weight: bold;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }


    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        color: #fff;
        padding: 20px 0 20px 0;
    }

    .blue_box img {
        width: 50px;
    }

    .yellow_box img {
        width: 50px;
    }

    .darkblue_box img {
        width: 50px;
    }

    .lightgreen_box img {
        width: 50px;
    }

    .sky_box2 img {
        width: 50px;
    }
}
@media (max-width: 767px) {
	.home_bottom_icons {
		justify-content:center;
   
}

ul.footerLinks {
    margin-top: -3rem;
    margin-bottom: 2rem;
    text-align: center;
}
ul.usefullLinks {
    margin-bottom: 2rem;
}

}
@media (min-width: 640px) and (max-width: 740px) {
	.header_top {
		text-align: center;
	}
	.header_right {
		font-size: 10px;
	}
	.img-fluid {
    max-width: 30px;
    height: auto;
}
    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 8px;
        font-family: 'Oswald', sans-serif;
        font-size: 13px;
        color: #005fae;
    }

    .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .nav-pills .nav-item .nav-link.active {
        color: #fff;
        background-color: #0d82e4;
        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(2 43 119 / 60%);
        font-size: 13px;
    }

    .nav-pills .nav-item .nav-link {
        line-height: 24px;
        font-size: 12px;
        font-weight: 500;
        min-width: 87px;
        color: #fff;
        transition: all .3s;
        border-radius: 30px;
        padding: 5px 2px;
        text-align: center;
        border-radius: 4px;
        font-size: 12px;
        background: #022b77;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
	h5 {
		font-family: 'Oswald', sans-serif;
		color: #ffffff;
		font-size: 20px;
	}
	.header_top {
		text-align: center;
	}
	.img-fluid {
    max-width: 30px;
    height: auto;
}
    .sky_box .img-fluid {
        width: 95%;
    }

    .services_part {
        background: none;
        background-size: cover;
        height: 334px;
    }

    .orange_box {
        background: #f8ac07;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #045498;
        padding: 20px 0 20px 3px;
        font-weight: bold;
        height: 100%;
        width: 100%;
        
        margin-bottom: 8px;
        text-align: center;
    }



    .sea_green_box {
        background: #06feea;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #045498;
        padding: 5px 0 20px 3px;
        font-weight: bold;
        height: 100%;
        width: 100%;
       
        margin-bottom: 8px;
        text-align: center;
    }


    .blue_box {
        background: #21157e;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #fff;
        padding: 20px 0 20px 3px;
        font-weight: bold;
        height: 100%;
        width: 100%;
        
        margin-bottom: 8px;
        text-align: center;
    }


    .yellow_box {
        background: #faa602;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #fff;
        padding: 20px 0 20px 3px;
        font-weight: bold;
        height: 100%;
        width: 100%;
      
        margin-bottom: 8px;
        text-align: center;
    }

    .lightsky_box {
        background: #6aeffc;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #045498;
        padding: 20px 0 20px 3px;
        font-weight: bold;
        height: 100%;
        width: 100%;
        
        margin-bottom: 8px;
        text-align: center;
    }


    .darkblue_box {
        background: #092866;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #fff;
        padding: 20px 0 20px 5px;
        height: 100%;
        width: 100%;
        
        margin-bottom: 8px;
        text-align: center;
    }

    .green_box {
        background: #1d6709;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #fff;
        padding: 20px 0 20px 3px;
        height: 100%;
        width: 100%;
      
        margin-bottom: 8px;
        text-align: center;
    }


    .lightgreen_box {
        background: #018f87;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #fff;
        padding: 20px 0 20px 3px;
        height: 100%;
        width: 100%;
      
        margin-bottom: 8px;
        text-align: center;
    }

    .sky_box2 {
        background: #07bdf8;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        color: #fff;
        padding: 8px 0 20px 3px;
        font-weight: bold;
        height: 100%;
        width: 100%;
        
        margin-bottom: 8px;
        text-align: center;
    }

    .services_part {
        background: none;
        height: 100%;
    }

    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        margin-bottom: 8px;
    }

    .services_part .row.mt-3 {
        margin-top: 0px !important;
    }
}

@media (min-width: 320px) and (max-width: 440px) {
	header .col-sm-3.text-right, header .col-sm-3.text-left {
    text-align: center !important;
}

	.header_top {
		text-align: center;
	}
	h5 {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    font-size: 20px;
   	padding:9px;
    text-align: center;
}
	.right_boxes
	{height:80px;}
	.left_boxes {
		padding: 10px 15px !important;
        /*min-height: 73px;*/
        text-align:center;
		height:125px;
	}
		.left_boxes .img-fluid {
			width: 18% !important;
		}
	.right_boxes {
		font-family: 'Oswald', sans-serif !important;
		font-size: 18px !important;
		color: #fff;
		font-weight: normal !important;
		text-transform: uppercase;
		border-radius: 4px;
		padding: 8px !important;
		height:inherit;
		
	}
	.special {
		text-align:center;
	

	}
	.box_ht {
		min-height: 109px;
	}
	.logo_txt {
		font-size: 20px;
		color: #fff;
		text-align: center;
	}

    .logo_txt2 {
        font-size: 30px;
    }

    .nav-pills .nav-item .nav-link.active {
        color: #fff;
        background-color: #0d82e4;
        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(2 43 119 / 60%);
        font-size: 12px;
    }

    .nav-pills .nav-item .nav-link {
        line-height: 24px;
        font-size: 12px;
        font-weight: 500;
        min-width: 60px;
        color: #fff;
        transition: all .3s;
        border-radius: 30px;
        padding: 10px 8px;
        text-align: center;
        border-radius: 4px;
        font-size: 12px;
        background: #022b77;
    }

   

    .services_part {
        background: none;
        height: 100%;
		text-align:center;
    }

    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%;
        margin-bottom: 8px;
    }

    .services_part .row.mt-3 {
        margin-top: 0px !important;
    }

    .dashboard_area .row.mt-4 {
        margin-top: 0px !important;
    }

    .dashboard_box {
        margin-bottom: 20px;
    }

    /*.blue_box img {
        width: 50px;
    }
	.lightsky_box img {
		width: 50px;
	}
	.yellow_box img {
		width: 50px;
	}

    .darkblue_box img {
        width: 50px;
    }

    .lightgreen_box img {
        width: 50px;
    }

    .sky_box2 img {
        width: 50px;
    }

    .sky_box .img-fluid {
        width: 20%;
    }*/

    .sky_box {
        background: #c5f5fa;
        border-radius: 4px;
        padding: 8px;
        font-family: 'Oswald', sans-serif;
        font-size: 26px;
        color: #005fae;
        
        text-align: center;
    }

    .green_bg {
        background: #48d19a;
        font-family: 'Oswald', sans-serif;
        font-size: 27px;
        color: #fff;
        padding: 11px;
        text-transform: uppercase;
      
       

    }

    .border_area {
        border-right: 0px solid #005fae;
    }

    .navbar-custom .nav-item .nav-link {
        color: #fff;
        font-weight: normal;
        font-size: 17px;
        text-decoration: none;
    }
}

.owl-carousel .item {
    margin: 3px
}

    .owl-carousel .item img {
        display: block;
        width: 100%;
        height: auto
    }

.owl-carousel .item {
    margin: 3px
}

.owl-carousel {
    margin-bottom: 15px
}

.big_font {
    font-family: 'Oswald', sans-serif;
    font-size: 47px;
}

.contact {
    font-family: Arial;
    font-weight: normal;
    font-size: 22px;
}

.ash_box {
    background: #f0f1f1;
    padding: 8px;
    font-size: 20px;
}

.citizen-box {
    border-radius: 10px 10px 0 0;
    background-color: #d1ffed;
    overflow: hidden;
    margin: 15px 0;
	ra
}

    .citizen-box h1, .citizen-box h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 23px;
        color: #fff;
        margin: 0;
        padding: 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .citizen-box .sea_green_box, .citizen-box .sky_box2, .citizen-box .blue_box {
        padding: 20px 0;
    }
 .citizen-box .sea_green_box
 {min-height:95px;
 justify-content:center;}
    .citizen-box p {
        padding: 0px 5px 0 5px;
        line-height: 30px;
        font-size: 18px;
    }

.citizen-box {
    min-height: 270px;
	border-radius: 4px;

}
.citizen-box p
{
	padding:0 8px 0 8px;}
	
	
.citizen-box .orange_box
{
	min-height:95px;
	justify-content: center;
	align-items: center;
	
	}
	.citizen-box .sky_box2
{
	min-height:95px;
	justify-content: center;
align-items: center;
	
	}
	
		.citizen-box .sky_box
{
	min-height:95px;
	justify-content: center;
	align-items: center;
	
	}
		.citizen-box .lightgreen_box
{
	min-height:95px;
	justify-content: center;
	align-items: center;
	
	}
	
		.citizen-box .green_box
{
	min-height:95px;
	justify-content: center;
align-items: center;
	}
	
	
		.citizen-box .blue_box
{
	min-height:95px;
	justify-content: center;
	align-items: center;
	
	}
			.citizen-box .lightsky_box 
{
	min-height:95px;
	justify-content: center;
	align-items: center;
	
	}

	.citizen-box .yellow_box
{
	min-height:95px;
	justify-content: center;
	align-items: center;
	}
	
.citizen-section {
    padding: 10px 0 130px;
}

.all_box .citizen-section {
    padding: 0;
}

.all_box .citizen-box {
    height: 310px;
}

    .all_box .citizen-box h1, .all_box .citizen-box h2 {
        font-size: 17px;
    }

.all_box .citizen-section .col-lg-4.col-md-6 {
    padding: 0 8px;
}

    .all_box .citizen-section .col-lg-4.col-md-6:first-child {
        padding-left: 0;
    }

    .all_box .citizen-section .col-lg-4.col-md-6:last-child {
        padding-right: 0;
    }

/*----notification page----*/
.wrapper {
    padding: 20px 0;
}

.search-box input[type=text] /*.search-box*/ {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    margin-left: auto;
}

    .search-box input[type=text]:focus /*.search-box:hover*/ {
        width: 100%;
        transition: width 0.4s ease-in-out;
    }

.has-search .form-control {
    padding-left: 15px;
}

.has-search .form-control {
    border: 1px solid #005fae;
}

.has-search .form-control-feedback {
    color: #005fae;
    position: absolute;
    pointer-events: none;
    top: 45%;
    right: 25px
}

.has-search label {
    margin-bottom: 3px;
}

.search-box label {
    text-align: right;
    display: block;
}

.note-table thead tr th {
    background-color: #005fae;
    color: #fff;
}

.note-table .table-striped tbody tr {
    background-color: #f8f8f8;
}

.note-table table tbody td i {
    color: #fff;
    font-size: 18px;
    background-color: #2dcb70;
    padding: 8px 9px;
    border-radius: 100%;
}

div#example_info {
    display: none;
}

.page-item.disabled .page-link {
    color: #005fae;
    background-color: #03f4ff;
    border-color: #03f4ff;
    border-radius: 0;
}

.page-item.active .page-link {
    background-color: #005fae;
    border-color: #005fae;
}

.note-table .table th, .note-table .table td {
    padding: 10px;
}

    .note-table .table td p {
        text-align: left;
    }

div#tbl_notice_filter {
    text-align: right;
}

table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before {
    right: 1em;
    content: "↑";
}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: .3;
}

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "↓";
}

table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: .3;
}
.dataTables_filter input.form-control.form-control-sm {
    width: 68%;
    display: inline-block;
    margin-left: 10px;
}
table.dataTable > thead .sorting, table.dataTable > thead .sorting_asc, table.dataTable > thead .sorting_desc, table.dataTable > thead .sorting_asc_disabled, table.dataTable > thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

div#tbl_notice_info {
    display: none;
}

div#tbl_notice_length label {
    display: inline-block;
    width: 50%;
}

select.custom-select.custom-select-sm.form-control.form-control-sm {
    display: inline-block;
    width: 35%;
}
/*----notification page----*/

@media (max-width: 1366px) {
    .all_box .citizen-box h1, .citizen-box h2 {
        font-size: 16px;
        height: 40px;
    }
   /* .text {
    padding-top:11px;
}*/
    .all_box .citizen-box .sea_green_box, .all_box .citizen-box .sky_box2, .all_box .citizen-box .blue_box, .all_box .citizen-box .green_box,
    .all_box .citizen-box .yellow_box {
        padding: 10px 0;
    }

    .all_box .citizen-box p {
        padding: 20px;
        line-height: 23px;
        font-size: 15px;
    }

    .all_box .citizen-box {
        height: 270px;
    }
}

@media (max-width: 1199px) {
	
	.right_boxes {
	font-size: 14px !important;}
	
	.left_boxes {
		font-size: 14px !important;
	}
		.citizen-box h1, .citizen-box h2 {
        height: 55px;
    }
}

@media (max-width: 991px) {
    .citizen-box h1, .citizen-box h2 {
        height: auto;
    }
}

@media (max-width: 767px) {
    .citizen-box h1, .citizen-box h2 {
        height: auto;
    }
	
.green_bg.right_boxes {
	font-size: 24px !important;
	justify-content:center;
	text-align:center;}
	
	.left_boxes {
		font-size: 18px !important;
	}
    .citizen-box .sea_green_box, .citizen-box .sky_box2, .citizen-box .blue_box, .citizen-box .green_box, .citizen-box .yellow_box {
        height: auto;
        width: 100%;
        float: none;
        margin-bottom: 0;
    }

    .citizen-section {
        padding: 30px 0 70px;
    }
}