/*********************************Start Code of Kamal Rawat**********************************/
/* body.path-frontpage,
body.user-logged-in{
    background: url(../img/hero-banner-bg.jpg);
    background-repeat: no-repeat;
} */
.container-fluid{
    width: 96vw;
}
#fontSize >.body{margin-top: 0 !important;}


/***************Code for Top Header**************/
.header-column .search-block-form{display: flex; position: relative;}
.header-column .search-block-form input.form-search{border-radius: 1.3rem; background-color: transparent; border: 1px solid #7f7b7b;
width: 200px; padding-left: 10px; padding-right: 25px; font-size: 13px; height: 30px;}
.header-column .search-block-form input.form-submit{background: url('../img/search-ico.svg') no-repeat !important;
    font-size: 0;
    display: block;
    background-position: center center;
    width: 23px;
    position: absolute;
    right: 0;
    top:1px;
    border: none;
    background-size: 66% !important;
    margin-top: 6px;
	height: 23px;
}
.header-column .search-block-form input.form-search:focus{outline: none;}
ul.utility li.screen-reader{font-size: 0;}
ul.utility li.screen-reader >a{background: url('../img/screen-reader.svg');}
.language-switcher-language-url ul{margin: 0;}
.language-switcher-language-url ul li{display: block;}
.language-switcher-language-url ul li.is-active{display:none;}
.language-switcher-language-url ul li a:hover{text-decoration: none;}
.theme-changer > span{display: none;}
li.theme-changer .inner a:nth-child(1) {
    background: url('../img/day-mode.svg') no-repeat !important;
    font-size: 0;
	color: #fff !important;
}
li.theme-changer .inner a:nth-child(2) {
    background: url('../img/night-mode.svg') no-repeat !important;
    font-size: 0;
}
ul.utility li{text-align: center;}
.utility li a:hover{text-decoration: none;}
.header-extra-info-text img{width: auto; margin-left: 10px;}
.cm-name{font-weight: 600;}

/*******************************Code For Banner*************************/
.section-slider .flexslider{margin: 0 !important;}
.section-slider .flexslider{overflow: hidden;}
.section-slider .flex-direction-nav a:before{font-size: 16px; color: #fff;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{
    font-size: 0;
    background: #2c2d6c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
	opacity:1;
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover{
    text-decoration: none;
}

 

#flexCarouselbanner  .slides > li a {color:#1E5002; display: block; text-align: center;}
#flexCarouselbanner  .slides > li a >img {width: 90%;} 
.flex-pauseplay a:before{font-size: 13px;}

html .btn-green { background-color:#205601; }

/****************************Code For Megamenu***********************/
.notice-top-bar .hamburguer-btn{position: absolute; top:5px;}
.megamenu-nav{
    transition: all .3s ease 0s;
}
.notice-top-bar .hamburguer-btn .close{top:0; right: 0;}
.navbar-fixed {
    top: 0;
    z-index: 9999;
    position: fixed;
    width: 100%;
    background-color: #fff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    transition: all .3s ease 0s;
    -webkit-animation: .7s ease-in-out fadeInDown;
    animation: .7s ease-in-out fadeInDown;
  }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}



/*
Code For Hero Banner
*/
body.path-frontpage .hero-banner{
    background: url(../img/hero-section-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 100vh;
    margin-bottom: 30px;
}
body.path-frontpage .hero-banner::after {
    content: '';
    background: url(../img/district-border.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100vh;
    position: absolute;
    background-position: bottom;
    bottom:-29px;
}
.cm-pic-col{
    position: relative;
}
.cm-info{
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}
.cm-info >span{
	display:block;

}
.cm-info >span:nth-child(1){
	font-weight:600;
    font-size: 19px;
}
.logo-of-district{margin: 20px 0;}
.logo-of-district img{max-width: 450px; height: auto;}

svg#odisha-map {
    max-width: 600px;
    max-height: 400px;
}
.district-details ul{
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;

gap: 20px;
justify-content: space-between;
}
.district-details li{
width: 45%;
/* background-color: #e6f3d7; */
background-color: #e6f3d761;
border: 1px solid #63b35e;
border-radius: 10px;
box-sizing: border-box;
padding: 5px 10px;
}

.district-wodget .row{justify-content: center;}
.district-wodget .row .mb-4,
.district-wodget .row .mb-5{
    padding-left: 20px;
    padding-right: 20px;
}
.district-details li span.cap-1{
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #5a6052;
}
.district-details li span.cap-2{
    display: block;
    color: #0e1213;
    font-weight: 700;
    font-size: 1.1rem;
}
.district-info-col{
    /* background-color: #2c79d6; */
    background: url(../img/hero-section-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    box-shadow: 0 0 10px #474545;
}
.district-info-col:hover{
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
        transform: translateY(-10px);
-webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
}
.on-hover-img{overflow: hidden; padding: 2px;}
.district-info-col img{
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
}
/* .district-info-col:hover img{
    -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
      transform: scale(1.2);
    -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
} */
.district-info-col span{
    text-decoration: none;
    display: block;
    padding: 10px 10px;
    font-size:0.9rem;
    color: #05305d;
    font-weight: 600;
    text-align: center;
}

.district-wodget{
    padding: 30px 0;
}
.district-wodget a:hover{text-decoration: none !important;}

.inner-page-content{padding: 30px 0 80px; min-height: 450px;}
#block-views-block-district-name-block-4 h2{ 
    background: url(../img/odisha-title.svg);
    background-repeat: no-repeat;
    height: 100px;
    background-position: center center;
    font-size: 0;
    margin-bottom: 30px;
    display: none;
}
.hero-banner .col-lg-5{z-index: 9;}
.odisha-map-area{text-align: center;}
.odisha-map-area .tooltip{opacity: 1;}
.odisha-map-area .tooltip title{
    background-color: #000;
    display: block;
    position: absolute;
    top:0;
    visibility: visible;
    opacity: 1;
    width: 100px;
    height: 50px;
}
.district-wodget .row{
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    grid-template-rows: repeat(2, minmax(120px, 1fr));
}
.district-wodget .row::before{
    content: none;
    display: none;
}
.district-column{}


/*
Feedback Form
*/
.webform-submission-feedback-form{background: url('../img/feedback-graphics.png');background-repeat: no-repeat; background-position: 80% 20%; background-size: 40%;}
.webform-submission-feedback-form .js-form-item{width: 40%; margin-bottom: 30px;}
.webform-submission-feedback-form .js-form-item > label,
.webform-submission-feedback-form .js-form-item > input,
.webform-submission-feedback-form .js-form-item textarea{width: 100%; font-size: 15px; padding: 0 10px;}
.webform-submission-feedback-form .js-form-item textarea{border-radius: 10px; border: 1px solid #c2bbbb;}
.webform-submission-feedback-form .js-form-item > label{font-weight: 600; padding-left: 0;}
.webform-submission-feedback-form .js-form-item > input{margin: 0; min-height: 45px; border-radius: 10px; border: 1px solid #c2bbbb;}
.webform-submission-feedback-form .form-actions{width: 40%; margin-bottom: 30px;}
.webform-submission-feedback-form .form-actions input.form-submit{background-color: #5bba22; border: none; color: #fff; box-sizing: border-box; padding: 10px 40px; border-radius: 5px;font-weight: 600;}
.webform-submission-feedback-form .form-actions input.form-submit:hover{background-color: #01a31c;}
.text-count-message{font-size: 12px;}

/*
Inner Page
*/
.inner-page-content p{line-height: 25px; font-size: 14px;}
.inner-page-content ol{padding-left: 15px;}
.inner-page-content ul{padding: 0;}
.inner-page-content .sidebar-first ul{padding: 0; margin: 0;}
.Inner-page-heading{margin-top: 1rem;}
.Inner-page-heading h1{font-size: 1.5rem;}
.content-area h1{font-size: 1.5rem;}
.content-area h2{font-size: 1.5rem;}
.content-area h3{font-size: 1rem;}
.content-area h4 ,.content-area h5, .content-area h6{font-size: 0.9rem;}
.Inner-page-heading > div{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; margin-bottom: 10px;}

.inner-page-content .content-area .scroll-table1{overflow-x: auto; scrollbar-width: thin;}
.inner-page-content .content-area .scroll-table1::-webkit-scrollbar { overflow-y: hidden;
    width: 6px;
    height: 10px;
}
  
.inner-page-content .content-area .scroll-table1::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
  }
  
.inner-page-content .content-area .scroll-table1::-webkit-scrollbar-thumb {
    background-color: #b2acac;
    border-radius: 100px;
  }
.inner-page-content .content-area .scroll-table1 table{caption-side: top;}
.inner-page-content .content-area .scroll-table1 table caption{display: table-caption; font-weight: 500;}
.inner-page-content .content-area .scroll-table1 table tr th{background-color: #245e03; text-transform: capitalize; font-weight: 600; color: #fff;}
.inner-page-content .content-area .scroll-table1 table ul,
.inner-page-content .content-area .scroll-table1 table ol{margin: 0;}
.inner-page-content .content-area .scroll-table1 table span.file > a{color: #db544a;}
.inner-page-content .content-area .scroll-table1 table span.file > a::before{content: "\f1c1"; font-family: 'FontAwesome'; margin-right: 5px;}
.inner-page-content .content-area .scroll-table1 table .views-field-field-date-range,
.inner-page-content .content-area .scroll-table1 table .views-field-field-date-range-1{min-width: 100px;}
.inner-page-content .content-area .scroll-table1 table .views-field-counter{min-width: 70px;}
.inner-page-content .content-area .scroll-table1 table .views-field-field-phone{min-width: 130px;}
.guide-text {
    display: none;
}

/*
Login Page Design
*/
body.path-user{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: #f1f5f9;
    background-image: url(../img/login-bg.png);
    background-repeat: no-repeat;
    background-position: 20% 50%;
    margin-right: 8%;
}
body.path-user .main-content{
    margin: 0 auto;
} 
body.path-user .dialog-off-canvas-main-canvas{max-width: 400px; padding: 1.5rem 2rem 3rem; border-radius: 15px; box-shadow: rgb(44, 62, 80) 0px 15px 15px -15px; background-color: #ffffff;}
body.path-user .main-content section{
    width: 100%;
}
body.path-user .main-content section .logo-widget{display: none;}
body.path-user .main-content section .csir-logo{text-align: center;}
body.path-user .main-content section .user-login-form .js-form-item{margin: 15px 0;}
body.path-user .main-content section .user-login-form .js-form-item label{display: block; font-weight: 600; text-transform: capitalize;}
body.path-user .main-content section .user-login-form .js-form-item input.form-text{width: 100%; height: 40px; border: none; margin: 0;  border-bottom: 1px solid #8f8585; font-size: 15px;}
body.path-user .main-content section .user-login-form .js-form-item input.form-text:focus{outline: none;}
body.path-user .main-content section .user-login-form  .form-actions .form-submit{border: none; background-color: #5bba22; color: #fff; padding: 10px 3rem; box-sizing: border-box; border-radius: 5px;}
body.path-user .main-content section .user-login-form  .form-actions .form-submit:hover{background-color: #01a31c;}
body.path-user .main-content section .user-login-form .description{font-size: 12px;}
body.path-user .main-content section .user-login-form .form-item-captcha-response span{background-color: #ddd; padding: 3px 10px; box-sizing: border-box; margin: 0 10px; border-radius: 20px; font-weight: bold;}
body.path-user .main-content section .user-login-form .form-item-captcha-response label,
body.path-user .main-content section .user-login-form .form-item-captcha-response span{float: left;}
body.path-user .main-content section .user-login-form .form-item-captcha-response input{max-width: 100px !important; height: auto !important; margin: 0; margin-left: 10px;}
body.path-user .main-content section .user-login-form input[name="captcha_response"] + div{margin-top: 10px;}
body.path-user .innerpage-wrapper .container{padding: 0;}
body.path-user .district-name{text-transform: capitalize;}
body.path-user .innerpage-wrapper .district-logo{display: none;}
body.path-user .innerpage-wrapper h1,
body.user-logged-in .contextual-region h1{font-size: 1.8rem;} 
body.user-logged-in .district-logo img{width: 90px;}
body.user-logged-in{background-image:none !important;}
body.path-user .dialog-off-canvas-main-canvas{width: 400px;}

.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
    border-radius: 5px;
    border: none;
    border-bottom: 3px solid #f71169;
    background: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box {
    margin-bottom: 7px
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
    color: #fff;
    padding: 8px 16px
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #f71169
}

svg#odisha-map {
    max-width: 900px;
    max-height: 400px;
}

#mayurbhanj {
    fill: #7187dc;
}

#mayurbhanj:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#sundargarh {
    fill: #cd6974;
}

#sundargarh:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#kendujhar {
    fill: #e3dd57;
}

#kendujhar:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#bhadrak {
    fill: #cd6974;
}

#bhadrak:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#debagarh {
    fill: #7187dc;
}

#debagarh:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#anugul {
    fill: #60a95c;
}

#anugul:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#denkanal {
    fill: #7187dc;
}

#denkanal:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#cuttak {
    fill: #e3dd57;
}

#cuttak:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#baleshwar {
    fill: #60a95c;
}

#baleshwar:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#jajapur {
    fill: #60a95c;
}

#jajapur:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#kendrapara {
    fill: #7187dc;
}

#kendrapara:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#jagatsinghpur {
    fill: #cd6974;
}

#jagatsinghpur:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#sambalpur {
    fill: #e3dd57;
}

#sambalpur:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#jharsuguda {
    fill: #7187dc;
}

#jharsuguda:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#baragarh {
    fill: #60a95c;
}

#baragarh:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#sonapur {
    fill: #cd6974;
}

#sonapur:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#nujapada {
    fill: #7187dc;
}

#nujapada:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#balangir {
    fill: #e3dd57;
}

#balangir:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#boudh {
    fill: #7187dc;
}

#boudh:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#kandhamal {
    fill: #60a95c;
}

#kandhamal:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#kalahandi {
    fill: #cd6974;
}

#kalahandi:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#gajapati {
    fill: #cd6974;
}

#gajapati:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#ganjam {
    fill: #e3dd57;
}

#ganjam:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#nayagarh {
    fill: #cd6974;
}

#nayagarh:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#khordha {
    fill: #7187dc;
}

#khordha:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#puri {
    fill: #60a95c;
}

#puri:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#nabarangapur {
    fill: #e3dd57;
}

#nabarangapur:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#rayagarh {
    fill: #7187dc;
}

#rayagarh:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#koraput {
    fill: #60a95c;
}

#koraput:hover {
    stroke: #424242;
    stroke-width: 2px;
}

#malkangiri {
    fill: #7187dc;
}

#malkangiri:hover {
    stroke: #424242;
    stroke-width: 2px;
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
    border-bottom: 3px solid #50E3C2;
    /*colored line at popup bottom*/
    background: #343434;
    /*background of popup*/
}

/*arrow and border color depending on where the tooltip opens (for example above or below the element)*/
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #50E3C2
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #fff
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #fff
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #fff
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
}

.district-details{
                              padding-top:20%;
                           }
                           .state-usp li {
                              width: 45%;
                              padding: 5px;
                              }
                           .state-usp li:nth-child(1) {
                              background-color: rgba(38, 122, 158, 0.6);
                              border: 1px solid #ffffff;
                              transition: background-color 0.3s ease;
                           }

                           .state-usp li:nth-child(1):hover {
                              background-color: rgba(38, 122, 158, 1);
                           }

                           .state-usp li:nth-child(2) {
                              background-color: rgba(237, 55, 124, 0.6);
                              border: 1px solid #ffffff;
                              transition: background-color 0.3s ease;
                           }

                           .state-usp li:nth-child(2):hover {
                              background-color: rgba(237, 55, 124, 1);
                           }

                           .state-usp li:nth-child(3) {
                              background-color: rgba(81, 168, 133, 0.6);
                              border: 1px solid #ffffff;
                              transition: background-color 0.3s ease;
                           }

                           .state-usp li:nth-child(3):hover {
                              background-color: rgba(81, 168, 133, 1);
                           }

                           .state-usp li:nth-child(4) {
                              background-color: rgba(219, 116, 118, 0.6);
                              border: 1px solid #ffffff;
                              transition: background-color 0.3s ease;
                           }

                           .state-usp li:nth-child(4):hover {
                              background-color: rgba(219, 116, 118, 1);
                           }

                           .state-usp li:nth-child(5) {
                              background-color: rgba(70, 219, 233, 0.6);
                              border: 1px solid #ffffff;
                              transition: background-color 0.3s ease;
                           }

                           .state-usp li:nth-child(5):hover {
                              background-color: rgba(70, 219, 233, 1);
                           }

                           .state-usp li:nth-child(6) {
                              background-color: rgba(152, 107, 155, 0.6);
                              border: 1px solid #ffffff;
                              transition: background-color 0.3s ease;
                           }

                           .state-usp li:nth-child(6):hover {
                              background-color: rgba(152, 107, 155, 1);
                           }

                           .state-usp li:hover span.cap-1,
                           .state-usp li:hover span.cap-2 {
                              color: #fff;
                              text-shadow: 1px 1px 2px #222;
                           }

                           .district-details li span.cap-0 {
                              display: block;
                              float: left;
                              width: 40px;
                              margin: 5px 10px 0 0;
                           }

                           .district-details li span.cap-1 {
                              color: #222;
                           }

                           .logo-of-district img {
                              height: 60px;
                           }

                           .logo-of-fivet img,
                           .logo-of-nodisha img {
                              height: 60px;
                           }

                           .logo-of-fivet,
                           .logo-of-nodisha {
                              margin: 30px 0;
                           }

                           body.path-frontpage .hero-banner::after {
                              content: '';
                              background: url(../img/divider.png);
                              background-position-x: 0%;
                              background-position-y: 0%;
                              background-repeat: repeat;
                              background-size: auto;
                              background-repeat: no-repeat;
                              background-size: contain;
                              display: block;
                              width: 100%;
                              height: 100vh;
                              position: absolute;
                              background-position: bottom;
                              bottom: -20px;
                           }
                           .cm-pic-col{
                              width:80%;
                              margin:5% 10% 0 10%;
                           }
                           @media screen and (max-width: 1024px) {

                              .logo-of-fivet img,
                              .logo-of-nodisha img {
                                 height: 30px;
                              }

                              .logo-of-fivet,
                              .logo-of-nodisha {
                                 margin-top: 20px;
                              }

                              .logo-of-district {
                                 margin-top: 0px;
                              }

                              .district-details li span.cap-1 {
                                 font-size: 12px;
                              }

                              .district-details li span.cap-2 {
                                 font-size: 13px;
                              }

                              .district-details li span.cap-0 {
                                 display: block;
                                 float: left;
                                 width: 30px;
                                 margin: 5px 8px 0 0;
                              }

                              .district-details li {
                                 width: 46%;
                              }

                              .state-usp li {
                                 line-height: 17px;
                              }

                              .district-column {
                                 display: inline-block;
                                 width: 48%;
                                 margin: 1%;
                              }

                              .district-wodget .row {
                                 display: inline-flex;
                              }

                              .cm-pic-col {
                                 width: 70%;
                                 margin: 0 auto;
                              }

                              .cm-info {
                                 scale: .8;
                                 left: 40%;
                              }
                           }

                           @media screen and (max-width: 420px) {
                              .district-details li span.cap-0 {
                                 width: 25px;
                              }

                              .district-details li span.cap-2 {
                                 font-size: 10px;
                              }

                              .district-info-col span {
                                 font-size: 0.7rem;
                              }
                           }
						   .col-lg-4.col-md-6.col-6.z-index-22 {
							z-index: 22;
								}
	.scrollTop {
    background: url(../img/arrow-top-scroll.png) no-repeat;
    background-size: 43px;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}
.flipchar {
    display: inline-block;
    animation: mirrorflip 2s 0s linear infinite;
    color: #f66e49;
}
@media (max-width: 600px) { 
	/* #block-views-block-district-name-block-6 .row{
    flex-direction: column-reverse;
	}
  #block-views-block-district-name-block-6 .row .col-lg-3 img{
    margin-top:-60px;
    }
    .district-details{
        padding-top: 0;
    } */
    .district-wodget .row .mb-5 {
        padding: 0px;
      }
      .mb-5{
        padding-bottom: 0px;
        margin-top: -37px;
      }
}