/*
Theme Name: Thamizhan Media Theme 
Author: Cruzbytes
Author URI: https://cruzbytes.com/
Description: A theme for Thamizhan media blog posts.
Version: 1.0
*/

@font-face {
    font-family: font-regular;
    src: url(font/Gilroy-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: font-thin;
    src: url(font/Gilroy-Thin.ttf);
    font-weight: 100;
}

@font-face {
    font-family: font-medium;
    src: url(font/Gilroy-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: font-light;
    src: url(font/Gilroy-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: font-bold;
    src: url(font/Gilroy-Bold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: font-semibold;
    src: url(font/Gilroy-SemiBold.ttf);
    font-weight: 500;
}

@font-face {
    font-family: font-heavy;
    src: url(font/Gilroy-Heavy.ttf);
    font-weight: 800;
}

.desk-hide {
    display: none;
}

html {
    scroll-behavior: smooth;
    font-family: font-regular;
}

.ml-15 {
    margin-left: 15px !important;
}

body {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    font-weight: 500;
    /* font-family: 'Poppins', sans-serif; */
    font-family: font-regular;
    overflow-x: hidden;
    background-color: #fff;
}

.container-fluid {
    padding-left: 7% !important;
    padding-right: 7% !important;
}
.container {
    max-width: 1260px;
}
.tp_mb_fx {
    justify-content: flex-end !important;
    grid-gap: 20px;
}

input.form-control.search {
    padding-left: 30px;
}

a {
    color: #000;
}

a:hover {
    color: #4D5660;
    text-decoration: none;
}


/* Style Guidelines */

p {
    font-size: 16px;
    line-height: 1.5;
    color: #4D5660;
    /* font-weight: 400; */
    /* opacity: 0.8; */
    margin-bottom: 20px;

    font-family: 'font-medium';
}

h2.pg-hd-conntainer {
    font-size: 45px;
    font-family: 'font-semibold';
    color: #202225;
    margin-bottom: 30px;
    /* font-weight: 600; */
}


h1,
.h1 {
    font-size: 3.2rem;
    font-family: font-bold;
	line-height:1.5;
}

h2,
.h2 {
    font-size: 2.7rem;
    font-family: font-bold;
	line-height:1.5;
}

h3,
.h3 {
    font-size: 2rem;
    font-family: font-bold;
	line-height:1.5;
}

.mrb-0 {
    margin-bottom: 0px !important;
}

h4,
.h4 {
    font-size: 1.5rem;
    font-family: font-bold;
	line-height:1.5;
}

h5,
.h5 {
    font-size: 1.1rem;
    font-family: font-semibold;
	line-height:1.5;
}

h6,
.h6 {
    font-size: 1rem;
    font-family: font-semibold;
	line-height:1.5;
}

.subtitle1 {
    font-weight: 600;
    font-size: 16px;
    font-family: font-bold;
}

.subtitle2 {
    font-weight: 600;
    font-size: 14px;
    font-family: font-bold;
}

.subtitle3 {
    font-weight: 500;
    font-size: 18px;
    font-family: font-semibold;
}

.caption1 {
    font-weight: 400;
    font-family: font-regular;
    font-size: 14px;
}

.caption2 {
    font-weight: 400;
    font-family: font-regular;
    font-size: 13px;
}

.caption3 {
    font-weight: 600;
    font-family: font-bold;
    font-size: 12px;
}

.overline1 {
    font-weight: 600;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    font-family: font-bold;
}

.description1 {
    font-weight: 600;
    font-size: 8px;
}

.description2 {
    font-weight: 600;
    font-size: 16px;
}

.weight100 {
    font-weight: 100;
}

.weight200 {
    font-weight: 200;
}

.weight300 {
    font-weight: 300;
}

.weight400 {
    font-weight: 400;
}

.weight600 {
    font-weight: 600;
}


/*Primary Color */

.primary {
    color: #FFA726;
}


/*Secondry Color */

.secondry {
    color: #4D5660;
}

.text-black {
    color: #000000;
}

.hd_sec {
    font-family: 'font-semibold';
    font-size: 55px;
}


/*Info Color */

.dark_jungle_green {
    color: #202225;
}

.dark {
    color: #202228;
}

.dark_jungle_green_higher {
    color: rgba(32, 34, 37, 0.8);
}

.dark_jungle_green_medium {
    color: rgba(32, 34, 37, 0.4);
}

.dark_jungle_green_lower {
    color: rgba(32, 34, 37, 0.1);
}

.dark_jungle_green_lowest {
    color: rgba(32, 34, 37, 0.1);
}

.white {
    color: #ffffff;
}

.white-light {
    color: rgba(255, 255, 255, 0.3);
}

.ash {
    color: #E2E2E2;
}

.ash2 {
    color: #F3F3F3;
}

.ash3 {
    color: rgba(248, 248, 248, 0.4);
}

.light-orange {
    color: #FFD0AD;
}

.black_linear1 {
    color: linear-gradient(59.3deg, rgba(77, 86, 96, 0.98) 14.05%, rgba(77, 86, 96, 0.63) 73.91%);
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top {
    position: fixed;
    display: none;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
}

.back-to-top i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #ed502e;
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.back-to-top i:hover {
    background: #f06f54;
    color: #fff;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*********************************
3. Header
*********************************/

.header {
    position: relative;
    width: 100%;
    z-index: 99999999999;
    /* height: 224px; */
}


/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    /* height: 64px; */
    background: #000;
    z-index: 2;
    padding: 10px 0px;
}

.header.scrolled .top_bar {
    display: none;
}

.top_bar_contact_item {
    font-size: 1rem;
    font-weight: 400;
    font-family: font-regular;
    align-items: center;
    color: #ffffff;
}

.top_bar_contact_item a {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 15px;
    letter-spacing: 1px;
    font-family: 'font-semibold';
    color: #fff;
}

a.text-link-default {
    font-size: 14px;
    letter-spacing: .5px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    padding-left: 10px;
    font-family: 'font-semibold';
}

.dropdown-item {
    color: #FCFCFC !important;
    font-family: 'font-medium';
    font-size: 16px;
    font-weight: normal;
    padding: 0px;
}

.search-icon {
    position: absolute;
    left: 10px;
    top: 10px
}

.top_bar_icon {
    display: inline-block;
}

a.svg-ctr-link {
    padding: 0px;
}

.pd-10 {
    padding: 10px 0px;
}

.dropdown .btn:hover {
    color: #fff;
}

.english {
    padding: 9px 25px;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    /* padding-right: 8px; */
    background: none;
    color: #ffffff;
    /* margin-left: 10px; */
    font-size: 14px;
}

.nav-row img.search-icon {
    top: auto;
}

.nav-row input.form-control.search {
    padding-left: 35px;
    max-width: 200px;
}

.dropdown-toggle::after {
    margin-left: 0px;
    margin-right: 10px;
}

.login {
    padding: 9.5px 42px;
    height: 40px;
    background: #FFA726;
    border-radius: 50px;
    color: #ffffff;
    border: 0;
    font-family: 'font-semibold';
    font-size: 14px;
}

.job-rect h4 {
    font-weight: 600;
    font-family: font-bold;
    font-size: 16px;
    line-height: 150%;
    color: #4D5660;
    margin: 0px;
}


/*********************************
3.2 Header Main
*********************************/

.header_main {
    background: #ffffff;
    z-index: 1;
}

.header.scrolled .header_main {
    display: none;
}

.header_main_item {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mc-logo img {
    padding: 15px 0px;
}

.navbar-expand-lg {
    /* background: #4D5660; */
    background-color: #282828;
    border-top: 1px solid #4a4a4a;
    padding: 0;
}

.nav-link {
    font-family: 'font-semibold';
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 21px */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* Secondary Color/Davy Grey */
    color: #4D5660 !important;
    padding: 26px 0px;
    border-bottom: 2px solid transparent;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: #FFA726 !important;
    border-bottom: 2px solid #FFA726;
}

.form-inline .form-control {
    border-radius: 6px;
}

.row.nav-row {
    margin: 0px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.srch-inp {
    position: relative;
    align-items: center;
    grid-gap: 20px;
}

.nav-row-link ul.navbar-nav {
    grid-gap: 25px;
}


/*Banner carousel*/

.slide-bg {
    width: 100%;
    max-height: inherit;
    background-image: url(img/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 670px;
    background-position: center;
}

#demo .carousel-item {
    height: auto;
}

.news h4 {
    color: #202225;
    font-size: 24px;
    font-family: 'font-semibold';
    margin-bottom: 15px;
    line-height: 1.5;
    padding-right: 15px;
}

.news h4+p {
    margin: 0px;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    font-family: 'font-medium';
    opacity: .6;
    padding-right: 20px;
}

.box-icon:hover img {
    filter: brightness(100);
}

/* .banner .carousel-inner img {
        width: 100%;
        height: 800px;
    } */

.banner .carousel-inner img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(130, 130, 130, 0) -8.3%, rgba(17, 22, 39, 0.85) 100%);
}

.carousel-inner {
    position: relative;
}

.carousel-control-next {
    top: auto;
    bottom: 110px;
    right: 0px;
}

.carousel-control-prev {
    left: auto;
    top: auto;
    bottom: 108px;
    right: 86px;
}

.carousel-indicators .active {
    background-color: #FFA726;
    /* Primary Color/Cantaloupe */
}

/* .slide-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(87 87 87 / 40%);
} */

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 20px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #E2E2E2;
    background-clip: padding-box;
    border-top: 3px solid transparent;
}

.carousel-indicators {
    position: absolute;
    bottom: 8%;
    z-index: 15;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    padding-left: 0px;
    margin-left: 12px;
}

.inner-card {
    padding: 50px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 50%;
    height: auto;
    background: linear-gradient(59.3deg, rgba(77, 86, 96, 0.98) 14.05%, rgba(77, 86, 96, 0.63) 73.91%);
    margin: 18% 0% 10% 0px;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: .8;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
    opacity: 1;
}

.inner-card h2 {
    font-size: 56px;
    line-height: 67px;
    margin-bottom: 20px;
    font-family: 'font-semibold';
    color: rgb(255, 255, 255);
}

.inner-card p {
    font-size: 16px;
    font-family: 'font-medium';
    line-height: 1.5;
    margin-bottom: 30px;
    color: #FFFFFF;
    padding-right: 12%;
    opacity: 1;
    text-shadow: none;
}

.inner-card .btn {
    height: 64px;
    background: #FFA726;
    border-radius: 10px;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    opacity: 1;
    padding: 20px 88px 20px 24px;
    position: relative;
    font-family: 'font-bold';
    letter-spacing: 1px;
}

.inner-card a.btn::before {
    content: "";
    position: absolute;
    top: 41%;
    background: url('img/white_arrow.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 999999999;
    left: 75%;
}

.carousel-control-prev {
    width: 70px;
    height: 70px;
    /* Info_Color/Dark Jungle Green_40% */
    background: rgba(32, 34, 37, 0.4);
    border-radius: 70px;
}

.carousel-control-next {
    width: 70px;
    height: 70px;
    /* Info_Color/White */
    background: #FFFFFF;
    border-radius: 70px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-40 {
    margin-bottom: 40px;
}

.news .card {
    border: 0;
}

h4.whtsnew {
    padding: 27px;
    white-space: nowrap;
    background: #4D5660;
    color: #fff;
    width: 20%;
    text-align: center;
    margin: 0px;
    font-family: 'font-medium';
    font-size: 16px;
    text-transform: capitalize;
}

p.mark-item {
    margin: 0px;
}

p.mark-item a {
    font-size: 16px;
    display: inline-block;
    min-width: 40%;
    text-align: center;
    font-family: 'font-semibold';
    border-right: solid 1px;
    line-height: 1;
    color: #202225;
}

.section_hd {
    font-family: 'font-semibold';
    color: #202225;
    font-size: 45px;
    margin: 0px;
}

.font-30 {
    font-size: 30px;
}

.font-24 {
    font-size: 24px;
}

p.opc-4 {
    font-family: 'font-medium';
    color: rgba(32, 34, 37, 0.4);
    letter-spacing: 0px;
}

.information-color {
    color: rgba(32, 34, 37, 0.4) !important;
}

img.no-rds {
    border-radius: 0px;
    margin-bottom: 15px;
}

span.dt-plc {
    display: block;
    color: #20222566;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-family: 'font-semibold';
}

h4.pol-hd {
    font-size: 18px;
    color: #000;
    font-family: 'font-semibold';
    margin-bottom: 15px;
}

.pol-hd+p {
    color: #20222566;
    font-family: 'font-medium';
}

.pol-gap {
    margin-bottom: 80px;
}

#carouselExampleIndicators2 img.img-fluid {
    border-radius: 8px;
    margin-bottom: 30px;
    width: 100%;
}

h4.card-title {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    font-family: 'font-bold';
    /* letter-spacing: 1px; */
}

p.card-text {
    font-family: 'font-semibold';
    color: #000;
    line-height: 1.2;
    font-size: 16px;
    padding-right: 15px;
    opacity: .6;
}

.see_more_white {
    padding: 6px 40px 6px 8px;
    height: 40px;
    border: 2px solid #202225;
    position: relative;
    font-family: 'font-semibold';
}

.see_more_white:hover {
    opacity: 0.7;
}

.see_all:hover {
    opacity: .8;
}

img.dash-icon {
    margin-bottom: 30px;
    margin-left: 10px;
    max-width: 100%;
    width: auto !important;
}

.owl-nav button {
    width: 10px;
    height: 16px;
    background-size: contain !important;
}

button.owl-prev {
    background-image: url(img/black_side_arrow.png) !important;

}

button.owl-next {
    background-image: url(img/black_side_arrow_right.png) !important;

}

.owl-nav {
    display: inline-flex;
    grid-gap: 20px;
    margin-top: 0px !important;
    position: absolute;
    top: -74px;
    right: 10%;
}

/* .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
} */

#ldr-owl,
#nws-owl,
#evnt-owl,
#dpt-owl {
    padding-left: 15px;
    padding-right: 15px;
}

img.dash-icon+p {
    font-family: 'font-medium';
    color: #000;
    line-height: 1.5;
    font-size: 16px;
    letter-spacing: .5px;
}

.news .card img {
    margin-bottom: 25px;
    max-width: 100%;
}

span.dt-time {
    display: block;
    font-size: 14px;
    color: #20222566;
    font-family: 'font-medium';
    line-height: 1.5;
    margin-bottom: 8px;
}

.news.card span {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 21px */
    /* Info_Color/Dark Jungle Green_40% */
    color: rgba(32, 34, 37, 0.4);
    margin-bottom: 8px;
}

.news.card h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    /* or 36px */
    /* Info_Color/Dark Jungle Green */
    color: #202225;
    margin-bottom: 14px;
}

.news.card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    /* or 24px */
    color: #000000;
    opacity: 0.6;
    padding-right: 80px;
}

/*********************************
buttons
*********************************/

.leran-more_border {
    padding: 8px 32px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    height: 40px;
    border: 2px solid #FFA726;
    font-family: 'font-bold';
    border-radius: 0px;
}

.news .box span {
    font-size: 13px;
    font-family: 'font-regular';
}

.leran-more_border:hover {
    opacity: .8;
    color: #fff;
}

.see_all {
    padding: 6.5px 26.5px;
    gap: 10px;
    height: 40px;
    background: #FFA726;
    border-radius: 10px;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    border: 0;
    font-family: 'font-bold';
}

.read_more {
    background: #FFA726;
    border-radius: 10px;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    padding: 20px 90px 20px 24px;
    border: 0;
    position: relative;
    opacity: 1;
    font-family: 'font-bold';
    letter-spacing: 0px;
    display: inline-block;
}

.read_more:hover {
    opacity: .9;
}

.read_more::before {
    content: "";
    position: absolute;
    top: 41%;
    background: url(img/white_arrow.png);
    height: 15px;
    width: 25px;
    background-repeat: no-repeat;
    z-index: 999;
    right: 30px;
}

/*--------------------------------------------------------------
# Start logo Section
--------------------------------------------------------------*/

.logo-section {
    background: #F3F3F3;
    padding: 32px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

img.sps {
    cursor: pointer;
    max-width: 16%;
}


/*--------------------------------------------------------------
# Start Footer
--------------------------------------------------------------*/

footer {
    background: #282828;
}

.footerone {
    padding-top: 80px;
    padding-bottom: 15px;
}

.footertwo {
    padding-top: 0px;
    padding-bottom: 26px;
}

footer h3 {
    font-size: 14px;
    margin-bottom: 25px;
    color: #fff;
    line-height: 1;
    opacity: 0.4;
    font-family: 'font-regular';
}

.footer-text {
    padding-right: 50px;
    padding-top: 12px;
}

.footer-text img {
    width: 132px;
    height: auto;
    margin-bottom: 49px;
}

.footer-text p {
    font-size: 13px;
    line-height: 23px;
    color: #fff;
    opacity: .5;
    font-weight: 300;
}

.footernav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footernav ul li {
    padding: 8px 0px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    color: #FFFFFF;
    letter-spacing: 0px;
}

.footernav ul li a {
    color: #fff;
    opacity: 1;
    font-family: 'font-medium';
    font-size: 16px;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.5;
}

.footernav ul li a:hover {
    opacity: 1;
}

.copy-right p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0px;
    color: #fff;
    font-family: 'font-regular';
    opacity: .7;
}

.copy-right p a {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0px;
    color: #fff;
    font-family: 'font-regular';
    display: inline-block;
}

.js-end {
    justify-content: flex-end;
}

.footer-newsletter form {
    width: 100%;
    display: block;
    position: relative;
}

.footer-newsletter h4 {
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    font-family: 'font-medium';
}

.footer-newsletter input[type="text"] {
    border: none;
    background: none;
    height: 45px;
    border-bottom: 1px solid #DDC7C2;
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 21px */
    /* Info_Color/White */
    color: #FFFFFF;
}

.footer-newsletter input[type="text"]:focus,
.footer-newsletter input[type="text"]:focus-visible {
    outline: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

footer hr {
    border-top: 0.8px solid rgba(255, 255, 255, 0.3);
    margin: 26px 0px;
}

.total {
    padding: 13px 29px;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    background: #FFA726;
    border-radius: 6px;
    font-family: 'font-semibold';
    position: relative;
    top: 20px;
}

.top {
    /* margin-top: 100%; */
    padding: 28px;
    left: 0;
    width: 92px;
    height: 92px;
    background: #FFA726;
    border-radius: 60px;
}

.top a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    padding-top: 30px;
}

.footer-newsletter input[type="submit"] {
    color: #281815;
    padding: 0;
    box-shadow: none;
    background: #DDC7C2;
    border: none;
    height: 45px;
    line-height: 45px;
    width: 87px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.3s;
    cursor: pointer;
}

.footer-newsletter input[type="submit"]:hover {
    background: #fff;
}

.emailsection {
    margin-bottom: 25px;
    padding-left: 30px;
}

.footer-address {
    padding-left: 30px;
}

.footer-address p,
.emailsection p {
    color: #FFFFFF;
    margin: 0;
    line-height: 26px;
    font-size: 14px;
}

.emailsection a {
    color: #FFFFFF;
}

.emailsection a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.social-icons {
    margin-bottom: 10px;
}

.social a {
    padding: 9px 11px;
    font-size: 18px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    color: #fff;
    margin-right: 24px;
    display: inline-block;
}


/*--------------------------------------------------------------
#End Footer
--------------------------------------------------------------*/

#tabsnav .tabactive {
    position: fixed;
    top: 77px;
    z-index: 9;
}

#tabsnav .tabsnav {
    padding: 0;
    flex-wrap: nowrap;
}

#tabsnav .nav-tabs {
    border: none;
}

#tabsnav .tabsnav ul {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    width: 100%;
}

#tabsnav .tabsnav ul li {
    padding: 28px 0;
}

#tabsnav .tabsnav ul li a.nav-link {
    padding: 0 42px;
    font-weight: 600;
    font-size: 16px;
    line-height: 134%;
    color: #202225;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid rgba(32, 34, 37, 0.4) !important;
    border-bottom: 0 !important;
}

#tabsnav .tabsnav ul li:hover,
.tabsnav ul li.active {
    color: #E6E9ED !important;
    background-color: #4D5660 !important;
}

#tabsnav .tabsnav ul li a:hover {
    color: #E6E9ED !important;
    border-right: 0 !important;
    background-color: #4D5660 !important;
}

#tabsnav .tabsnav ul li a.active {
    font-weight: 600;
}

/*==============================
Start Contact Page
================================*/

.contact-main {
    padding-top: 70px;
}

.con-details {
    padding-bottom: 50px;
}

.con-details h6 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 16px;
}

.con-details p {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.5;
    color: #4D5660;
}

.socialrow.social-icons {
    padding-left: 0;
    margin-bottom: 0;
}

.con-form {
    margin-bottom: 100px;
}

.form-container {
    padding: 60px 80px 60px 29px;
    background: rgba(248, 248, 248, 0.4);
}

.form-container h6 {
    font-size: 18px;
    font-family: 'font-semibold';
}

input:focus {
    outline: none;
}

.form-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.form-container ul li {
    margin-bottom: 40px;
    position: relative;
}

.form-container ul li input[type="text"],
.form-container ul li input[type="email"],
.form-container ul li textarea {
    width: 100%;
    display: block;
}

.focusline {
    border-bottom: 2px solid #D3CDCD;
    border-left: none;
    border-right: none;
    border-top: none;
    font-size: 16px;
    font-family: 'font-medium';
    color: #4D5660;
    line-height: 2.5;
}

.custom-control-label::before {

    border: #adb5bd solid 2px !important;
    border-radius: 0px !important;
}

.custom-control-label {
    font-size: 16px;
    font-family: 'font-medium';
    padding-left: 5px;
}

.custom-control {
    padding-left: 0px;
}

.tab-row-contact .search-icon {
    top: auto;
}

.custom-control-input {
    position: relative;
    left: 0;
    z-index: 99;
    width: 30px;
    height: 30px;
    opacity: 1;
}

.custom-control-label::before {
    top: -5px;
    left: -24px;
    width: 30px;
    height: 30px;
    display: none;
}

.focusline~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 2px solid #FFA726;
    transition: 0.4s;
}

.focusline:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
}

.form-container ul li textarea {
    height: 40px;
}

.form-container ul li input[type="checkbox"] {
    margin-right: 10px;
}

.form-container ul li button {
    padding: 20px 54px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    background: #FFA726;
    border-radius: 10px;
    cursor: pointer;
    border: 0;
    font-family: 'font-bold';
}

.info_box {
    padding: 30px 50px;
    border: 1px solid rgba(32, 34, 37, 0.1);
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.info_box img {
    margin-bottom: 30px;
}

.info_box h6 {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
}

.subheading-info {
    grid-gap: 15px;
    margin-bottom: 15px;
}

.info_text {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 21px */
    /* Info_Color/Dark Jungle Green */
    color: #202225;
}

.subheading-info h6 {
    line-height: 150%;
    /* identical to box height, or 27px */
    color: #000000;

    margin-bottom: 17px;
}

.subheading-info p {
    font-size: 16px;
    line-height: 150%;
    color: #4D5660;
    margin-bottom: 17px;
}

#nav-tab_contact .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    /* border-bottom: 1px solid #E2E2E2; */
    font-size: 18px;
    font-family: 'font-semibold';
    line-height: 1;
}


.table_contact .header_title {
    margin-top: 40px;
}

.header_title_1 {
    margin-top: 40px;
}



.infomation .header_title {
    margin-top: 32px;
}

.notice_section img {
    margin-left: 0;
}


/*********************************
3.4 Responsive
*********************************/

@media only screen and (max-width: 1024px) {
    .login {
        padding: 9.5px 38px;
        font-size: .75rem;
    }

    .english {
        font-size: .75rem;
    }

    .top_bar_contact_item a {
        font-weight: 400;
        font-size: 10px;
        line-height: 150%;
        color: #FFFFFF;
        padding-left: 1px;
    }

    .inner-card {
        padding: 40px;
        position: absolute;
        top: 316px;
        left: 100px;
        width: 400px;
        height: 400px;
        background: linear-gradient(59.3deg, rgba(77, 86, 96, 0.98) 14.05%, rgba(77, 86, 96, 0.63) 73.91%);
    }

    .navbar .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 76.333333%;
    }

    /* .header_main .col-lg-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 62.666667%;
            max-width: 66.666667%;
        } */
    .top_bar_contact_item {
        font-size: 14px;
        font-weight: 300;
        padding-top: 21px;
        padding-bottom: 21px;
        grid-gap: 30px;
        align-items: center;
        justify-content: center !important;
        padding: 5px 0px;
    }

    .navbar-nav .nav-link {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }

    .top_bar_icon {
        display: inline-block;
        padding-right: 7px;
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        /* transform: translateY(-2px); */
    }

    .nav-link {
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
    }

    .form-inline .form-control {
        margin-right: 0;
        width: 150px;
        border-radius: 6px;
        margin-left: 0px;
    }
   
}

@media only screen and (max-width: 768px) {
    .desk-hide {
        display: block;
    }

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

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    h2 {
        font-weight: 600;
        font-size: 24px;
    }

    h3 {
        font-weight: 600;
        font-size: 24px;
    }

    h4,
    .h4 {
        font-weight: 600;
        font-size: 16px;
    }

    p {
        font-weight: 400;
        font-size: 15px;
    }

    .text_banner h1 {
        font-weight: 600;
        font-size: 24px;
        line-height: 150%;
    }

    .top_bar .justify-content-end {
        justify-content: start !important;
    }

    .see_all.right {
        padding: 5px 14px;
        /* gap: 5px; */
        /* width: 66px; */
        height: 28px;
        font-family: 'font-semibold';
        font-size: 12px;
        border-radius: 6px;
    }

    /* Leaders */

    /* news */
    .news .card img {
        height: auto;
        margin-bottom: 24px;
    }

    .mob_card {
        display: none;
    }

    /* boxes */
    .box img {
        margin-bottom: 20px;
    }

    .box_pink {
        padding: 20px 32px 20px;
        height: auto;
    }

    .box_yellow {
        padding: 20px 32px 20px;
        height: auto;
    }

    .box_green {
        padding: 20px 32px 20px;
        height: auto;
    }

    .box_orange {
        padding: 20px 32px 20px;
        height: auto;
    }

    .box_sky {
        padding: 20px 32px 20px;
        height: auto;
    }

    /*group */


    .w-25 {
        width: 100% !important;
    }

    .mob_text {
        display: block;
        font-weight: 600;
        font-size: 24px;
        line-height: 150%;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }

    /* Whats new*/
    .news h1 {
        font-weight: 600;
        font-size: 24px;
    }

    /* events*/
    .card1 img {
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .news .box {
        height: auto;
    }

    .gallery2 {
        margin-bottom: 10px;
    }

    /* buttons */

    .read_more {
        font-weight: 600;
        font-size: 14px;
        padding: 9.5px 20px;
    }

    /* .read_more::before {
        display: none;
    } */
    /*Topbar */
    .skip {
        display: none !important;
    }

    .icons {
        display: none;
    }

    /* header .navbar {
            display: none;
        } */
    /* .job-rect h4 {
            display: none;
        }
        .job-rect img {
            display: none;
        } */
    .english {
        padding: 9.5px 10px;
        font-weight: 500;
        font-size: 12px;
    }

    .login {
        font-size: 12px;
        line-height: 14px;
        padding: 9.5px 24px;
    }

    .top_bar_icon {
        padding-right: 8px;
    }

    /*carousel */
    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }

    .inner-card {
        padding: 20px 15px;
        top: 40%;
        left: 10%;
        width: 50%;
        height: 46%;
    }

    #tabsnav .tabsnav ul li a.nav-link {
        padding: 0 12px;
        font-weight: 600;
        font-size: 9px;
    }

    #tabsnav .tabsnav {
        padding: 0;
        overflow-x: auto;
    }

    .box .col-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /*Citizen Page*/
    .citizen_tab form.form-inline {
        display: none;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 16px 22px;
    }

    .download .float-right {
        float: left !important;
    }

    .col_title.align-items-end {
        -ms-flex-align: start !important;
        align-items: start !important;
    }

    .col_title img {
        margin-left: 0;
    }

    .col_title .justify-content-between {
        -ms-flex-pack: start !important;
        justify-content: start !important;
    }

    .view_title {
        margin-right: 22px;
        margin-left: 0;
    }

    #nav-citi .tab_title_heading {
        display: none;
        margin-bottom: 20px;
    }

    #nav-citi .tab_title_heading span {
        display: none;
    }

    /* .footertwo .d-flex {
            flex-direction: column;
        } */
    .mob_citi {
        display: flex;
        margin-bottom: 14px;
        color: #000000;
        font-family: 'font-medium';
        font-size: 12px;
    }

    .mob_citi span {
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #000000;
    }

    h6.tab_title_heading_mob {
        font-size: 14px;
        line-height: 1;
        margin-left: 10px;
        color: #000000;
        font-family: 'font-semibold';
        margin-bottom: 0px;
    }

    .download {
        margin-top: 3%;
        margin-left: 8%;
        float: left;
    }

    .mb-120 {
        margin-bottom: 10px;
    }

    .mt-80 {
        margin-top: 10px;
    }

    /* project details page */
    .d-flex-col-title {
        display: block;
        margin-top: 0px;
    }

    .d-flex-view {
        display: flex;
        align-items: center;
        margin-top: 0px;
        justify-content: flex-end;
    }

    /* award details page */
    .img-grid {
        display: flex;
    }

    /* .img_1 {
        padding-right: 4px;
    }
    .img_2 {
        padding-left: 4px;
    } */
    /* .img_3 {
        display: none;
    } */
    .row.img-grid-2 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .img-grd-award {
        flex-direction: column;
    }

    .awrd1 {
        flex-wrap: wrap !important;
    }

    .job_view {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    body {
        font-size: .80rem;
    }

    p {
        font-weight: 400;
        /* font-size: 11px; */
        font-family: font-regular;
    }

    .btn {
        font-size: 14px;
    }

    .group p {
        margin-bottom: 20px;
    }

    .top_bar_contact_item {
        grid-gap: 20px;
    }

    .top_bar_icon {
        padding-right: 4px;
    }

    .login {
        font-size: 10px;
        line-height: 14px;
        padding: 9.5px 24px;
    }

    .dropdown-toggle::after {
        margin-right: 7px;
    }

    .english {
        padding: 9.5px 8px;
        font-weight: 500;
        font-size: 10px;
    }

    .news .read_more {
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 14px;
        padding: 10px 14px;
        height: 45px;
        /* margin-left: 15px; */
    }

    /*  */
    .nav-link {
        padding: 26px 12px;
    }

    .download {
        margin-top: 3%;
        margin-left: 8%;
        float: left;
    }


    .dep_banner {
        height: auto;
    }

}

@media only screen and (max-width: 320px) {
    .login {
        font-size: 10px;
        line-height: 14px;
        padding: 9.5px 17px;
    }

    .nav-link {
        font-style: normal;
        font-weight: 600;
        font-size: 9px;
    }
}


/* Hemendra Fixex */

.wd100 {
    width: 100%;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.cursor_pointer {
    cursor: pointer;
}

.super_container {
    position: fixed;
    width: 100%;
    top: 0px;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 10px;
}

.center-mob-only {
    display: none;
}


.news .read_more {
    font-size: 18px;
}


/* hem-code 21-nov */
.history-row {
    padding-bottom: 80px;
}

.mrb-56 {
    margin-bottom: 56px;
}

/* .history-row p{
    font-family: 'font-regular';
} */
.row.dst-spc {
    padding-top: 184px;
}

.box_telephone h4 {
    font-size: 18px;
    font-family: 'font-bold';
    color: #12152F;
}

.background_secondary p {
    font-size: 16px;
    font-family: 'font-regular';
    margin-bottom: 56px;
}

.row.city-row {
    margin-top: 64px;
}

.city-row header {
    margin: 20px 0px;
    margin-bottom: 0px;
}

.background_secondary header span svg {
    width: 22px;
}

.background_secondary header span {
    padding: 0px;
}

.city-row header h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.city-row header p {
    margin: 0px;
    font-size: 14px;
}

.about_card_section h6 {
    color: #12152F;
    font-size: 18px;
    font-family: 'font-bold';
    margin-bottom: 10px;
    line-height: 1.5;
}

.about_card_section {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
}

.ldr-abt {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ldr-abt a.btn {
    margin-bottom: 0px !important;
    margin-right: 25px;
}

img.img-spc {
    margin-bottom: 30px;
    margin-left: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.carousel .card-body1 p {
    color: #000;
    margin-bottom: 25px;
}

.imp-links {
    margin-top: 80px;
}

.award_title h5 {
    font-family: 'font-semibold';
    font-size: 18px;
    margin-bottom: 12px;
}

.award_title p {
    color: rgb(32 34 37 / 40%);
    font-size: 16px;
    margin-bottom: 35px;
}

.award_title h6 {
    font-size: 16px;
    font-family: 'font-medium';
    letter-spacing: 0px;
    margin-bottom: 12px;
}

.deep-award {
    margin-bottom: 80px;
}

.tab-row-contact {
    width: auto;
    justify-content: space-between;
}

div#nav-tab_contact {
    grid-gap: 75px;
    border-bottom: 4px solid #F3F3F3;
    ;
}

.pos-rel {
    position: relative;
}

.tab-content p.th-heading {
    font-size: 14px;
    font-family: 'font-medium';
    color: #202225;
}

.tab-content p.info_text {
    font-size: 14px;
    font-family: 'font-medium';
}

.faq-bnr {
    background-image: url(img/faqq-banner.png);
}

.rti-baner {
    background-image: url(img/rti-banner.png);
}

.w-35 {
    width: 35% !important;
}

.card-header-rte .collapsible-link::before {
    right: auto !important;
    left: 8px !important;
    background: #fff;
    top: calc(50% - 1px);
}

.card-header-rte .collapsible-link::after {
    right: auto !important;
    left: calc(1rem - 2px) !important;
    background: #fff;
    top: calc(50% - 7px);
}

.cirlce {
    width: 30px;
    height: 30px;
    position: absolute;
    background: #4D5660;
    border-radius: 50%;
}

.card-header-rte h5 {
    padding-top: 5px;
    margin: 0px;
}

.card.tab-three {
    padding: 0px 50px;
    border-bottom: none !important;
}

.card.tab-three .card-header {
    background: transparent;
    padding: 8px 0px;
}

.card.tab-three .card-header i.fa.fa-angle-down {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

section.flex-btn-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    margin: 30px 0px;
}

section.flex-btn-row p {
    flex: 0 0 60%;
    font-size: 18px !important;
}

section.flex-btn-row aside {
    display: flex;
    align-items: center;
    grid-gap: 60px;
}

a.view-btn {
    font-size: 16px;
    text-decoration: underline;
    font-family: 'font-semibold';
    line-height: 1.5;
    color: #202225;
}

a.orange-btn {
    font-size: 16px;
    font-family: 'font-bold';
    padding: 16px 18px;
    background: #FFA726;
    border-radius: 8px;
    color: #fff;
}

.mrb-30 {
    margin-bottom: 30px;
}

.tender-wrap .header_title {
    background: #F3F3F3;
    border: none;
    color: #4D5660;
}

.tender-wrap .header_title p {

    color: #4D5660;
}

.tender-wrap .col_title {

    font-size: 16px;
    color: rgb(32 34 37 / 40%);

}

/* .tender-wrap .pd-spc {
    padding: 0px 0px;
} */
.col_title .pd-spc {
    padding: 0px;
}

.header_title .pd-spc {
    padding: 0px;
}

.flex-prop-tbl {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.text-adjust h4 {
    font-size: 30px;
    font-family: 'font-semibold';
    line-height: 1.5;
}

.text-adjust p {
    color: #000;
    opacity: .6;
    padding-right: 15px;
}

hgroup.info {
    justify-content: space-between;
    grid-gap: 100px;
    margin-bottom: 104px;
    margin-top: 80px;
}

hgroup.info h2 {
    white-space: nowrap;
    margin-bottom: 0px;
}

p.citizen_info {
    font-family: 'font-medium';
    margin: 0px;
    font-size: 14px;
}

.grp-adjust .col-lg-3 {
    padding: 0px 20px;
    margin-bottom: 80px !important;
}

.grp-adjust h4 {
    font-family: 'font-semibold';
    font-size: 24px;
    margin-bottom: 15px;
}

.grp-adjust p {
    font-family: 'font-medium';
    color: rgb(32 34 37 / 40%);
    font-size: 16px;
}

.bnt {
    align-items: center;
    margin-right: 0px;
}

#nav-forms p.th-heading,
#nav-citi p.th-heading,
#nav-citi,
.clr-code {
    color: rgb(32 34 37 / 40%);
}

#nav-forms .col_title {
    color: #20222566;
    font-size: 16px;
}

#nav-citi .tab_title_heading {
    grid-gap: 30px;
}

.ctzn-aln {
    align-items: center;
    justify-content: center;
    grid-gap: 65px;
}

.clr-code {
    font-size: 16px;
}

.gap-30 {
    grid-gap: 30px;
}

.gap-6 {
    grid-gap: 6px;

}

.img-grd-awrd figure img {
    width: auto !important;
    max-width: 100%;
}

figure.fl-60 {
    display: inline-flex;
    flex-wrap: wrap;
    /* flex: 0 0 60%; */
    align-items: start;
    width: 100%;
}

figure.fl-40 {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    width: 84%;
}

.img-grd-award {
    display: flex;
    grid-gap: 6px;
    /* align-items: start; */
    width: 100%;
}

.img-fluid2 {
    max-width: 100%;
    height: 100%;
}

.grd-1 {
    grid-row-start: 1;
    background-image: url(img/award_details6.png);
    background-repeat: no-repeat;
    grid-row-end: 3;
    background-size: cover;
    background-position: 32px;
}

.awrd1 {
    display: flex;
    grid-gap: 6px;
    width: auto;
    flex-wrap: nowrap;
}

.col1,
.col2,
.col3 {
    display: flex;
    width: auto;
    grid-gap: 6px;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1 1 5%;
}

.col2 img.img-fluid2 {
    max-width: 100%;
    height: 100%;
}

.awrd1 img.img-fluid2 {
    flex-grow: 2;
    height: auto;
}

.col3 img.img-fluid2 {
    height: auto;
}

section.col1 {
    flex: 1 1 45%;
}

.text-award-dtl {
    padding-left: 100px;
}

section.col3 {
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1 1 10%;
}

.no-pd {
    padding: 0px !important;
}

.awrd1 img.img-fluid2 {
    flex-grow: 2;
    height: auto;
}

nav.archival a.nav-item {
    font-family: 'font-medium';
    font-size: 18px;
}

.notice_section.archsection .header_title {
    background: #f3f3f3;
}

.archsection .header_title p.th-heading {

    color: #20222894;
}

.clr-arch {
    color: #20222566;
    font-size: 16px;
}

span.nw {
    background: #FFA726;
    padding: 3px 14px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-family: 'font-semibold';
    display: inline-block;
    margin-left: 10px;
}

#nav-news img.tab_img {
    border-radius: 0px;
}

.dropdown-menu {
    background: #4D5660;
    color: #fff;
    font-family: 'font-regular';
    font-size: 16px;
    width: 309px;
    padding: 22px;
    grid-gap: 22px;
    flex-wrap: wrap;
}

.dropdown-menu.show {
    display: flex;
}

.dropdown-item:focus,
.dropdown-item:hover {
    opacity: .7;
    background: transparent;
}

/* hem-22 nov */
.top-row {
    margin: 0px;
    justify-content: space-between;
    align-items: center;
}

.social-top {
    display: flex;
    align-items: center;
    grid-gap: 42px;
}

.social-top a {
    color: #fff;
    font-family: 'font-semibold';
    font-size: 14px;
    line-height: 1.5;
}

.top-btn-container {
    display: flex;
    grid-gap: 16px;
    padding: 12px 0px;
    align-items: center;
    justify-content: center;
}

.word-svg {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    justify-content: center;
}

a.svg-ctr-link {
    line-height: 1;
}

.scl-lnk {
    display: flex;
    grid-gap: 21px;
    align-items: center;
    justify-content: center;
}

.pdt-80 {
    padding-top: 80px;
}

.pdt-104 {
    padding-top: 104px;
}

.pdb-104 {
    padding-bottom: 104px;
}

header.section-hdr {
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 35px;
    justify-content: space-between;
    margin-top: -5px;
}

.action-etc {
    grid-gap: 56px;
}

h5.card-title-msg {
    color: #4D5660;
    font-size: 18px;
    font-family: 'font-bold';
    margin-bottom: 10px;
}

div#nav-tab {
    grid-gap: 40px;
    margin-bottom: 40PX;
}

.citizen_tab #nav-tab {
    margin-bottom: 0px;
}

a#nav-home-tab {
    font-size: 18px;
    padding: 8px 0px;
    padding-top: 15px;
    font-family: 'font-medium';
}

a#nav-profile-tab {
    font-size: 18px;
    padding: 8px 0px;
    padding-top: 15px;
    font-family: 'font-medium';

}

.nav-tabs .nav-link.active {
    color: inherit !important;
}

#nav-home p {
    font-size: 14px;
    font-family: 'font-regular';

}

.phn-call {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}

.dropdown-toggle::after {
    width: 12px;
    height: 8px;
    background-image: url(img/dark-drp-dwn.png);
    background-repeat: no-repeat;
    border: none !important;
    position: relative;
    margin-left: 5px;
    margin-right: 0px;
    vertical-align: middle;
}

.dropdown-toggle:hover::after,
.dropdown-toggle.active::after {

    background-image: url(img/clr-drp-dwn.png);

}

.english.dropdown-toggle::after {
    background-image: url(img/light-drp-dwn.png);

}

.english.dropdown-toggle:hover::after {

    background-image: url(img/light-drp-dwn.png);

}

/* new gallery */
.grid-cntr-gallery {
    width: 100%;
    height: 558px;
    grid-gap: 30px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: 1fr 1fr auto;
}

.gal-bg1 {
    background-image: url(img/gallery2.png);
    background-size: cover;
}

.gal-bg2 {
    background-image: url(img/gallery3.png);
    background-size: cover;
}


.text-image {
    align-items: end;
    padding: 30px;
    color: #fff;
    font-family: 'font-semibold';
    white-space: nowrap;
    grid-column-start: 1;
    grid-column-end: 4;
}

.text-image.gal-bg3 {
    background-image: url(img/gallery1.png);
    background-size: cover;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 4;
}

.text-image p {
    font-size: 14px;
    font-family: 'font-regular';
    color: #fff;
    padding-right: 10%;
    white-space: normal;
    margin: 0px;
}

.text-image h3 {
    font-family: 'font-semibold';
    font-size: 30px;
    margin-bottom: 15px;
}

ul.dfrnt-nav {
    position: fixed;
    right: -50%;
    top: 0px;
    z-index: 99;
    padding: 70px 100px;
    height: 100vh;
    list-style: none;
    width: 50%;
    background: #4D5660;
    color: #fff;
    transition: all .5s;
}

ul.dfrnt-nav.show::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #000;
    left: -100%;
    top: 0px;
    opacity: .6;
}

a.skp {
    align-items: center;
    color: #FCFCFC;
    padding-bottom: 30px;
}

a.skp h3 {
    margin: 0px;
    font-family: 'font-regular';
    font-size: 17px;
    opacity: .34;
    text-transform: uppercase;

}

ul.dfrnt-nav.show {
    right: 0px;
}

ul.dfrnt-nav a.nav-link {
    font-size: 16px;
    color: #FCFCFC !important;
    font-family: 'font-regular';
    padding: 13px 0px;
}

li.seprate-lst {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    height: 180px;
    padding: 40px 100px;
    background: #FFA726;
}

.connect h4 {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

.connect figure {
    display: flex;
    align-items: start;
    grid-gap: 20px;
}

.card-body1 {
    margin-top: 25px;
}

.history-grid {
    display: flex;
    grid-gap: 30px;
    padding: 0px 15px;
}

.hg1,
.hg3 {
    display: flex;
    grid-gap: 30px;
    align-items: start;
    flex-direction: column;
}

.mobile-show {
    display: none;
}

.btn.filter {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    grid-gap: 14px;
    font-size: 16px;
    font-family: 'font-semibold';
}

nav.citizen-pagination{
    margin-bottom: 80px;
}

 .faq-accordion .faq-card h5 a{
    padding-left: 0px !important;
}


.faq-card .card-header{
    border-bottom: none !important;
}
.faq-see{
    margin-top: 40px;
}


/* responsive-fixed */
@media only screen and (max-width: 991px) {


    .faq-accordion .card-body p {
        font-size: 13px;
        font-family: 'font-medium';
    }
    h2.faq-title {
        font-size: 18px !important;
        font-family: 'font-bold' !important;
        margin: 0px !important;
    }
    .faq-set {
        padding: 0px 15px !important;
    }
    .mob-50{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .mob-auto-height {
        max-height: initial !important;
        min-height: initial !important;
        padding-right: 0px;
        font-size: 12px;
        font-family: 'font-medium';
        color: #4D5660;
    }
    .no_brd_mob{
        border: none !important;
        border-bottom: 1px solid rgba(32, 34, 37, 0.1) !important;
        margin-bottom: 20px !important;
        padding-bottom: 15px !important;
    }
    .ctzn-aln{
        grid-gap: 0px;
        justify-content: flex-start !important;
    }
    #nav-citi .tab_title_heading{
        padding-left: 0px;
    }
    .tab-pane .no_brd_mob .col-12{
        border-bottom: none !important;
    }
    .row.grp-adjust {
        margin: 0px -15px;
    }
    .mob-multi-table-fix{
        display: flex;
        flex-direction: column;
        overflow: hidden;
        text-overflow: ellipsis;
        align-items: flex-start !important;
    }
    nav.citizen-pagination {
        margin-bottom: 40px;
    }
    .grp-adjust h4{
        font-size: 18px;
        font-family: 'font-bold';
    }
    .grp-adjust img{
        max-width: 58px;
        margin-bottom: 15px;
    }
    
    .grp-adjust p{
        font-size: 14px;
    }


    .job_banner_details {
        height: auto;
    }
    .citizen-tbb a.nav-item{
        padding: 16px 0px !important;
        font-size: 12px;
    }
    
   
    hgroup.info {
    justify-content: space-between;
    grid-gap: 10px;
    margin-bottom: 40px;
    margin-top: 32px;
}
    .down_rdmr {
        margin-top: 0px;
        padding-right: 50px !important;
    }

    .read_more.down_rdmr::before {
        display: block;
    }

    .job-overview {
        padding-top: 32px;
        padding-bottom: 40px;
        flex-direction: column-reverse;
    }

    .side_info {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .job_list {
        padding-left: 15px;
        list-style: disc;
        margin-bottom: 20px;
    }

    .job_list li {
        margin-bottom: 11px;
        font-size: 12px;
        line-height: 150%;
        color: #4D5660;
        font-family: 'font-medium';
    }

    p.job_text_dtl {
        margin-bottom: 20px;
        font-size: 12px;
        font-family: 'font-medium';
        color: #202225;
        opacity: .8;
    }

    .job_data header.section-hdr.no-pd {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 8px;
    }

    .job_data header.section-hdr .section_hd {
        font-size: 18px;
    }

    .job_box {
        padding: 20px 20px;

    }

    .job-list {
        padding-bottom: 50px !important;
        padding-top: 40px !important;
    }

    .job_box h4 {
        font-size: 24px;
        font-family: 'font-semibold';
        margin: 8px 0px 14px 0px;
    }

    .job_sub_heading p {
        margin-bottom: 8px;
        font-size: 12px;
        margin: 0px;
    }

    .btn.filter {
        margin-bottom: 24px;

        grid-gap: 10px;
        font-size: 14px;
        padding: 10px 15px;
    }

    .job-list ul.pagination.justify-content-center {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .d-flex.justify-content-between.job-mob {
        justify-content: flex-start !important;
    }

    .mobile-show {
        display: block;
    }

    .w-50 {
        width: 100% !important;
    }

    .grid-cntr-gallery {
        grid-gap: 10px;
        height: auto;
    }

    .text-image {
        padding: 20px 15px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        flex-direction: column;
        align-items: center;
        justify-content: center !important;
        grid-gap: 10px;
        align-items: self-start;
    }

    .text-image.gal-bg1 {
        grid-column-end: 3;
        grid-column-start: 1;
    }

    .text-image h3 {
        font-family: 'font-semibold';
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .text-image p {
        padding-right: 0px;
        line-height: 1.3;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }

    section.gl-cnt {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .leran-more_border {
        padding: 6px 12px;
        font-size: 8px !important;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        height: auto;
        border: 2px solid #FFA726;
        font-family: 'font-bold';
        border-radius: 0px;
    }

    .text-image.gal-bg2 {
        grid-column-end: 5;
    }

    .text-image.gal-bg3 {
        grid-row-end: 2;
        grid-column-start: 3;
        grid-column-end: 5;
    }

    .top {
        display: none;
    }

    .header {
        height: auto;
    }

    a.btn.mbx-fx {
        display: none;
    }

    .section_hd {
        font-size: 25px;
    }

    .leaders .pl-0 {
        padding-left: 15px !important;
    }

    .leaders .pr-0 {
        padding-right: 15px !important;
    }

    .carousel-item .row {
        margin: 0px !important;
    }

    .news h4 {
        color: #202225;
        font-size: 16px;
        font-family: 'font-semibold';
        margin-bottom: 10px;
        line-height: 1.3;
        padding: 0px;
    }

    .news.latest-news {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .news h4+p {
        margin: 0px;
        font-size: 14px;
        color: #000;
        opacity: .6;
        line-height: 1.5;
        font-family: 'font-regular';
        letter-spacing: 1px;
        font-weight: 400;
        text-shadow: #000 0px 0px 1px;
        margin-bottom: 0px;
        padding: 0px;
    }

    img.evnt_img {
        border-radius: 8px;
        margin-bottom: 15px !important;
        height: auto;
    }

    .evnt_img+h4 {
        color: #202225;
        font-size: 20px;
        font-family: 'font-semibold';
        margin-bottom: 5px;
    }

    .event-section p {
        font-family: 'font-semibold';
        margin-bottom: 15px;
        font-size: 0.9rem;
        line-height: 1.3;
    }

    .mob-fx {
        margin-top: 0px;
        align-items: flex-start !important;
    }

    .mob-fx2 {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .mob-fx2 img {
        max-width: 45%;
        margin-bottom: 15px !important;
    }

    .top {
        margin-top: 0px;
        display: none;
    }

    .news .box {
        padding: 20px 15px;
    }

    .mob-fx3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .footertwo {
        padding-bottom: 20px;
    }

    .social-icons {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .footernav ul li a {
        color: #fff;
        opacity: 1;
        font-family: 'font-medium';
        font-size: 12px;
        text-decoration: none;
        text-shadow: none;
        line-height: 1.3;
    }

    footer h3 {
        font-size: 16px;
        margin-bottom: 10px;
        color: #fff;
        line-height: 1;
        opacity: 1;
        font-family: 'font-bold';
        margin-top: 25px;
    }

    .footerone {
        padding-top: 60px;
        padding-bottom: 0px;
      gap: 20px;
      text-align: center;
    }

    .social a {
        padding: 2px 0px;
        width: auto;
        text-align: center;
        text-decoration: none;
        border-radius: 100%;
        color: #fff;
        margin-right: 0px;
        display: inline-block;
        font-size: 16px;
    }

    .job-rect h4 {
        font-weight: 600;
        font-family: font-bold;
        font-size: 14px;
        line-height: 1;
        color: #4D5660;
    }

    .mb-nv-fx {
        flex-wrap: nowrap;
        position: absolute;
        z-index: 9;
        margin-top: -80px;
        right: 0px;
        align-items: flex-start;
    }

    .mb-nv-fx button {
        order: 2;
        right: 15px;
        border: none;
        position: relative;
        top: 15px;
    }

    .mb-nv-fx span.navbar-toggler-icon {
        background-image: url(img/humberg.png);
        background-size: 60%;
    }

    .row.nav-row {
        align-items: flex-start;
        flex-direction: column-reverse;
        width: 100%;
    }

    div#navbarSupportedContent {
        padding: 40px 40px;
        background: #4D5660;
        position: relative;
        max-height: calc(100vh - 215px);
        overflow: auto;
        padding-bottom: 20px;
    }

    li.seprate-lst {
        position: fixed;
        background: #FFA726;
        width: 100%;
        left: 0px;
        padding: 27px 40px;
        bottom: 0px;
        padding-bottom: 10px;
        height: auto;
    }

    .connect h4 {
        color: #fff;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        line-height: 1.5;
    }

    .connect figure {
        display: flex;
        align-items: self-start;
        grid-gap: 22px;
        margin-top: 20px;
    }

    img.cls-nav {
        position: absolute;
        z-index: 999;
        right: 20px;
        top: 30px;
    }

    .dropdown-menu {
        background: transparent;
        color: #fff;
        width: auto;
        padding-bottom: 0px;
        border: none;
    }

    a.dropdown-item {
        opacity: .65;
        font-family: 'font-regular';
    }

    .nav-link {
        padding: 0px 0px;
    }

    .nav-row-link ul.navbar-nav {
        grid-gap: 22px;
    }

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgb(252 252 252 / 60%) !important;
        border-bottom: none !important;
    }

    a.nav-link {
        color: rgb(252 252 252 / 60%) !important;
        font-size: 16px;
        font-weight: 400;
        font-family: 'font-regular';
    }

    section.nav-row-link {
        display: flex;
        flex: 1 1 100%;
        width: 100%;
    }

    body {
        /*margin-top: 105px;*/
    }

    #demo .carousel-item {
        height: auto;
    }

    div#demo {
        max-height: initial;
        background-size: cover;
        background-position: 0px 0px;
    }

    .carousel-indicators {
        bottom: 1%;
        justify-content: center;
        padding-left: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }

    h4.whtsnew {
        padding: 15px;
        font-family: font-regular;
        width: 38%;
        font-size: 12px;
        font-weight: 400;
    }

    p.mark-item a {
        width: auto;
    }

    .leaders {
        padding-top: 2rem !important;
    }

    .center-mob-only {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .leaders {
        padding-top: 40px !important;
        overflow: hidden;
        padding-bottom: 24px !important;
    }

    .vission {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .mt-104 {
        margin-top: 10px;
    }

    .mb-5,
    .my-5 {
        margin-bottom: 10px !important;
    }

    .mb-80 {
        margin-bottom: 10px;
    }

    .center-mob-only {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .mob_hide {
        display: none;
    }

    .logo-section {
        padding: 10px;
    }

    img.str {
        max-width: 47%;
    }

    .details_background {
        padding: 10px;
    }

    .background_secondary {
        padding-top: 40px;
        padding-bottom: 24px;
    }

    h1.text-white {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .background_secondary p {
        font-size: 14px;
        font-family: 'font-medium';
        margin-bottom: 16px;
    }

    .box_district {
        padding: 10px 15px;
        grid-gap: 10px;
        border-radius: 7px;
        margin-bottom: 20px;
        align-items: center;
    }

    .box_district img {
        margin-top: 0px;
        margin-right: 0px;
        max-height: 26px;
    }

    .district .box_district p span {
        font-size: 10px;
        font-family: 'font-semibold';
        color: #4D5660;
        opacity: 0.8;
    }

    .about_card_section p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
        font-family: 'font-medium';
        color: #505050;
        font-size: 16px;
    }

    .about_card_section .citi_read {
        margin-bottom: 24px;
    }

    .about_card_section .citi_read::before {
        display: none;
    }

    .imp-links h2 {
        margin-left: -15px;
    }

    .row.imp-links {
        margin-top: 24px !important;
    }

    .ldr-abt {
        padding: 24px;
        padding-bottom: 24px;
    }

    .history-abt p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }

    .tab_img_district {
        padding-right: 0px;
        height: auto;
    }

    .mob_hide {
        display: none;
    }

    .logo-section {
        padding: 10px;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    img.str {
        max-width: 47%;
    }

    .details_background {
        padding: 10px;
    }

    .str {
        min-width: 47%;
    }

    .box_district span {
        font-size: 13px;
    }

    .district {
        margin-bottom: 0px;
    }

    .box_telephone {
        margin-bottom: 20px;
    }

    .box_telephone p {
        margin-bottom: 0;
        font-weight: 700;
        font-size: 16px;
    }

    .map-frame {
        margin-top: 20px;
        margin-bottom: 24px;
        width: 100%;
        height: 200px;
    }

    .row.city-row {
        margin-top: 0px;
    }

    .city-row header {
        margin: 10px 0px;
        margin-bottom: 10px;
    }

    .city-row header h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .background_secondary header span svg {
        width: 10px;
        height: 12px;
    }

    .city-row header p {
        margin: 0px;
        font-size: 8px;
        font-family: 'font-semibold';
    }

    .col-md-12.col-sm-12.col-lg-12.carousel_section {
        padding-left: 0;
        padding-right: 0;
    }

    .con-form {
        margin-bottom: 40px;
    }

    .contact_map {
        width: 100%;
    }

    .sts {
        width: 180px;
    }

    .hd_sec {
        font-family: 'font-semibold';
        font-size: 35px;
    }

    .award_banner_details {
        height: auto;
        background-size: cover;
    }

    .citizen_banner {
        height: auto;
    }

    .job_banner {
        height: auto;
    }

    .privacy_banner {
        height: auto;
    }

    .job_banner {
        height: auto;
    }

    .job_banner {
        height: auto;
    }

    .sitebanner {
        height: auto;
    }

    .project_banner {
        height: auto;
    }

    .contact1 .justify-content-end {
        justify-content: flex-start !important;
    }

    .contact1 .search-icon {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .notice_section.archsection .row.col_title.align-items-center {
        align-items: flex-start !important;
    }

    .tab_img {
        margin: 0px;
        border-radius: 0px;
    }

    .proj-cntr {
        padding: 20px;
        margin-bottom: 40px;
        border: 1px solid rgba(32, 34, 37, 0.1);
        border-top: none;
        padding-top: 32px;
    }

    .proj-cntr h4 {
        font-size: 24px;
        color: #202225;
    }

    .proj-cntr p {
        font-family: 'font-medium';
        color: #202225;
        opacity: .6;
    }

    h1,
    .h1 {
        font-family: font-semibold;
        font-size: 36px;
    }

    .box_telephone img {
        height: 20px;
    }

    .social {
        display: inline-flex;
        grid-gap: 14px;
        padding-right: 10px;
    }

    hgroup.info {
        flex-direction: column;
    }

    .english.dropdown-toggle::after {
        background-image: url(img/light-drp-dwn.png);
    }

    .dropdown-toggle::after {
        width: 10px;
        height: 8px;
        background-image: url(img/light-drp-dwn.png);
        margin-left: 10px;
        vertical-align: middle;
        background-size: contain;
    }

    .social-top {
        justify-content: space-between;
        width: 100%;
    }

    .phn-call {
        display: none;
    }

    .scl-lnk {
        display: none;
    }

    .top-btn-container {
        display: flex;
        grid-gap: 8px;
        padding: 10px 0px;
        align-items: center;
        justify-content: center;
    }

    .login {
        font-size: 12px;
        padding: 6px 24px;
        height: auto;
        font-family: 'font-medium';
        line-height: 14px;
    }

    .english {
        padding: 4px 9px;
        font-size: 12px;
        font-family: 'font-medium';
    }

    .mc-logo img {
        padding: 7px 0px;
        max-height: 42px;
        box-sizing: content-box;
    }

    .mb-nv-fx {
        flex-wrap: nowrap;
        position: absolute;
        z-index: 9;
        margin-top: 0px;
        right: 0px;
        align-items: flex-end;
        border: none;
        flex-direction: column-reverse;
        width: 100%;
        flex: 1 1 100%;
        background: transparent;
    }

    .english+.dropdown-menu.show {
        display: flex;
        background: #4D5660;
        grid-gap: 8px;
        padding: 15px 25px;
    }

    .mb-nv-fx button {
        order: 2;
        right: 20px;
        border: none;
        position: absolute;
        top: -59px;
        z-index: 9;
      background:white;
    }

    .srch-inp {
        position: absolute;
        align-items: center;
        grid-gap: 20px;
        top: -40px;
        right: 48px;
    }

    a.extra-nav.desk-hide {
        position: absolute;
        top: 0px;
        right: 20px;
        width: 20px;
    }

    .desk-hide {
        display: none;
    }

    .citi_read.desk-hide {
        display: block;
    }

    .inner-card {
        padding: 30px 30px;
        top: 0px;
        left: 0%;
        width: 100%;
        height: auto;
        position: relative;
        margin: 150px 0px;
        margin-bottom: 70px;
        padding-top: 45px;
    }

    .slide-bg {
        height: 574px;
        /* background-position: -600px; */
    }

    .inner-card h2 {
        font-size: 26px;
        line-height: 31px;
    }

    .inner-card p {
        font-size: 16px;
        line-height: 150%;
        font-family: 'font-regular';
        padding-right: 5%;
    }

    .inner-card .btn {
        height: auto;
        background: #FFA726;
        border-radius: 10px;
        font-size: 16px;
        line-height: 150%;
        color: #FFFFFF;
        opacity: 1;
        padding: 12px 20px;
        position: relative;
        font-family: 'font-bold';
        padding-right: 60px;
    }

    .inner-card btn::before {
        content: "";
        position: absolute;
        top: 41%;
        background: url(img/white_arrow.png);
        height: 12px;
        width: 25px;
        background-repeat: no-repeat;
        z-index: 99;
        right: 15px;
        background-size: contain;
    }

    p.mark-item {
        margin: 0px;
        display: flex;
        flex-wrap: nowrap;
        grid-gap: 50%;
    }

    p.mark-item a {
        display: inline-flex;
        min-width: 100%;
        font-size: 12px;
        font-family: 'font-medium';
        color: #202225;
        padding-right: 10px;
        box-sizing: content-box;

    }

    header.section-hdr {
        /* flex-direction: column;
    grid-gap: 20px;
    align-items: flex-start !important;
    justify-content: flex-start;
    padding: 0px !important; */

        margin-bottom: 25px;

    }

    .information header.section-hdr {
        padding: 0px !important;
    }

    .infomation {
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 0px;


    }

    .box-icon {
        /* cursor: pointer; */
        margin-bottom: 16px;
    }

    .box p {
        font-size: 16px;

    }

    .service {
        padding-bottom: 56px;
    }

    button.see_all.right {
        padding: 5px 14px;
        font-weight: 500;
        font-size: 12px;
        white-space: nowrap;
        height: auto;
        font-family: 'font-semibold';
        border-radius: 6px;
    }

    h4.card-title {

        margin-bottom: 8px;
    }

    #carouselExampleIndicators2 img.img-fluid {
        margin-bottom: 12px;
    }

    p.card-text {
        font-family: 'font-medium';
        line-height: 1.5;
        font-size: 14px;
        opacity: .6;
        padding-right: 10px;
    }

    .cards img {
        margin-bottom: 28px;
    }

    .carousel .card-body1 p {
        color: #000;
        margin-bottom: 25px;
        opacity: .6;
        font-size: 14px;
    }

    .news.latest-news {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .group {
        height: auto;
        background-attachment: scroll;
        background-position: center;
        background-size: cover;
        padding-bottom: 30px;
    }

    .group_box {
        width: 100%;
        padding: 20px 30px;
        padding-bottom: 0px;
    }

    .group h4 {
        margin-bottom: 12px;
        font-size: 24px;
        margin-top: 20%;
    }

    .group h2 {
        display: none;
    }

    .group p {
        font-size: 14px;
        color: #FFFFFF;
        font-family: 'font-medium';
    }

    .group p.lsrt {
        margin-bottom: 20px;
        display: none;
    }

    .text_mob {
        display: inline;
    }

    .read_more {
        font-size: 14px;
        padding: 10px 18px;
        height: auto;
        margin-left: 0;
        letter-spacing: 0px;
        font-family: 'font-semibold';
        border-radius: 7px;
    }

    .news {
        padding-top: 56px;
        padding-bottom: 40px;
    }

    .row {
        margin: 0px;
    }

    .news .box h2 {
        font-size: 16px;
        padding-right: 20px;
    }

    .news .box span {
        font-size: 13px;
        font-family: 'font-regular';
        white-space: nowrap;
    }

    .news .box p {

        color: #757474;
        margin-bottom: 20px;
        font-family: 'font-medium';
    }

    .see_more_white {
        margin-bottom: 0px;
        padding: 8px 45px 8px 15px;

    }

    .see_more_white::before {
        top: 33%;
        height: 15px;
        width: 15px;
        background-size: contain;
    }

    .news .read_more {
        margin-top: 12px !important;
        margin-bottom: 42px !important;
        font-size: 14px;
        height: auto;
        font-family: 'font-semibold';
        padding: 16px 20px;
        padding-right: 50px;
    }

    .read_more::before {
        display: none;
        content: "";
        position: absolute;
        top: 42%;
        background: url(img/white_arrow.png);
        height: 10px;
        width: 26px;
        background-repeat: no-repeat;
        z-index: 999;
        right: 12px;
        background-size: contain;
    }

    .news .read_more::before {
        display: block;
    }

    .group .read_more::before {
        display: none;
    }

    .box_news {
        padding: 13px;
        margin-left: -15px;
        height: auto;
        margin-bottom: 16px;
    }

    .ml-15 {
        margin-left: 0px !important;
    }

    .news .read_more.ml-15 {
        margin-bottom: 0px !important;
    }

    p.evnt {

        font-size: 14px;

        margin: 10px 15px 20px;
        padding-right: 30%;
    }

    .events {
        background: transparent;
    }

    header.no-pd {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    a#nav-home-tab,
    a#nav-profile-tab {
        font-size: 14px;
        padding: 8px 0px;
        padding-top: 15px;
        font-family: 'font-semibold';
        color: #4D5660 !important;
    }

    div#nav-tab {
        grid-gap: 24px;
        margin-bottom: 16PX;
    }

    div#nav-tabContent {
        padding: 0px !important;
    }

    #nav-home div[class*="col-"] {
        padding: 0px !important;
    }

    .gallery1 {
        background-image: url(img/gallery2.png);
        background-size: cover;
        width: calc(50% - 15px);
        background-repeat: no-repeat;
        margin-bottom: 24px;
        display: inline-block;
        vertical-align: top;
        margin-right: 19px;
        height: auto;
    }

    .text_image {
        padding: 20px 10px;
        position: relative;
        top: auto;
    }

    .leran-more_border {
        white-space: nowrap;
    }

    .mob-fx {
        align-items: flex-start !important;
        flex-direction: column-reverse;
        margin-bottom: 20px !important;
    }

    .footer-newsletter h4 {
        font-size: 16px;
        font-weight: 500;
    }

    .footer-newsletter h3 {
        font-size: 14px;
        margin-bottom: 15px;
        color: #fff;
        line-height: 1;
        opacity: 1;
        font-family: 'font-bold';
    }

    .skip {
        display: block;
    }

    .header_main .skip {
        display: none;
    }

    footer hr {
        margin: 20px 0px;
    }

    ul.dfrnt-nav {
        padding: 0px;
        display: flex;
        flex-direction: column;
        grid-gap: 22px;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-left: 5px;
        position: static;
        width: 100%;
        height: auto;
    }

    ul.dfrnt-nav a.nav-link {
        color: #FCFCFC !important;
        opacity: .6;
        padding: 0px;
    }

    .mob-fx2.desk-hide {
        display: flex;
    }

    .box_news img {
        max-width: 22px;
    }

    /* abt-sec */
    .breadcrumb-area {
        /*min-height: 275px;*/
    }

    ol.breadcrumb {
        padding-left: 0px;
      display:none;
    }

    .text_banner p {
        font-weight: 400;
        font-size: 14px;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }

    .pd-104 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .faq-section {
        padding-top: 32px;
        padding-bottom: 56px;
    }

    .faq-section #accordionExample {
        padding: 0px 0px;
        border-radius: 0px;
        box-shadow: none;
    }

    .faq-accordion .card {
        border: 0;
        padding-left: 0px;
        border-bottom: 1px solid #E8E8E8 !important;
        background: transparent;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .faq-accordion h5 a {
        color: #4D5660;
        padding-left: 45px;
        font-size: 14px;
        font-family: 'font-semibold';
        line-height: 1.5;
    }
    .search_faq{
        margin-bottom: 0px;
        height: 40px;
    }
    .search-icon_faq {
        position: absolute;
        left: 30px;
        top: 27px;
    }

    .cirlce {
        width: 24px;
        height: 24px;
    }

    .card-header-rte .collapsible-link::after {
        right: auto !important;
        left: calc(1rem - 5px) !important;
        background: #fff;
        top: 0px;
    }

    .card-header-rte .collapsible-link::before {
        right: auto !important;
        left: 5px !important;
        background: #fff;
        top: 6px;
    }

    .faq-accordion .card.tab-three {
        border-bottom: none !important;
        padding: 0px 15px;
        padding-left: 0px;
    }

    .faq-accordion .card.tab-three .card-header {
        background: transparent;
        padding: 10px 0px;
        border: none;
    }

    .faq-accordion .card-header h5 {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 5px !important;
    }
    .faq-see {
        margin-top: 24px;
    }
    
    


    .owl-nav {
        display: flex;
        grid-gap: 20px;
        position: relative;
        top: auto;
        right: auto;
        margin-top: 32px !important;
        justify-content: center;
    }

    .news header.no-pd {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .events {
        padding-top: 0px !important;
    }

    .total {
        top: 30px;
        position: static;
        margin-top: 40px;
    }

    .tbl-flx-responsive {
        display: flex;
        overflow: auto;
        position: relative;
    }

    .header_title {
        position: sticky;
        left: 0px;
        background: #fff;
        border: none;
        white-space: nowrap;
        z-index: 99;
        padding-top: 0px;
        margin-top: 0px !important;
    }

    .mob-pdb-56 {
        padding-bottom: 56px !important;
    }

    img.sps {
        max-width: 36%;
    }

    div#nav-tab_contact {
        grid-gap: 30px;
        justify-content: space-evenly;
    }

    #nav-tab_contact a.nav-link {
        color: #202225 !important;
        line-height: 4;
    }

    #nav-tab_contact a.nav-link.active {
        color: #FFA726 !important;
    }

    #nav-tab_contact .nav-link {
        font-size: 14px;
    }

    .tab-row-contact {
        width: auto;
        justify-content: flex-start;
        flex-direction: column-reverse;
        grid-gap: 24px;
        margin-bottom: 24px !important;
    }

    .tab-row-contact .form-inline {
        align-self: flex-end;
    }

    .col_title {
        padding-top: 0px;
    }

    /* about*/
    .opc-full {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sub-text2 {
        font-size: 14px;
        margin-bottom: 0px;
    }

    h1.h1-hd-section {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .hgt-mob {
        height: 230px;
    }

    .mb-mob {
        margin-bottom: 24px;
    }

    .opc-full p {
        font-size: 12px !important;
        font-family: 'font-medium' !important;
    }

    .vission {
        padding-bottom: 40px !important;
    }

    .vission img.tab_img {
        margin-bottom: 24px;
    }

    .tab_img+p {
        margin-bottom: 10px !important;
    }

    .vission h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-family: 'font-bold';

    }

    .vission p {
        font-size: 12px;
        color: #202225;
        font-family: 'font-medium';
        margin-bottom: 16px;
    }

    .history-abt {
        padding-top: 40px;
        padding-bottom: 10px !important;
    }

    .history-row .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .pdl-15 {
        padding-left: 15px;
    }

    h2.pg-hd-conntainer {
        font-size: 30px;
        flex: 1 1 100%;
        margin-bottom: 24px;
    }

    .history-grid {
        grid-gap: 20px;
        margin-bottom: 24px;
    }

    .mrb-56 {
        margin-bottom: 20px;
    }

    .history-row {
        padding-bottom: 40px;
    }

    .hg1,
    .hg3 {
        grid-gap: 20px;

    }

    .district p {
        font-size: 12px;
        line-height: 150%;
        color: #202225;
        font-weight: 500;
        margin-bottom: 24px;
        font-family: 'font-medium';
    }

    .district h2.pg-hd-conntainer {
        padding-right: 20%;
        margin-bottom: 10px;
        line-height: 1.5;

    }

    .img_district {
        margin-bottom: 24px;
    }

    .mob-set {
        margin-left: -10px;
        margin-right: -10px;
    }

    .mob-set .col-6 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mob-set p {
        margin-bottom: 0px;
    }

    .box_district p {
        font-size: 16px;
        font-family: 'font-semibold';
        line-height: 1;
    }

    .row.dst-spc {
        padding-top: 10px;
    }

    .box_telephone {
        padding: 20px 5px;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12);
        border-radius: 8px;
        grid-gap: 10px;
        margin-bottom: 30px;
    }

    .box_telephone h4 {
        font-size: 16px;
        font-family: 'font-bold';
        color: #4D5660;
    }

    .box_telephone p {
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 12px;
        line-height: 1.5;
        color: #202225;
        opacity: .8;
    }

    .mob-flex {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    .city_box {
        padding: 10px 10px;
        border: 1px solid #F3F3F3;
        border-radius: 10px;
        font-family: 'font-regular';
        cursor: pointer;
        margin-bottom: 0px;
        grid-gap: 12px;
        display: inline-flex;
        align-items: center;
        width: calc(50% - 10px);
    }

    .background_secondary span {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        padding-left: 0px;
    }

    .city_box svg {
        width: 30px;
        height: 30px;
    }

    .about_card_section .section_hd {
        font-size: 30px;
    }

    .about_card_section h6 {
        color: #12152F;
        font-size: 16px;
        font-family: 'font-bold';
        margin-bottom: 5px;
        line-height: 1.5;
    }

    .form-inline.skip {
        display: none;
    }

    #right-show.skip {
        display: none;
    }

    /* contact started */
    .form-container {
        padding: 20px 0px 0px 0px;
    }

    .form-container h6 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .form-container ul li {
        margin-bottom: 20px;
    }

    .focusline {
        line-height: 3.5;
    }

    .form-container ul li textarea {
        line-height: 1;
    }

    .custom-control-label {
        padding-top: 5px;
    }

    .form-container ul li button {
        padding: 10px 18px;
        font-size: 14px;
        line-height: 1.5;

        border-radius: 7px;
        font-family: 'font-semibold';
    }

    .custom-control {
        padding-left: 0px;
        margin-bottom: 25px !important;
    }


    .info_box img {
        margin-bottom: 30px;
        max-width: 100%;
    }

    .info_box {
        padding: 14px 7px !important;
        margin-bottom: 24px;
        align-items: center;
    }

    .info_box h6 {
        margin-bottom: 2px;
        font-size: 14px;
        line-height: 150%;
        color: #000000;
    }

    .tab-content p.info_text {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .subheading-info {
        grid-gap: 5px;
        margin-bottom: 15px;
        align-items: flex-start;
        font-size: 12px;
    }

    .subheading-info p {
        font-size: 12px;
        line-height: 150%;
        color: #4D5660;
        margin-bottom: 0px;
    }

    .subheading-info svg {
        width: 22px;
        height: auto;
        vertical-align: top;
    }

    .project-main {
        padding-top: 56px;
        padding-bottom: 16px;
    }

    .award_title {
        padding: 24px;
    }

    .award_title h5 {
        font-family: 'font-semibold';
        font-size: 24px;
        margin-bottom: 5px;
        line-height: 1.5;
    }

    .award_title h6 {
        font-size: 12px;
        font-family: 'font-medium';
        letter-spacing: 0px;
        margin-bottom: 20px !important;
        color: #202225;
        opacity: .8;
    }

    .award_title p {
        color: #202225;
        font-size: 16px;
        margin-bottom: 20px;
        opacity: .6;
        font-family: 'font-medium';
    }

    .deep-award {
        margin-bottom: 32px;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 5px 15px;
    }

    .text-award-dtl {
        padding-left: 15px;
    }

    .grd1-desk {
        margin-left: -15px;
        margin-right: -15px;
    }

    .grd1-desk .gap-30 {
        grid-gap: 0px;
    }

    .img_1 {
        padding-left: 0px;
        padding-right: 5px;
    }

    .img_2 {
        padding-left: 5px;
        padding-right: 0px;
    }

    .grd1-desk img.img-fluid {
        width: 100%;
        height: 100%;
    }

    .row.gap-30 {
        margin-bottom: 10px;
    }

    .flex-scrl {
        overflow: auto;
        height: 48px;
    }

    .citizen_tab #nav-tab {
        margin-bottom: 0px;
        flex-wrap: nowrap;
    }

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        color: #4D5660 !important;
        white-space: nowrap;
        padding: 10px 0px;
        font-size: 14px;
        font-family: 'font-medium';
    }

    .action-etc {
        grid-gap: 5px !important;
    }

    p.opc-4 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }

    .tender-wrap .header_title p,
    .prd-table .header_title p,
    .notice_section .header_title p,
    .tab-pane .header_title p
        {
        color: #4D5660;
        white-space: nowrap;
    }

    .tender-wrap .header_title,
    .prd-table .header_title,
    .notice_section .header_title,
    .tab-pane .header_title
     {
        background: #F3F3F3;
        border: none;
        color: #4D5660;
        padding: 0px;
    }

    .tender-wrap .col_title,
    .prd-table .col_title,
    .notice_section .col_title,
    .tab-pane .col_title
     {
        font-size: 16px;
        color: rgb(32 34 37 / 40%);
        padding: 0px;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
    }

    .tender-wrap ul.pagination,
    .prd-table ul.pagination,
    .notice_section ul.pagination, 
    .tab-pane ul.pagination 
    {
        margin-top: 32px;
    }

    .tender-wrap {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .project_banner_details {
        height: auto;
    }

    .tender-wrap .col-12,
    .prd-table .col-12,
    .notice_section .col-12,
    .tab-pane .col-12

    {
        min-height: 55px;
        max-height: 55px;
        align-items: center;
        display: flex;
        flex: 1 1 100%;
        border-bottom: solid 1px rgba(32, 34, 37, 0.2);
        /* overflow: hidden; */
    }

    .tender-wrap .download,
    .prd-table .download,
    .notice_section .download,
    .tab-pane .download
     {
        margin-top: 0px;
        margin-left: 0px;
        float: none;
        padding: 10px 16px;
    }

    .prd-table {
        padding-bottom: 56px;
    }

    .flex-adj {
        height: 260px;
    }

    .project_banner_details.amet-banner {
        height: auto;
        margin: 32px 0px;
        margin-top: 0px;
    }

    .prd-table .download,
    .notice_section .download {
        display: flex;
    }

    .smart-city header.no-pd {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .smart-city .mobile-show {
        padding: 0px;
    }

    .city-srow {
        margin: 0px -15px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .city-srow p {
        opacity: .8;
        font-size: 16px;
    }

    section.flex-btn-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        margin: 10px 0px;
        flex-direction: column;
    }

    section.flex-btn-row p {
        flex: 0 0 60%;
        font-size: 14px !important;
    }

    .flex-btn-row .download {
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 14px;
    }

    .top_bar .skip {
        display: none;
    }

    .prd-dtl-cntr {
        padding: 0px 5px;
    }


    .prd-table .tab_title_heading {
        margin-right: 10px;
    }

    .tender-wrap h6.tab_title_heading,
    .prd-table h6.tab_title_heading {
        white-space: nowrap;
    }

    .tender-wrap .header_title .pd-spc,
    .prd-table .header_title .pd-spc {
        padding: 0px 15px;
    }

    .tender-wrap .col_title .pd-spc {
        padding: 0px 15px;
    }

}

@media only screen and (min-width: 720px) and (max-width:992px) {
    .mobile-show {
        display: none;
    }
}

.font-18 {
    font-size: 18px !important;
}

.newsletterform ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
    font-size: 12px;
}

.newsletterform :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
    font-size: 12px;

}

.newsletterform ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
    font-size: 12px;

}

.gap-20 {
    grid-gap: 20px;
}
.font-regular{
    font-family: 'font-regular' !important;
}