@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&display=swap');

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.section-title__title{
    font-weight:600;
    color:#42699e;

}

.minister {
    display: flex;
    justify-content: flex-end;
}

/* proparallax2  */
.common-right .clockdate-wrapper {
    position:relative;
    padding:10px;
    max-width:330px;
    width:100%;
    text-align:center;
    border-radius:5px;
    margin:0 auto;

}
.common-right #clock{
    font-family: sans-serif;
    font-size: 14px;
    text-shadow: 0px 0px 1px #fff;
    color: #fff;
    position: absolute;
    top: -6px;
    right: -112px;
}
.common-right #clock span {
    color:#fff;
    text-shadow:0px 0px 1px #333;
    font-size:13px;
    position:relative;
    top:0px;
    left:5px;
}
.common-right #date {

    font-size: 12px;
    font-family: arial, sans-serif;
    color: #fff;
    position: absolute;
    right: -140px;
}


#proparallax2 {
    display: block;
    position: relative;
    overflow: hidden;
    min-width: 277px;
    min-height: 140px;
    left: -27px;
    object-fit: cover;
    /* border: 10px solid black; */
    /* box-shadow: 0px 8px 10px 8px grey; */
}
#proparallax2 img {
    position: absolute;
    width: 50rem;
    height: 37.5rem;
    overflow: hidden;
    object-fit: cover;
}

#proparallax2 img.one{
    animation-name: parallax_one; /* controls img.one movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}

#proparallax2 img.two {
    animation-name: parallax_two; /* controls img.two movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}

#proparallax2 img.three {
    animation-name: parallax_three; /* controls img.three movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}


/* proparallax2  */


/* proparallax3  */


#proparallax3 {
    display: block;
    position: relative;
    overflow: hidden;
    min-width: 206px;
    min-height: 140px;
    left: -27px;
    object-fit: cover;
    border-bottom-left-radius: 16px;
    /* border: 10px solid black; */
    /* box-shadow: 0px 8px 10px 8px grey; */
}
#proparallax3 img {
    position: absolute;
    width: 50rem;
    height: 37.5rem;
    overflow: hidden;
    object-fit: cover;
}

#proparallax3 img.one{
    animation-name: parallax_one; /* controls img.one movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}

#proparallax3 img.two {
    animation-name: parallax_two; /* controls img.two movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}

#proparallax3 img.three {
    animation-name: parallax_three; /* controls img.three movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}




/* proparallax3  */



.grid-box .container {
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    max-width:800px
}
/* Basic appearance stuff ends here */

/* Parallax Horizontal Scroller - by Bree Dulmage, 2020 */
#proparallax {
    display: block;
    position: relative;
    overflow: hidden;
    min-width: 135px;
    min-height: 140px;
    left: -27px;
    object-fit: cover;
    /* border: 10px solid black; */
    /* box-shadow: 0px 8px 10px 8px grey; */
    border-top-left-radius: 16px;
}

#proparallax img {
    position: absolute;
    width: 50rem;
    height: 37.5rem;
    overflow: hidden;
    object-fit: cover;
}

@keyframes parallax_one { /* controls img.one movement */
    0% { /* .imageloaded */
        height: 37.5rem;
        width: 50rem;
        left: 0rem;
        opacity: 1;
    }
    /* .imagehold runs from 0 to 27.77% */
    27.77% { /* .imageloaded */
        width: 50rem;
        left: 0rem;
    }
    27.78% { /* .imagepreunload */
        width: 50rem;
        left: 0rem;
        right: 50rem;
    }
    33.33% { /* .imageunloaded */
        height: 37.5rem;
        width: 0rem;
        left: 0rem;
        right: 0rem;
        opacity: 1;
    }
    33.34% { /* imageoff */
        opacity: 0;
    }
    94.43% { /* .imageon */
        left: 0rem;
        opacity: 0;
    }
    94.44% { /* .imageinitial */
        height: 37.5rem;
        width: 0rem;
        left: 50rem;
        opacity: 1;
    }
    100% { /* .imageloaded */
        width: 50rem;
        left: 0rem;
        opacity: 1;
    }
}

@keyframes parallax_two { /* controls img.two movement */
    0% { /* .imageoff */
        opacity: 0;
    }
    27.77% { /* .imageon */
        left: 0rem;
        opacity: 0;
    }
    27.78% { /* .imageinitial */
        width: 0rem;
        height: 37.5rem;
        left: 50rem;
        opacity: 1;
    }
    33.33% { /* .imageloaded */
        width: 50rem;
        left: 0rem;
    }
    /* .imagehold runs from 33.34% - 61.10% */
    61.10%{ /* .imageloaded */
        width: 50rem;
        left: 0rem;
    }
    61.11% { /* .imagepreunload */
        width: 50rem;
        left: 0rem;
        right: 50rem;
    }
    66.67% { /* .imageunloaded */
        width: 0rem;
        right: 0rem;
        left: 0rem;
        height: 37.5rem;
        opacity: 1;
    }
    66.68% { /* .imageoff */
        opacity: 0;
    }
    100% { /* .imageoff */
        opacity: 0;
    }
}

@keyframes parallax_three { /* controls img.three movement */
    0% { /* .imageoff */
        opacity: 0;
    }
    61.10%{ /* .imageon */
        opacity: 0;
    }
    61.11% { /* .imageinitial */
        width: 0rem;
        height: 37.5rem;
        left: 50rem;
        opacity: 1;
    }
    66.67% { /* .imageloaded */
        width: 50rem;
        left: 0rem;
    }
    /* .imagehold runs from 66.67% - 94.43% */
    94.43% { /* .imageloaded */
        width: 50rem;
        left: 0rem;
    }
    94.44% { /* .imagepreunload */
        width: 50rem;
        left: 0rem;
        right: 50rem;
    }
    100% { /* imageunloaded */
        width: 0rem;
        right: 0rem;
        left: 0rem;
        height: 37.5rem;
        opacity: 1;
    }
}


#proparallax img.one{
    animation-name: parallax_one; /* controls img.one movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}

#proparallax img.two {
    animation-name: parallax_two; /* controls img.two movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}

#proparallax img.three {
    animation-name: parallax_three; /* controls img.three movement */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;
    animation-direction: forwards;
    object-fit: cover;
}


.grid-section {
    padding: 40px;
}


/* grid section */


.vl-footer-area1 .icon i{
    color:#fff;
}
.deso-bann{
    /* // margin-top: 191px; */
    position:relative;
}
.flourish-credit{
    display:none !important;
}
.post-slide .post-date i:nth-child(2){

    color:#07b802;
}
.post-slide .post-date i:nth-child(1){

    color:#07b802;
}
.innerpage .baner {
    position: relative;
    z-index: 9;
    overflow-x: hidden !important;
}

.budget .col-md-4:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(0deg, rgba(0,0,0,0.629931196111257) 0%, rgba(245,148,8,0.8176062661392682) 100%);
    width:100%;
    height:100%;
}
/*.info-has.bg-primary, .info-has.bg-secondry:hover, .tp-bannertimer.tp-bottom, .box-bg.active .icon-bx-wraper, .team-section .team-content {*/
/*    background: linear-gradient(0deg, rgba(0, 0, 0, 0.629931196111257) 0%, rgba(245, 148, 8, 0.8176062661392682) 100%);*/
/*}*/
body{
    font-family: "Open Sans", serif!important;
    overflow-x:hidden;
    background-attachment:fixed;
}

ul{
    margin:0 !important;
    padding:0 !important;
}
li {
    list-style: none;
}

a {
    text-decoration: none !important;
}
.counter1 {
    margin-right:100px;
    text-align: center;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 10px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
}
.counter1 h3 {
    color: #333333;
    margin: 5px 0;
    padding: 0;
    font-size:20px;
    font-weight:400px;
}
.counter {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0px;
}
#visitorCount {
    color: #fd746c;
}
.tbar {
    /* background: #F47216; */
    background: #002750;
    /*background: linear-gradient(90deg, rgb(6 34 215) 0%, rgb(13 0 91) 100%);*/
    width: 100%;
    height: 35px;
}
.common-left ul li {
    float: left;
    line-height: 36px;
    height: 36px;
    list-style: none;
    margin-right: 4px;
    padding-right:10px;

}
.common-left ul li a i{
    padding-right:5px;
}
.common-left ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    margin-left: 6px;

}
.common-left ul li:nth-child(1) {
    border-right: 1px solid #ffffff80;
}
.common-right ul li{

    margin: 0;
    list-style:none;
    display: inline-block;
    /*float: left;*/
    text-align: center;
    height: 36px;
    padding: 6px 7px;
    border-left: 1px solid #ffffff80;
    list-style-type: none;
    line-height: 21px;

}
.c{
    clear:both;
}
.common-right ul li:nth-child(1) {
    border-left: 0px;
}
.common-right ul li:nth-child(6) {
    border-right:  1px solid #ffffff80;
}
.common-right ul li.ico-accessibility ul {
    height: 127px;
}
.common-right ul li ul {
    position: absolute;
    top: 37px;
    right: 0px;
    z-index: 9999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
    padding: 9px 8px;
    visibility: hidden;
}
.common-right ul li ul li {
    float: none;
    position: relative;
    height: auto;
    padding: 0px 0px;
    border-left: 0px solid #eeeeee;
}
.common-right ul li a {
    color: #fff;
    font-size:13px;
    font-weight:normal;
}
.links{
    font-size:15px;

}

.common-right ul li img{
    width:22px;
    height:22px;
    background:#d0475800;

}



.deso-text h1 {
    font-size: 20px;
    /* margin-top: 45px; */
    font-weight: 600;
    color: #000;
}
.deso-text h3 {
    font-size: 17px;
}
.logo img {
    width: 100%;
    animation-name: moveInLeft;
    animation-duration: 3s;
    object-fit: cover;
    margin: 13px;
}
.deso-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* banner slider start */

.banner-section{
    position: relative;
    overflow: hidden;
}

.banner-carousel{
    position: relative;
}

.banner-carousel .slide-item{
    position: relative;
    padding: 144px 0px 256px 0px;
}

.banner-carousel .slide-item:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #252638;
    top: 0px;
    right: 0px;
    opacity: 0.65;
    z-index: 1;
}

.banner-carousel .slide-item .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transition: all 6000ms linear;
    -moz-transition: all 6000ms linear;
    -ms-transition: all 6000ms linear;
    -o-transition: all 6000ms linear;
    transition: all 6000ms linear;
}

.banner-carousel .active .slide-item .image-layer{
    -webkit-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15);
}

.banner-carousel .content-box{
    position: relative;
    display: block;
    max-width: 570px;
    width: 100%;
    z-index:5;
}

.banner-carousel .content-box h6{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    padding-left: 22px;
    text-transform: uppercase;
    padding-left: 22px;
    margin-bottom: 14px;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .content-box h6 i{
    position: absolute;
    left: 0px;
    top: 0px;
}

.banner-carousel .active .content-box h6{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-carousel .content-box h1{
    position: relative;
    display: block;
    color: #fff;
    font-size: 72px;
    line-height: 76px;
    font-weight: 700;
    margin-bottom: 21px;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box h1{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-carousel .content-box p{
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 33px;
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box p{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-carousel .content-box .btn-box{
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box .btn-box{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-carousel .content-box .btn-box .theme-btn{
    padding: 16.5px 40px;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
    display: none !important;
}

.banner-section .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.banner-section .owl-nav .owl-prev,
.banner-section .owl-nav .owl-next{
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    border: 2px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    background: transparent;
    transition: all 500ms ease;
}

.banner-section .owl-nav .owl-prev{
    left: 50px;
}

.banner-section .owl-nav .owl-next{
    right: 50px;
}

.banner-section .owl-2093nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{

}

.innerpage{
    /* padding-bottom: 40px; */
}
.inn-banner img{
    width:100%;
}

/* banner slider end */



.grid-box {
    /* padding: 20px; */
    background: #aaa;
    border: 4px solid #FFF;
    margin: 0px auto;
    text-align: center;
    /* min-height: 131px; */
    align-items: center;
    display: flex;
    justify-content: space-around;
    min-height: 148px;
}
.grid-section{
    padding:40px;
}
.grid-box a i{
    display: block;
    text-align: center;
    margin: 10px auto;
    font-size: 30px;
}
.grid-box a{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: block;
    height: 80px;
    line-height: 1;
}

.grid-box:nth-child(1) {
    background-color: #c77405;
    border-top-left-radius: 20px;

}
.grid-box:nth-child(2) {
    background-color: #989800;
}
.grid-box:nth-child(3) {
    background-color: #052599;
}

.grid-box:nth-child(4) {
    background-color: #696960;
    border-top-right-radius: 20px;
}
.grid-box:nth-child(5){
    background-color: #99055f;
}
.grid-box:nth-child(6) {
    background-color: #008d6b;
}
.grid-box:nth-child(7) {
    background-color: #560677;
}
.grid-box:nth-child(8) {
    background-color: #770606;
    /* border-bottom-left-radius: 20px; */
}
.grid-box:nth-child(9) {
    background-color: #773306;
    border-bottom-left-radius: 20px;
}
.grid-box:nth-child(10) {
    background-color: #d67938;
    /* border-bottom-right-radius: 20px; */
}
.grid-box:nth-child(11) {
    background-color: #989800;
    /* border-bottom-right-radius: 20px; */
}
.grid-box:nth-child(12) {
    background-color: #3a75ca;
    border-bottom-right-radius: 20px;
}
.dev-com{
    float: left;
    width: 100%;
    margin: 22px auto;
    padding-bottom:20px;
    /*    display: flex;*/
    /*justify-content: center;*/
}
.dev-com:nth-child(1){
    border-bottom: 2px dashed #aaaa;
    margin-bottom: 30px;
}
.deso-dpt{
    background: radial-gradient(circle, rgb(255 255 255 / 97%) 0%, rgb(204 226 255) 100%);
    border: 2px solid #fff;
    border-radius: 23px;
    padding: 6px;
    box-shadow: 1px 1px 9px #95959599;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dev-com img{
    width: 120px;
    border-radius: 50%;
    padding: 4px;
    float: left;
}
.dev-cont p small{
    font-size:14px;
    font-weight: 400;
}

.dev-cont p span{
    font-size:19px;
}
.dev-cont p{
    margin-top:20px;
}





























@media (max-width: 600px) {
    .logo {
        text-align: center;
    }
    .logo img {
        width: 24%;
        animation-name: moveInLeft;
        animation-duration: 3s;
        padding: 0 10px;
    }
    .deso-text h1 {
        font-size: 21px;
        /* margin-top: 45px; */
        font-weight: 600;
        color: #000;
        text-align: center !important;
        width: 81% !important;
        margin: 0 auto !important;
    }
    .deso-text h3 {
        font-size: 15px;
        margin: 0 auto !important;
    }
    .minister {
        padding: 12px 47px;
        background: #f1f1f1;
        border-bottom: 0.1px solid;
    }
    .minister-text {
        padding: 24px;
    }
}


.tbar .col-lg-8.col-md-6 .simple-search + ul li {
    width: 30px;
    margin-left: 5px;
}
.tbar .col-lg-8.col-md-6 .simple-search + ul li a {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ffffff45;
    border-radius: 50px;
    box-shadow: 0 0 1px #fff;
    transition-duration: .3s;
    text-align: center;
    color: #ffffff9c;
    font-weight: 500;
}
.logo1{
    width: 403px;
    float: left;

}
.deso-logo{
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/** service-section **/
.service-section{
    position: relative;
    width: 100%;
    padding: 50px 0px 50px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.service-block-one .inner-box{
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 25px;
    padding: 24px 30px 30px 30px;
    /* overflow: hidden; */
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
}

.service-block-one .inner-box:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    left: 0px;
    top: 31px;
    transform: scale(0,0);
    transition: all 500ms ease;
}

.service-block-one .inner-box:after{
    position: absolute;
    content: '';
    width: 4px;
    height: 38px;
    left: 0px;
    top: 39px;
    transform: scale(0,0);
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover:before,
.service-block-one .inner-box:hover:after{
    transform: scale(1,1);
}

.service-block-one .inner-box h4{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 33px;
}

.service-block-one .inner-box h4 a{
    display: inline-block;
    color: #252638;
}

.service-block-one .inner-box h4 a:hover{

}

.service-block-one .inner-box .btn-box a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'DM Sans', sans-serif;
    color: #696b7e;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 23px;
    text-align: center;
    border: 2px solid #e6e6ea;
    border-radius: 4px;
}

.service-block-one .inner-box .btn-box a:hover{
    color: #ffffff;
}

.service-block-one .inner-box .icon-box{
    position: absolute;
    right: 19px;
    bottom: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #8e91a2;
    z-index: 1;
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .icon-box{

}

.service-block-one .inner-box .icon-box:before{
    position: absolute;
    left: 0px;
    top: -10px;
    content: '';
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: -webkit-linear-gradient(-90deg, #e6e6ea, #f2f2f2 100%);
    z-index: -1;
}

.service-block-one .inner-box .icon-box img{
    width: 32%;
    position: relative;
    top: 0px;
    left: 6px;
}

.service-section .sec-title{
    margin-bottom: 15px;
}

.service-section .sec-title .links{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'DM Sans', sans-serif;
    color: #616373;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 33px;
}

.service-section .sec-title .links i{
    position: relative;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    top: -1px;
}

.service-section .sec-title .links:hover{

}
.sec-title.centred h6 span {
    margin-right: 10px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.sec-title .title-shape {
    position: relative;
    width: 50px;
    height: 4px;
    margin-left: 8px;
}
.service-section .sec-title .links {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'DM Sans', sans-serif;
    color: #616373;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 33px;
}
.deso-navmenu{
    /*background:linear-gradient(90deg, rgb(4 22 143) 0%, rgb(44 16 210) 100%);*/
    background:#0c5ca5;
    height:40px;
    line-height:40px;
}
.video-container {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.video-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #000000ab 60%, #004c92c9 100%);
    /* background: linear-gradient(to left, #000000, #920000, #000000); */
}
.video-container video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.dev-cont {
    display: flex;
    align-items: center;
    padding: 12px;
}
.deso-bar{
    position:relative;
    top:0;
    left:0;
}
.deso-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* background: #c9570a; */
    height: 15px;
    width: 100%;
    z-index: 1;
    background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    overflow: auto;
}
@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}
.deso_banner_content h2{

    font-family: "Frank Ruhl Libre", serif;
}
.deso_banner_content{
    position: absolute;
    z-index: 9999;
    top: 41%;
    left: 32%;
    text-align: center;
    margin: 0px auto;
    color: #fff;

}
.deso-gov-logo{
    width: 151px;
    text-align: center;
    margin: 0 auto;
    padding: 11px;
    animation:fadeIn 3s  ;
}


/* about one */

.about-one {
    display: block;
    padding: 40px 0px;
    z-index: 1;
}

.about-one__left {
    position: relative;
    display: block;
}

.about-one__img-box {
    position: relative;
    display: block;
    margin-top: 20px;
}

.about-one__img-1 {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.about-one__img-1>img {
    width: 100%;
    border-top-left-radius: 20px;
    border: 4px solid #8b0000;
}

.about-one__img-2 {
    position: relative;
    display: block;
}

.about-one__img-2>img {
    width: 100%;
    border-bottom-left-radius: 20px;
    border: 4px solid #8b0000;
}

.about-one__img-box-two {
    position: relative;
    display: block;
    margin-left: -11px;
}

.about-one__img-3 {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.about-one__img-3::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(25deg);
    z-index: 1;
}

.about-one__img-3:hover::before {
    -webkit-animation: shine 1.9s;
    animation: shine 1.9s;
}

.about-one__img-3>img {
    width: 100%;
    transition: all 500ms linear;
    transition-delay: 0.2s;
    border: 10px double #8b0000;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.about-one__img-3:hover img {
    transform: scale(1.1) rotate(0deg);
    transition: all 500ms linear;
    transition-delay: 0.1s;

}
.about-one__img-2:hover img {
    transform: scale(1.05) rotate(0deg);
    transition: all 500ms linear;
    transition-delay: 0.1s;

}
.about-one__img-1:hover img {
    transform: scale(1.05) rotate(0deg);
    transition: all 500ms linear;
    transition-delay: 0.1s;

}

.about-one__right {
    position: relative;
    display: block;
    /*margin-left: 40PX;*/
}

.about-one__right .section-title {
    margin-bottom: 30px;
}

.about-one__text {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    text-align:justify;
    margin-bottom: 10px;
}

.about-one__count-and-points-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 26px;
    margin-bottom: 25px;
}

.about-one__count-box {
    position: relative;
    display: block;
    background-color: #E42032;
    max-width: 190px;
    width: 100%;
    text-align: center;
    padding: 20px 10px 10px;
}

.about-one__count-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: #fff;
    margin: 0 auto;
}

.about-one__count-icon span {
    position: relative;
    display: inline-block;
    font-size: 56px;
    color: #E42032;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.about-one__count-box:hover .about-one__count-icon span {
    transform: scale(0.9);
}

.about-one__count {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    margin-top: 28px;
}

.about-one__count>h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
}

.about-one__count-plus {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    position: relative;
    left: 2px;
    top: 2px;
}

.about-one__count-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
}

.about-one__points-box {
    position: relative;
    display: block;
    /*margin-left: 30px;*/
}

.about-one__points {
    position: relative;
    display: block;
}

.about-one__points li {
    position: relative;
    display: block;
}


.about-one__points li>h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.about-one__points li>p {
    margin-top: 14px;
}

.about-one__btn-and-client-info {
    position: relative;
    display: inline-grid;
    align-items: center;
    margin:4px;
}

.about-one__btn-box {
    position: relative;
    display: block;
}

.about-one__client-info {
    position: relative;
    display: block;
    margin-left: 18px;
}

.about-one__client-signature {
    position: relative;
    display: block;
}

.about-one__client-signature img {
    width: auto;
}

.about-one__client-info p {
    font-weight: 500;
    margin-top: 2px;
}
.thm-btn i {
    padding-left:10px;
}
.thm-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: #3B6A9E;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 25px 13px;
    overflow: hidden;
    border-radius: 3px;
    transition: all 0.5s linear;
    z-index: 1;
}
.thm-btn:hover {
    color: #fff;
}
.thm-btn:hover:before {
    left: -40%;
}
.thm-btn:hover::after {
    top: -40%;
}
.thm-btn::after {
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    background-color: #000;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
}
.thm-btn::before {
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 50%;
    left: 110%;
    background-color: #e42032;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.shape-bg1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 80%;
    animation: 200s linear 0s infinite normal none running wobble;
    width: 80%;
    background-image: url(../images/element-bg1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index:-1;
}
/* about one end */

/** explore-section **/

.explore-section{
    position: relative;
    overflow: hidden;
    padding: 41px 0px 87px 0px;
}

.explore-section .vector-image{
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.explore-section .pattern-layer{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 568px;
    height: 556px;
    background-repeat: no-repeat;
}

.explore-block-one .inner-box{
    position: relative;
    display: block;
}

.explore-block-one .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

.explore-block-one .inner-box .image-box img{
    width: 100%;
    border-radius: 5px;
    height: 350px;
    object-fit: cover;
}

.explore-block-one .inner-box:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 500ms ease;
}

.explore-block-one .inner-box:hover:before{
    height: 100%;
    opacity: 1;
}

.explore-block-one .inner-box .content-box{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.explore-block-one .inner-box .content-box .text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #020c24d4;
    border-radius: 5px;
    width: 262px;
    /* height: auto; */
    padding: 30px 15px 22px 15px;
    transition: all 500msease;
}

.explore-block-one .inner-box:hover .content-box .text{
    transform: translate(-50%,-50%) scale(0,0);
    opacity: 0;
}

.explore-block-one .inner-box .content-box .text .icon-box{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 50px;
    color: #2d81ed;
    border-radius: 50%;
    margin-bottom: 26px;
    background: -webkit-linear-gradient(-90deg, #e6e6ea, #ffffff 100%);
}

.explore-block-one .inner-box .content-box .text .icon-box:before{
    position: absolute;
    content: '';
    background: url(../images/decor-1.png);
    width: 66px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
    background-repeat: no-repeat;
}

.explore-block-one .inner-box .content-box .text h4{
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
.inn-msg{
    /* // background:url(../images/bg6.jpg) no-repeat left top; */
    background-size:contain;
    position:relative;
}
.pattern-4{
    top: 33%;
    position: absolute;
    opacity: 0.6;
    width: 76%;
}
.abou-des{

    background:url(../images/shape/wing.png) no-repeat left top;
    background-size:cover;

}

.explore-block-one .inner-box .content-box .overlay-content{
    position: absolute;
    left: 0px;
    bottom: -30px;
    width: 100%;
    padding: 22px 20px 0px 20px;
    border-radius: 0px 0px 5px 5px;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
}

.explore-block-one .inner-box:hover .content-box .overlay-content{
    visibility: visible;
    bottom: 0px;
    opacity: 1;
}

.explore-block-one .inner-box .content-box .overlay-content h4{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 28px;
}

.explore-block-one .inner-box .content-box .overlay-content h4:before{
    position: absolute;
    content: '';
    background: url(../images/decor-2.png);
    width: 66px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
    background-repeat: no-repeat;
}

.explore-block-one .inner-box .content-box .overlay-content p{
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 300;
}

.explore-block-one .inner-box .content-box .overlay-content .link-box li{
    position: relative;
    display: inline-block;
    margin: 0px 3px;
}

.explore-block-one .inner-box .content-box .overlay-content .link-box li a{
    position: relative;
    display: inline-block;
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 24px;
    background: #ffffff;
    color: #8e91a2;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: all 500ms ease;
}

.explore-block-one .inner-box .content-box .overlay-content .link-box li span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
    background: #fff;
    color: #8e91a2;
    font-size: 14px;
    line-height: 16px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    border-radius: 5px;
    text-align: center;
    padding: 5px 5px;
    min-width: 86px;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
}

.explore-block-one .inner-box .content-box .overlay-content .link-box li:hover span{
    visibility: visible;
    opacity: 1;
    top: -36px;
}

.explore-block-one .inner-box .content-box .overlay-content .link-box li span:before{
    position: absolute;
    content: '';
    background: #ffffff;
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    bottom: -5px;
}

.explore-block-one .inner-box .content-box .overlay-content .link-box{
    position: relative;
    margin-bottom: -27px;
}

.explore-banner .inner-container{
    position: relative;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -65px;
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 6%);
    z-index: 1;
}

.explore-banner .single-item{
    position: relative;
    float: left;
    width: 33.333%;
}

.explore-banner .single-item .title-box{
    position: relative;
    padding: 28px 20px 34px 30px;
}

.explore-banner .single-item .title-box h3{
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 2px;
}

.explore-banner .single-item .title-box p{
    color: #ffffff;
    font-weight: 300;
}

.explore-banner .single-item .inner-box{
    position: relative;
    display: block;
    padding: 35px 20px 35px 110px;
    border-right: 1px solid #e3e3e3;
}

.explore-banner .single-item:last-child .inner-box{
    border: none !important;
}

.explore-banner .single-item .inner-box .icon-box{
    position: absolute;
    left: 30px;
    top: 35px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #f5f5f6;
    border-radius: 50%;
}

.explore-banner .single-item .inner-box h4{
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 4px;
}

.explore-banner .single-item .inner-box p{
    display: inline-block;
}

.explore-banner .single-item .inner-box p a{
    color: #616373;
}

.explore-banner .single-item .inner-box p a:hover{

}
.sec-title {
    position: relative;
    display: block;
    margin-bottom: 0;
}
.sec-title.light h2 {
    color: #ffffff;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.sec-title .title-shape:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    left: -8px;
    top: 0px;
}
.sec-title h6 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.sec-title .title-shape {
    position: relative;
    width: 50px;
    height: 4px;
    margin-left: 8px;
}
/* .sec-title .title-shape { */
/* background: #000000; */
/* } */
.sec-title.centred .title-shape {
    margin: 0 auto;
}
.sec-title .title-shape:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    left: -8px;
    top: 0px;
}
.sec-title .title-shape:before {
    background: #e41e2f;
}
.sec-title.centred .title-shape:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    right: -8px;
    top: 0px;
}
.sec-title .title-shape:after {
    background: #e41e2f;
}

.explore-block-one .inner-box .content-box .text .icon-box:before {
    position: absolute;
    content: '';
    background: url(../images/decor-2.png);
    width: 66px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -17px;
    background-repeat: no-repeat;
}
.sec-title.centred .title-shape:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    right: -8px;
    top: 0px;
}
.sec-title .title-shape:after {
    background: #e41e2f;
}
.sec-title.centred .title-shape {
    margin: 0 auto;
}
.sec-title .title-shape {
    position: relative;
    width: 50px;
    height: 4px;
    margin-left: 8px;
}
.explore-section:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 80%;
    animation: 200s linear 0s infinite normal none running wobble;
    width: 80%;
    background-image: url(../images/se-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -999;

}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.centred {
    text-align: center;
}
.sec-title h6 {
    color: #000000;
}
.explore-block-one .inner-box .content-box .overlay-content .link-box {
    position: relative;
    margin-bottom: -27px;
}
.explore-block-one .inner-box .content-box .overlay-content .link-box li a {
    color: #e41e2f;
}
.explore-block-one .inner-box .content-box .overlay-content .link-box li a {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 24px;
    background: #ffffff;
    color: #8e91a2;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: all 500ms ease;
}
.explore-block-one .inner-box .content-box .overlay-content .link-box li span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
    background: #fff;
    color: #8e91a2;
    font-size: 14px;
    line-height: 16px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    border-radius: 5px;
    text-align: center;
    padding: 5px 5px;
    min-width: 86px;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
}
.explore-block-one .inner-box .content-box .overlay-content .link-box li span:before {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    bottom: -5px;
}
.explore-block-one .inner-box .content-box .overlay-content h4:before {
    position: absolute;
    content: '';
    background: url(../images/decor-2.png);
    width: 66px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
    background-repeat: no-repeat;
}
.explore-block-one .inner-box:before {
    border: 3px solid #e41e2f;
}
.explore-block-one .inner-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 500ms ease;
}
.explore-block-one .inner-box:hover:before {
    height: 100%;
    opacity: 1;
}
.explore-block-one .inner-box .content-box .overlay-content {
    /*background: #e41e2f;*/
    /*background:#0075ca;*/
    background: linear-gradient(-45deg, #025ec6, #0655c2, #198aeb, #16adff);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}
.explore-block-one .inner-box .content-box .overlay-content {
    position: absolute;
    left: 0px;
    bottom: -30px;
    width: 100%;
    padding: 22px 20px 0px 20px;
    border-radius: 0px 0px 5px 5px;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
    min-height: 390px;
}
.explore-block-one .inner-box:hover .content-box .overlay-content {
    visibility: visible;
    bottom: 0px;
    opacity: 1;
}
/** explore-section  end**/

/** service-section start**/

.service-section {
    position: relative;
}
.auto-container {
    position: static;
    max-width: 1320px;
    padding: 0px 15px;
    margin: 0 auto;
}
.sec-title {
    position: relative;
    display: block;
    z-index:0;
}
.sec-title h6 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.sec-title h2 {
    display: block;
    font-size: 30px;
    line-height: 52px;
    font-weight: 600;
}


.service-section{
    position: relative;
    /* background: #F6F6F6; */
    background-blend-mode:multiply;
    background-size: 100%;
}

.service-block-one .inner-box{
    position: relative;
    display: block;
    /* overflow: hidden; */
    background: #fff;
    padding: 35px 30px 30px 30px;
    margin-bottom: 30px;
    z-index: 1;
    min-height: 375px;
    border: 2px dashed #a7a7a7;
}

.service-block-one .inner-box .shape{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.service-block-one .inner-box .shape:before{
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 120px;
    height: 120px;
    right: -50px;
    bottom: -40px;
    border-radius: 50%;
    opacity: 0.1;
    transition: all 500ms ease;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}

.service-block-one:hover .inner-box .shape:before{
    background: #000 !important;
    opacity: 0.25;
}

.service-block-one .inner-box .shape:after{
    position: absolute;
    content: '';
    border: solid;
    border-width: 7px;
    border-color: var(--theme-color);
    right: -88px;
    bottom: -83px;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    opacity: 0.1;
    transition: all 500ms ease;
    -webkit-animation: zoom-fade 8s infinite linear;
    animation: zoom-fade 8s infinite linear;
}

.service-block-one:hover .inner-box .shape:after{
    border-color: #fff !important;
    opacity: 0.15;
}

.service-block-one .inner-box:before{
    position: absolute;
    content: '';
    background: var(--theme-color) !important;
    width: 100%;
    height: 0px;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 500ms ease;
}

.service-block-one:hover .inner-box:before{
    height: 100%;
}

.service-block-one .inner-box .icon-box{
    position: absolute;
    display: inline-block;
    color: var(--theme-color);
    transition: all 500ms ease;
    top: -46px;
    left: 162px;
}



.service-block-one:hover .inner-box .icon-box{
    color: #fff !important;
}

.service-section{
    background: url(../images/department-three-bg.png) no-repeat left top;
    background-size:cover;
}
.service-block-one .inner-box h4{
    display: block;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.service-block-one .inner-box h4 a{
    display: inline-block;
    color: var(--title-color);
}

.service-block-one:hover .inner-box h4 a{
    color: #fff;
}

.service-block-one .inner-box h4 a:hover{
    text-decoration: underline;
}

.list-item1 li span{
    color: #ffffff;
    font-size: 20px;
    font-weight:600;
}
.service-block-one .inner-box .list-item li span{
    font-weight:600;

}
.service-block-one .inner-box .list-item li{
    position: relative;
    display: block;
    font-size: 16px;
    font-weight:400;
    line-height: 32px;
    padding-left: 16px;
    transition: all 500ms ease;
}


.service-block-one .inner-box .list-item li:before {
    content: "\f4ff";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #ffa000;
    padding-right: 10px;
}
.service-block-one:hover .inner-box .list-item li{
    color: #000;
}
.service-block-one{
    padding-top:80px;
}

.service-block-one .inner-box:before {
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 100%;
    height: 0px;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 500ms ease;
}


.service-block-one .inner-box:hover{
    /* background: #cdd1c857;	*/
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg, #d3eeff 0%, #ffffff 100%);

    transition:all .5s ease-in;
    margin-top:-10px;

}

.service-block-one .inner-box .icon-box img:hover{
    transform: rotate(45deg);
    transition:all .6s ease-in;

}


.staff-para {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    border: 2px dashed #a7a7a7;
    border-radius: 20px;
    font-weight: 600;
}
.clearfix{
    position:relative;
}

.list-item1 li{
    color:#fff;
}
.list-item1 {
    top: -87px;
    left: 32px;
    text-align: center;
    padding: 31px !important;
    border: 5px double #0052ff;
    border-radius: 50%;
    background: #3395ff;
    width: 200px;
    margin: 0 auto;
    height: 200px;
    position: absolute;
    font-weight: 600;
}



.list-item1:hover {
    background-position: right center; /* change the direction of the change here */

    text-decoration: none;
    transition:all .7s ease-in;
}


.list-item1 h4{
    font-size: 16px;
    color: #fff;
}
/** service-section  end **/


.vl-footer-area1{
    background:url(../images/f-bg.png) no-repeat left top rgb(4 117 119 / 96%);
    background-blend-mode:multiply;
    background-size:cover;
    padding:50px 10px 0 10px;
}
.vl-footer-text p{
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    text-align: justify;
}


.tp-process-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.96px;
    margin-bottom: 20px;
}
.tp-section-title-pre {
    font-family: var(--tp-ff-heading);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #6d0707 0%, #ff1515 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 10px;
}
.tp-section-title {
    font-weight: 600;
    font-size: 48px;
    letter-spacing: -1.92px;
    color: var(--tp-heading-primary);
    line-height: 1.2;
    margin-bottom: 20px;
}
.tp-process-item {
    margin-bottom: 35px;
}
.tp-process-item-icon {
    padding-right: 40px;
    padding-left: 30px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-left: 2px solid #E3E3E3;
}
.tp-process-item-title {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.96px;
    color: var(--tp-heading-primary);
    margin-bottom: 10px;
}
.tp-process-item-icon img{
    width:140px;
}

.logos {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
}

.logos:before, .logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2;
}

.logos:before {
    left: 0;
    /* background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255)); */
}

.logos:after {
    right: 0;
    /* background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255)); */
}

.logo_items {
    display: inline-block;
    animation: 40s slides infinite linear;
}

.logos:hover .logo_items {
    animation-play-state: paused;
}

.logo_items img{
    height: 62px;
    padding: 7px;

}
@keyframes slides {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.our-department h4{
    text-align: center;
    margin: 10px auto;
    font-size: 16px;
    color: red;
}
.our-department {

    padding:40px 0px;

}
.our-department h2{
    text-align: center;
    margin: 10px auto;
    font-size: 41px;
    font-weight: 700;
    color:#000;
}
.department-box i{
    font-size:45px;
    color:red;
    margin: 10px 0;

}
.department-box a{
    color:#000;

}
.department-box h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 7px;
    color:#000;
    letter-spacing: var(--govity-letter-spacing-two);
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    transition: all .5s ease-in;
}
.department-box{
    position: relative;
    display: block;
    border: 1px solid #2d2d2d;
    background-color: var(--govity-black);
    padding: 29px 29px 9px;
    margin-bottom: 30px;
    overflow: hidden;
    transition: all .5s ease-in;
    z-index: 1;
    width: 20%;
    margin: 30px;
    border-radius:20px;
    background:#fefefe91;

}
.department-box:hover {
    border: 1px solid var(--govity-white);
    background:#aaaa;
    color:#000;
}
.department-box:hover h3{
    color:#000;
}
.department-box:hover:before {
    transform: scale(1);
    opacity: 1;
}
.department-box:hover:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: var(--govity-white);
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
}




.ticker {
    position: relative;
    padding-left: 140px;
    background: #002750;
    overflow: hidden;
    height:41px;
    line-height:41px;
}
.ticker a {
    position: relative;
    top: 0;
    white-space: nowrap;
    width: auto;
    color: #fff;
    text-decoration: none;
}
/* .ticker:before {
  content: "Latest News :~";
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  padding: 0px 10px;
  background: #1ed4ffe3;
  z-index: 9;
  color: #FFF;
} */
.ticker ul li{
    float: left;
    margin-right: 40px;
}
.ticker ul {
    width:400%;
}
.inn-msg h2{
    /*font-size: 34px;*/
    padding: 10px 60px;
    width: 100%;
    margin: 29px 0px;
    animation: fadeIn 3s;
    /*font-family: "Cinzel", serif;*/
    /*background: -webkit-linear-gradient(#ff0a0a, #5c0404);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: #ffffff00;*/
}

.innerpage .dir-msg .line-bt {
    border-bottom: 2px solid #2060b7;
    width: 100%;
    animation: fadeInRightBig 3s;
    position: relative;
    top: 0px;
    right: 0;
    margin-bottom:10px;
}
.innerpage .dir-msg p {
    text-align: justify;
    font-weight: 400;
    /*font-size: 20px;*/
    padding-bottom: 10px;
    animation: fadeIn 2s;
    width: 100%;
}
.innerpage .dir-msg h5{
    margin: 10px 0;
    text-align: right;
    font-weight: 400;
    font-size: 25px;
}
.innerpage .dir-msg h2 {
    /*font-family: sans-serif;*/
    /*font-size: 34px;*/
    /*color: #000000;*/
    padding: 10px 0;
    border-bottom: 2px solid;
    width: 100%;
    margin: 29px 0px;
    animation: fadeIn 3s;
    /*font-family: "Cinzel", serif;*/
    /*background: -webkit-linear-gradient(#ff0a0a, #5c0404);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: #ffffff00;*/
}
.director-img h3 {
    font-size: 20px;
    margin: 12px 0;
    animation: fadeIn 2s;
}
.dir-msg h3 {
    font-size: 28px;
    /*color: darkred;*/
    /*font-family: auto;*/
    font-weight:600;
    margin: 12px 0;
    animation: fadeIn 2s;
}
.director-img h4 {
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 10px;
    animation: fadeIn 2s;
    width: 100%;
}
.director-img {
    text-align: center;
    position:relative;
}
.director-img img {
    border-top-left-radius: 20px;
    width: 80%;
    border: 3px double #05227a;
    border-bottom-right-radius: 20px;
    padding: 5px;
}

.dir-video{
    position: absolute;
    top: 36%;
    left: 80%;
    transform: translate(-50%, -50%);
}
.dir-video a{
    width: 100px;
    height: 100px;
    background-color: #055ab9;
    background-image: linear-gradient(147deg, #5aaaff 0%, #4497ff 74%);
    display:block;
    border-radius: 50%;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    line-height: 100px;
    font-family: sans-serif;
    text-transform: uppercase;
    animation: animate-pulse 3s linear infinite;
    cursor: pointer
}
@keyframes animate-pulse{
    0%{
        box-shadow: 0 0 0 0 rgba(255,109,74,0.7),  0 0 0 0 rgba(255,109,74,0.7);
    }
    40%{
        box-shadow: 0 0 0 50px rgba(255,109,74,0.0),  0 0 0 0 rgba(255,109,74,0.7);
    }
    80%{
        box-shadow: 0 0 0 50px rgba(255,109,74,0.0),  0 0 0 30px rgba(255,109,74,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255,109,74,0.0),  0 0 0 30px rgba(255,109,74,0);
    }

}

.dir-video i{
    font-size:20px;
    color:#fff;
}


.about__company {
    position: relative;
    padding:40px 0px;
}
.about__one-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width:100%;
    animation: 200s linear 0s infinite normal none running wobble;
}
.about__one-shape-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    animation: 200s linear 0s infinite normal none running wobble;
    width:100%;
}
.subtitle-one {
    position: relative;
    text-transform: uppercase;
    color: #031b37;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    padding-left: 55px;
    display: inline-block;
}
.subtitle-one::before{
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0c0000;
}
.about__company-right-title h2 {
    margin-bottom: 30px;
}
.about__company-right-title p {
    margin-bottom: 45px;
    text-align:justify;
    font-weight:300;
}
.subtitle-one::after {
    position: absolute;
    content: "";
    bottom: 6px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0c0000;
}


.timeline {
    position: relative;
    max-width: 100%;
    /*margin: 40px auto;*/
}
.containr {
    padding: 0px 50px;
    position: relative;
    width: 40%;
    animation: movedown 1s linear forwards;
    opacity: 0;
}
@keyframes movedown {
    0% {
        opacity: 1;
        transform: translate(-30px);
    }
    100% {
        opacity: 1;
        transform: translate(0px);
    }
}
/* .text-box { */
/* padding: 20px 30px; */
/* position: relative; */
/* border-radius: 20px; */
/* font-size: 15px; */
/* border: 5px double red; */
/* box-shadow: 0px 0px 3px #000; */
/* background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%); */

/* } */


.text-box {
    background-image:linear-gradient(to right, #c2e6f4 0%, #ffffff 51%, #a4e3ff 100%);
    /*background-image: linear-gradient(to right, #ee9ca7 0%, #ffdde1  51%, #ee9ca7  100%)*/

}
.text-box {
    margin: 10px;
    padding: 10px 30px;
    transition: 0.5s;
    background-size: 200% auto;
    /* color: white;             */
    /*box-shadow: 0 0 20px #eee;*/
    border-radius: 20px;
    display: block;
}

.text-box:hover {
    background-position: right center; /* change the direction of the change here */
    /* color: #fff; */
    text-decoration: none;
}




.text-box:hover {
    filter: drop-shadow(2px 3px 2px #00000080);
    transition:all .3s ease-in;
}
.left-container {
    left: 125px;
}
.right-container {
    left: 50%;
}
.containr i {
    position: absolute;
    border-radius: 50%;
    right: 15px;
    top: 63px;
    z-index: 10;
}
.right-container i {
    left: 15px;
}
.timeline::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: #1881e1;
    top: 0px;
    left: 50%;
    margin-left: -3px;
    z-index: -1;
    animation: moveline 6s linear forwards;
}
@keyframes moveline {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}
.text-box h2 {
    font-weight: 600;
}
.text-box small {
    display: inline-block;
    margin-bottom: 5px;
}
.left-container-arrow {
    height: 0;
    width: 0;
    position: absolute;
    top: 28px;
    z-index: 1;
    border-top: 15px soild transparent;
    border-bottom: 15px soild transparent;
    border-left: 15px soild red;
    right: -15px;
}
.containr:nth-child(1) {
    animation-delay: 0s;
}
.containr:nth-child(2) {
    animation-delay: 1s;
}
.containr:nth-child(3) {
    animation-delay: 2s;
}
.containr:nth-child(4) {
    animation-delay: 2s;
}
.containr:nth-child(4) {
    animation-delay: 3s;
}
.containr:nth-child(5) {
    animation-delay: 4s;
}
.containr:nth-child(6) {
    animation-delay: 5s;
}
.containr:nth-child(7) {
    animation-delay: 6s;
}
.containr:nth-child(8) {
    animation-delay: 7s;
}
@media screen and (max-width: 600px) {
    .timeline {
        margin: 50px auto;
    }
    .timeline::after {
        left: 31px;
    }
    .containr i {
        display:none;
    }
    .containr {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .text-box {
        font-size: 13px;
    }
    .text-box small {
        font-size: 10px;
    }
    .right-container {
        left: 25px;
    }
    .left-container {
        left: 25px;
    }
    .left-container img {
        left: 0px;
    }
    .right-container img {
        left: 3px;
    }
}

.about__company-left-experience {
    text-align: center;
    position: absolute;
    left: 35%;
    bottom: 20px;
    background: linear-gradient(-45deg, #025ec6, #0655c2, #23a6d5, #90d8ff);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite;
    width: 190px;
    animation: gradient 15s ease infinite;
    height: 200px;
    padding: 40px 35px;
}
.about__company-left-experience h2 {
    color: #fff;
}
.about__company-left-experience h6 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}
.about__company-left-image img{
    width: 50%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.des-history{
    text-align:center;
    padding:20px 0 0;
    /*margin-top:20px;*/
}
/*.des-history h2{*/
/*    padding: 10px 0;*/
/*    font-size: 42px;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*    margin-bottom: 6px;*/
/*    background: -webkit-linear-gradient(#ff0000, #000000);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*}*/
/*.service-section h2{	*/
/*    padding: 10px 0;*/
/*    font-size: 42px;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*    margin-bottom: 6px;*/
/*    background: -webkit-linear-gradient(#ff0000, #000000);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*}*/
.company__history-area-item-right-content-date {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}
.company__history-area-item-right-content-date span {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    background: #1881e1;
    padding: 7px 15px;
    padding-left: 10px;
    padding-right: 29px;
    clip-path: polygon(0 0, 100% 0, 81% 50%, 100% 99%, 0 100%, 0% 50%);
}

.ab-1{
    text-align: center;
    margin: 0 auto;
    width: 80%;
    padding: 30px 0;

}

.service-section p {
    width: 80%;
    text-align: center;
    margin: 10px auto 20px;
}




.pattern-5 {
    top: 0%;
    position: absolute;
    opacity: 0.6;
    width: 100%;
    animation: jump-2 5s linear infinite;
}
@keyframes jump-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.agriculture-cont{
    padding:40px 0;
    position:relative;
}
.tabs-left {
    border-bottom: none;
}

.tabs-left>li {
    float: none;
    margin: 0px;
    width: 100%;
    border-bottom: 1px solid #42699e;
}


.tabs-left>li {
    /*background-image: linear-gradient(to right, #1586f1 0%, #54abff 51%, #54abff 100%);*/
}
.tabs-left>li {

    margin: 3px 10px;
    /*transition: 0.5s;*/
    background-size: 200% auto;
    color: #42699e;
    /*box-shadow: 0 0 20px #eee;*/
    /*border-radius: 10px;*/
    display: block;
    padding:10px 2px;
}

.tabs-left>li:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
    border: 2px solid #42699e;
    border-radius: 10px;
    background-color: #e1ebfb;
}


.tabs-left>li a {

    color: #42699e;
    font-weight: bold
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    /*background-image:linear-gradient(to right, #a9d5ff 0%, #bcdeff 51%, #6eb8ff 100%);*/
    /*background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);*/
    border:none;
    border-radius:10px;
    margin:0px;
    color:#42699e;
}
.nav-tabs>li>a:hover {
    background:transparent !important;
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.tabs-left>li.active>a::after{
    content: "";
    position: absolute;
    top: 2px;
    right: -17px;
    border-top: 19px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 21px solid #2f82ff;
    display: block;
    width: 0px;
}
.about-survay h4{
    font-size:15px;
    margin-bottom:10px;
    color:#d60000;
}
.about-survay{
    padding:20px 0;
}
.about-survay h2{
    font-size:25px;
    margin-bottom:10px;
}
.about-survay p{
    text-align: justify;
    font-weight: 300;
}
.tab-content{

    border: 2px solid #aaaa;
    border-radius: 20px;
    padding: 10px;
    background: #ffffff99;
}
.survay-process h3{
    font-size: 20px;
    /* color: #880303; */
    font-weight: 600;
    margin: 19px auto;
}
.survay-process {
    text-align: center;
    margin:0 auto;
}
.survay-box1 h4{
    font-size: 18px;
    color: #fe542e;
    font-weight: 700;
    margin-bottom:10px;
}
.survay-box1:hover{
    box-shadow: 2px 2px 7px;
    transition:all .2s ease-in;
}
.survay-box1{
    padding: 30px 30px 30px 30px;
    width: 31% !important;
    text-align: center;
    margin: 10px auto;
    border-radius: 20px;
    background: #e7efff;
}
.survay-box1 span{
    /*position: absolute;*/
    font-size: 30px;
    padding: 8px;
    background: #42699e;
    border-radius: 20px;
    top: -15px;
    left: 40px;
    color: #fff;
    font-weight: bolder;
    height: 60px;
    width: 60px;
    rotate: -21deg;
}
.patrn-6{
    z-index:-1;
    position: absolute;
    width: 45%;
    opacity: 0.12;
    left: 87px;
    top: 120px;
    animation:jump-2 5s linear infinite;
}
.group-a{
    width: 300px;
    float: left;
    clear: both;

}
.group-a label{
    margin:10px;
}
.group-a .about-one__btn-box {
    position: relative;
    display: block;
    top: 28px;
    left: 30px;
}




.nice-select {
    width:260px !important;
}
.nice-select ul {
    width:100% !important;
}
.dash-form {
    padding:30px 30px;
    border:2px solid #aaaa;
    border-radius:20px;
    margin-top:30px;
    background: radial-gradient(circle, rgb(194 206 255 / 97%) 0%, rgb(204 226 255) 100%);
}
.dash-form h2{
    margin-bottom: 20px;
    color: #42699e;
    font-weight:600;
}
.about__data-left-image img {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.about__company-right h4{
    font-weight:300;
    font-size:21px;
    margin-bottom:20px;
}
.about__company-right ul li{
    padding-left:20px;
}
.about__company-right ul li{
    font-weight:300;
    font-size:17px;
    line-height:30px;
}
.img-urun-container {
    margin: 5px;
    color: white;
    display: flex;
    flex-wrap: wrap;
}
.type1 {
    flex-grow: 1;
    height: 240px;
    margin: 5px;
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.type1 img {
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    margin: 0px;
    height: 245px;
    filter: brightness(25%);
    transition: 0.5s;
}
.type1:hover img {
    transition: 0.5s 0.4s;
    filter: brightness(60%);
    transform: scale(1.5);
}
.type1 h2,
.type1 p,
.type1 a {
    z-index: 10;
}
.type1 h3 {
    margin: 0 auto;
    position: absolute;
    text-align: center;
    color: #fff101;
    z-index: 1;
    font-size: 17px;
    left: 143px;
    top: 17px;
}
.type1 p {
    position: absolute;
    top: 95px;
    font-size: 21px;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.type1 a {
    font-size: 16px;
    position: absolute;
    margin-top: 150px;
    margin-left: 20px;
    text-decoration: none;
    padding: 7px;
    border-radius: 5px;
    color: white;
    border: 2px solid white;
    transition: 0.3s;
}

.type1 a:hover {
    background: #fff;
    color: #000;
}
.data-type h2{
    color: #850000;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 10px auto;
    padding-bottom: 15px;
}

.procid-box{
    padding: 20px;
    background: #dbe7fb;
    border-radius: 31px;
    margin: 15px;
    width: 31%;
    border: 5px solid #02009c;
}
.procid-box i{
    font-size: 39px;
    background: #707ee5;
    padding: 10px;
    border-radius: 20px;
    color: #fff;
    margin-bottom: 10px;
}
.procid-box h3{

    font-size: 26px;
    font-weight: 400;
    padding-bottom: 20px;
}
.procid-box ul {
    padding:0 10px;

}
.procid-box ul li{
    font-size: 17px;
    font-weight: 300;
}
.procid-box ul li:before {
    content: "\f19b";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #ffa000;
    padding-right: 10px;
}


/*----------tender page--------*/
/*----------start--------------*/
.tendpage{
    margin:10px auto;
}
.tenadv .nav{
    border:none;
}
.tender-section{
    background:url(../images/shape-5.png) no-repeat left top;
    background-size:contain;
    padding:30px 0;
}

.tenadv .tab-content{
    border: 0px solid #aaaa !important;


}
.tenadv .nav-tabs li {
    float: left;
    border: 1px solid #bbb4b466;
}
.nav-tabs .nav-link.active{

    box-shadow: 0px 0px 2px;
    transition:all ease-in .5s;
}
.tendform {
    width: 100% !important;
    background: #fff;
    box-shadow: 1px 2px 6px #9e9e9e;
    padding: 26px !important;
    /* margin-left: 13px; */
}
.te1{
    float:left;
    margin:10px;
}
.te1 p{
    margin-top: 32px;
}
.te1 label{

    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    width: 130px;
    color: #000;
    float:none;
}
.te1 input {
    background: #fff;
    width: 118px;
    height: 34px;
    line-height: 30px !important;
    border: 1px solid #bbb;
    box-shadow: 0 0 5px #ccc;
    padding: 0px 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    margin-bottom: 10px !important;
}
.te2 input[type="submit"],
.te2 input[type="button"] {
    width: 120px;
    height: 35px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    border: 0 none;
    box-shadow: 0 0 0px #ccc;
    background: #0c5ca5;
    border-radius: 8px;
    transition: all 0.5s ease-out;
    margin-left: 0;
    margin-top: 38px!important;
}
.te2 input:hover[type="submit"]{
    background: red;
    color: #000;
    box-shadow: 2px 3px 2px #000;

}
.te2 input:hover[type="button"]{
    background: red;
    color: #000;
    box-shadow: 2px 3px 2px #000;

}
.tenbox {
    border: 1px solid #bfb6b6;
    padding: 7px !important;
    border-radius: 7px;
    /* margin: 12px !important; */
    transition: all ease-in .5s;
    margin-top:15px;
}
.DESO-pulse2 img{
    width:50px;
}
.tenbox:hover{
    transform:scale(1.01);
    background:#fff;
    box-shadow:0px 0px 6px #000;
    background:url(../images/shape/partnr-3.png) no-repeat left top;
    background-size:cover;
}
.tender-number {
    padding: 5px;
    background-color: #0C5CA5;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
}
.tender-number span {
    color: #befda6;
    font-size: 15px;
    font-weight: 600;
}
.imp-date {
    font-size: 12px;
    font-weight: 600;
    line-height: .9;
    padding: 30px 0px;
    text-align: center;
    background-color: #00147d;
    color: #fff;
    border-radius: 5px;
    margin: 5px 0;
    width: 100%;
    transition: .4s ease-in;
}
.closing-date {
    width: 100%;
    border-radius: 3px;
    border-radius: 10px;
    margin-top: 5px;
}
.closing-date .closing-date-year {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 3px;
}
.closing-date .closing-date-month {
    background-color: #fbff00;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    font-size: 12px;
}
.closing-date .closing-date-day {
    background-color: #002750;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    font-size: 25px;
    border-radius: 0 0 10px 10px;
}
.closing-date .closing-date-time {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}
.sidac-pulse2 img{
    width:38px;
    font-size:10px;
}
.tender-matter p {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
}
.td{
    font-size: 14px;
    font-weight: 400;
}
.td ul li i{
    margin-right:10px;
    font-size:13px;
}
/*----------tender page--------*/
/*----------end--------------*/

.fdback-from{
    padding:40px;
}
.fd-frm form {
    width: 527px;
    margin: 0 auto;
    height: auto;
    padding: 30px;
    background: #dddddd;
    border-radius:15px;
}
.fd-frm label {
    font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #000;
    padding:0;
    margin-bottom: 5px;
}
.fd-frm select {
    background: #ffffff;
    width: 464px;
    height: 36px;
    line-height: 30px;
    border: 1px solid #bbb;
    padding: 0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 6px;
}
.fd-frm input {
    background: #fff;
    width: 464px;
    height: 36px;
    line-height: 30px;
    border: 1px solid #bbb;
    box-shadow: 0 0 5px #ccc;
    padding: 0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}
.fd-frm textarea {
    background: #fff;
    width: 470px;
    height: 73px;
    line-height: 175%;
    border: 1px solid #bbb;
    box-shadow: 0 0 5px #ccc;
    padding: 0 5px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 7px;
}
.fd-frm .nice-select {
    width:100% !important;
}
/* feedback page end */








/*===============contact page =================*/
/*.map{*/
/*    margin: 20px*/
/*}*/

.fd-imgd h3{
    padding: 15px 0 4px 0;
    font-weight: 600;
    font-size: 28px;
    background: -webkit-linear-gradient(#001a53, #0050ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fd-imgd p{
    text-align:justify;
    font-weight:300;
}

/* =================new css================= */

.datavisual-section{
    padding:40px 0;
}

/* .sp:before { */
/* content: ""; */
/* background-image: url(../images/appli-linebg.svg); */
/* position: absolute; */
/* content: ''; */
/* width: 100%; */
/* height: -webkit-fill-available; */
/* background-repeat: no-repeat; */
/* top: -53px; */
/* left: 53%; */
/* opacity: 0.1; */
/* z-index: -2; */
/* animation: wobble 300slinear infinite; */
/* background-size: cover; */
/* } */
/* tender notice */


.ab {
    background:#d8ebff;
    /*background: #ffd47f;*/
    /* background: linear-gradient(90deg, rgba(255, 153, 24, 1) 0%, rgba(255, 122, 25, 1) 100%); */
    padding: 10px;
    border-radius: 7px;
}
.ab .nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid #000000!important;
}
.nav-tabs li{
    float:left;
}
.ab .tab-content ul{
    margin:20px 0;
    padding:0;
}
.ab .tab-content ul li{

    padding-left: 0;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.ab{
    height:auto;
    overflow:hidden;
}
.ab marquee{
    height:300px;
}
.ab .tab-content ul li a{
    color: #333;
    font-size: 14px;
    padding: 5px 0;
    display: block;
    border-bottom: 1px solid #000;
}
.ab .tab-content ul li:nth-child(3n+1){
    /* background:url(../images/press1.svg) no-repeat left top; */
    background-size:100%;
}
.ab .tab-content ul li:nth-child(3n+2){
    /* background:url(../images/press2.svg) no-repeat left top; */
    background-size:100%;
}
.ab .tab-content ul li:nth-child(3n+3){
    /* background:url(../images/press3.svg) no-repeat left top; */
    background-size:100%;
}
.ab{
    /* margin-left: 60px!important; */
    width: 100%!important;
}
.abt p{
    font-size: 16px;
    text-align: justify;
    font-weight: 500;

}
.abt a{
    float: right;
    background: #0a58ca;
    color: #fff;
    height: 53px;
    padding: 18px;
    line-height: 1px;
    font-size: 18px;
    font-weight: 500;

}
.ab {
    /* margin-left: 60px !important; */
    width: 100% !important;
}
.abt  a {

    background-image: linear-gradient(to right, #f89050 0%, #e74c3c 51%, #000000 100%);
}
.abt  a{
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.abt  a:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}


.abt h1{
    /* background: #0a58ca; */
    width: 100%;
    text-align: left;
    color: #e55740;
    padding: 8px 0;
    font-size: 29px;
    position: relative;
    /* left: -40px; */
    font-weight: 400;
    border-bottom: 1px solid;
}
.abt span{
    font-size: 21px;
    font-weight: 400;

}
.ab .nav-tabs .nav-link.active, .ab .nav-tabs .nav-item.show .nav-link {
    color: #fff;

    background-color: #006bab;
    border-color: #006bab;

}
.ab .nav-tabs .nav-link {

    background: #ddd;
    color: #003a5b;
    margin: 6px 5px;
    padding: 6px;
    font-size: 14px;
    border:1px solid #003a5b;
}
.dist-img img{
    width:100%;
}
#block-5tbottom {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 40px;
}
#block-5tbottom p {
    margin: -22px;
    margin-bottom: -13px;
    margin-left: -35px;
    padding: 13px;
}
#block-5tbottom p {
    margin-right: 15px !important;
    float: left;
}
#block-5tbottom a {
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #f36051;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 18px;
    transition: 0.2s;
    background-color: #033454;
}
#block-5tbottom a {
    font-size: 11.7px;
}
.bm{
    padding:0 !important;
    margin:0 !important;
}
.cm-sbar{
    padding:0 !important;
    margin:0 !important;
    background:#fff;
    text-align:center;
}
.cm-sbar img {
    width: 94%;
    text-align: center;
    padding-top: 18px;
}
.eventgallery{
    background:#fff;
    padding:20px 0;
}
.gall-h2{
    text-align: center;
    font-weight: 600;
    font-size: 45px;
}
.lhead {
    padding: 0px;

}
.lhead .odi-lg{
    padding:10px;
}


/* tender notice */






/* card expanded */

/* <!-- Budget Allocation and Expenditure --> */

.budget:after{
    background: #e7e8f1;
    opacity: 0.65;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.budget{
    /*background:url(../images/budget-bg.jpg) left top no-repeat;?*/
    background-size:cover;
    width:100%;
    height:auto;
    background-position:100% 100%;
    position:relative;
    padding-top: 53px;
    padding-bottom: 27px;

}
.budget-box.active .box-hover{
    background-color: rgba(39, 50, 114, 0.9);

}
.budget-box{
    z-index: 9;
    background: #fff;
    padding: 16px;
    margin: 14px auto;
    width: 32% !important;
    min-height:138px;
}
.budget-box .icon-bx-wraper .icon-content   ul li i:hover {
    color:#fff;
}
.bdg-box img{
    animation:jump-2 10s linear infinite;
}
.bdg-box{
    width: 239px;
    text-align: center;
    margin: 0 auto;

}

.budget-box .text-primary i {
    font-size: 30px;
    position: relative;
    /* left: 57px; */
    /* top: 0px; */
    color: #8e91a2;
}
.budget-box .icon-bx-wraper  .icon-content h5{
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    margin: 10px auto;
    color:#000;
}
.budget-box .icon-bx-wraper .icon-content  ul li {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 30px;
}
.budget-head{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 50px;
    z-index:1;
}
.budget-head p{
    padding-top: 10px;
    font-size: 16px;
    color: #000;

}





/* <!-- Budget Allocation and Expenditure --> */






/* card expanded */


.publication-section p {
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding-bottom: 25px;
}

.publication-section{

    padding:40px 0;
}

/*===============contact page =================*/
/*.map{*/
/*    margin: 20px*/
/*}*/

.fd-imgd h3{
    padding: 15px 0 4px 0;
    font-weight: 600;
    font-size: 28px;
    background: -webkit-linear-gradient(#001a53, #0050ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fd-imgd p{
    text-align:justify;
    font-weight:300;
}
.cc{
    padding:40px;
}
.welcome {
    padding: 30px;
    background: url(../images/contactbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    position:relative;
}
.icn1 ul{
    padding:0;
}
.cc .cfaq{
    font-size: 32px;
    color: #0a58b3;
    border-bottom: 2px solid #a7a7a7;
    padding-bottom: 10px;
    font-weight: 400;
}
.cc span{
    font-size: 20px;
    text-align:left;
    padding:0;
    margin:0;
    margin-top:5px;
}
.cc p{
    font-size: 15px;
    text-align: left;
    padding: 0;
    margin-left: 59px;
    margin-top: 5px;
    font-weight: 400;
    margin-bottom: 27px;
}
.cc img{
    width: 596px;
    margin-top: 10px;
    float: left;
    margin-right: 15px;
}
.icn1{
    float:left;
    margin-right:20px;
}
.icn1 ul li {
    background-color: #2a6ddb;
    animation: fadeIn 8s;
}
.icn1 ul li i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 4px;
}
.cc-ic h3{
    font-size: 23px;
    text-transform: none;
    margin-bottom: 0;
    margin-top: 25px;
    font-weight: 600;
}
.cc-ic p{
    margin-bottom: 12px;
}
/* .social-icons{ */
/* padding-left:55px; */
/* } */
.cc p {
    font-size: 17px;
    text-align: left;
    /* padding-left: 60px; */
    margin: 0;
    margin-top: 5px;
    font-weight: 400;
    margin-bottom: 27px;
}
.t-cnt ul{
    width:160px;
    margin:0 auto!important;
}
.btn button:hover{

    background-color:#a45a3b;
}
.cn-f {
    position: relative;
    top: 0;
    left: 0;
}
.cn-f2 {
    position: relative;
    top: 0;
    left: 0;
}
.cn-f img {
    width: 141px;
    position: absolute;
    z-index: 99;
    height: auto;
    bottom: 23%;
    right: 0;
    animation: slideInRight 6s;
}
.cn-f2 img {
    width: 141px;
    position: absolute;
    z-index: 99;
    height: auto;
    bottom: -10px;
    left: 44%;
    animation: fadeInBig 5s;
}
.forrm {
    height: auto;
    background: linear-gradient(90deg, rgb(36 126 226) 91%, rgb(43 132 213) 94%, rgb(17 80 114) 104%);
    padding: 18px;
    position: relative;
    width: 46% !important;
    margin: 15px auto;
    background-size: auto;
    text-align: center;
    border: 4px solid #ffffff;
    border-radius: 22px;
    filter: drop-shadow(2px 4px 6px black);
}
.forrm h3{
    color: #ffffff;
    font-size: 47px;
    margin: 16px;
    text-align: center;
    font-weight: 400;

}
label{
    /*font-family: 'Poppins';*/
    font-size: 17px;
    font-weight: 600;
    width: 180px;
    display: inline-block;
    color: #000;
    float: left;
    text-align: left;
    padding: 0 20px;
    /* animation: fadeIn 5s; */
}
input {
    background: #f4f4f4;
    width: 322px;
    height: 34px;
    line-height: 30px !important;
    border: 1px solid #bbb;
    /*box-shadow: 0 0 5px #ccc;*/
    padding: 0px 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 10px !important;
}


textarea{

    background:#f4f4f4;
    width:322px;
    height:80px;
    line-height:175%;
    border:1px solid #bbb;
    /* box-shadow:0 0 5px #ccc; */
    padding:0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    font-weight:normal;
    color:#000;
    /* margin-bottom:15px !important; */
}
input[type="submit"]{
    width: 141px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-top: 13px !important;
    background-size: 100%;
    padding: 0;
    border: 0 none;
    box-shadow: 2px 2px 0px #191414;
    cursor: pointer;
    background: #d0d0ff;
    border-radius: 14px;
    transition: all 0.5s ease-out;
    /* margin-right: 5px; */
    /* margin-left: 130px; */
}
input:hover[type="submit"]{
    background: #dfcf69;
    color: #000;
    box-shadow: 2px 3px 2px #000;

}
input[type="reset"]{

    width: 141px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
    background-size: 100%;
    padding: 0;
    border: 0 none;
    box-shadow: 2px 2px 0px #191414;
    cursor: pointer;
    background: #d0d0ff;
    border-radius: 14px;
    transition: all 0.5s ease-out;
}

/* triangle */
.popup-youtube::after {
    content: "";
    position: absolute;
    left: 15%;
    top: 52%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #493102;
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.popup-youtube:before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgb(190 180 0 / 75%);
    top: 70px;
    left: 151px;
    background: rgb(215 134 14 / 88%);
}
/* contact page end */


.deso-navmenu{
    margin-right:1px !important;
}

.datavisual-section h2{
    padding: 20px 0;
    font-weight: 600;
    font-size: 30px;
    color: #000;
    background:#42699e;
    /*background: -webkit-linear-gradient(#0d00ef, #031952);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* =================new css================= */



/* =====================rate-slider==================== */

#news-slider{
    margin-top: 20px;
    bottom: 212px;
    z-index: 99;
    background: #aaaa;
    border-radius: 20px;
}
.rateslider-section{
    margin-bottom:-230px;
}


.post-slide{
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;

}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    min-height: 150px;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(184 175 175 / 19%) 63%, rgb(183 177 176 / 28%) 100%);
    padding: 10px 20px;
    border-radius: 15px;
}
.post-slide .post-content:hover{
    background: linear-gradient(180deg, rgb(184 175 175 / 19%) 63%, rgb(150 21 0 / 28%) 100%);
    transition: all .7s ease-in;

}

.post-slide .post-title a{
    font-size:20px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:10px;
}


.post-slide .post-date{
    color: #b82b02;
    font-size: 26px;
    font-weight: 600;
}
.post-slide .post-date i{
    font-size:26px;
    margin-right:8px;
    color: #b82b02;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #fff;
    position: absolute;
    top:35%;
    left:1%;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    top:35%;
    right: 1%;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
}
.owl-carousel .owl-item {
    text-align:center;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
        text:center;
    }
}

.pu-book{
    background:url(../images/pbook.png) no-repeat left top;
    background-size:cover;
}

.bookcover{
    margin-top: 77px;
    margin-left: 38px;
    width: 275px;
    height: 356px;
}
.p-book .about-one__btn-box{
    margin-top:25px !important;
}

.publication-category label{
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 300;
}

.publication-category .nice-select  {
    margin: 25px auto;
    padding-bottom: 10px;
    width: 400px !important;
}


.map-section{
    position:relative;
}
.data-button{
    position:absolute;
    right: 25%;
    bottom: 6%;
}
.odishamap-data{
    height: 500px;
    overflow: auto;
}
thead th {
    font-size: 15px;
    color: #fff;
    background: #2f72bb;
    padding: 5px 15px;
    line-height: 30px;
    text-align:left;
}
table tr {
    line-height: 45px;
}
table tbody tr:hover {
    background: #fff !important;
}
tbody tr td{
    margin:0 auto;
    font-size: 17px;
    padding: 5px 15px;
    line-height: 30px;
    text-align:left;
}
tbody tr:nth-child(odd) {
    background-color: rgb(227 230 255 / 48%);
    border-bottom: 0.5px solid #000;
}
tbody tr:nth-child(even) {
    background-color: rgb(212 230 246);
    border-bottom: 0.5px solid #000;
}
.about-one__points h3:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #dd0000;
    padding-right: 10px;
}

/* =====================rate-slider==================== */




/* =====================organizational-chart==================== */

.organization-content p{
    width: 80%;
    text-align: center;
    margin: 10px auto;

}
.organization-section{
    position:relative;
    padding-top:30px;
}




.site-name{
    padding: 10px 0 5px 0;
    border-radius: 10px;
    color: #fff;
    background: #3e50b4;
    /*background: -webkit-linear-gradient(left top, #3e50b4, #2196F3);*/
    /*background: -o-linear-gradient(bottom right, #3e50b4, #2196F3);*/
    /*background: -moz-linear-gradient(bottom right, #3e50b4, #2196F3);*/
    background:linear-gradient(to bottom right, #4b74ce, #628dec);
    width: 300px;
    text-align: center;
    margin: 0 auto !important;
}
.outborder {
    display: inline-block;
}
.site , .subdomain ,.subdomain2 , .redirects , .host , .email ,.email2 , .dns{
    display: inline-block;
    background-size: 4762px 48px;
    width: 48px;
    height: 48px;
    background-image: url(http://www.rayan.co/uploads/icon_spritemap.svg);
}
.chart-text {
    display: block;
    padding:5px 0 8px 0 !important;
    font-size: 16px;
    color: #a40000;
    font-weight: bold
}
.subchart-text {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: url(http://www.rayan.co/uploads/right.png) no-repeat left;
    display: block;
    padding:5px 0 5px 20px !important;
    font-size: 14px;
    color: #484848;
    font-weight: bold
}
.subchart-text:hover {
    color: #fff;
}
.site {
    background-position: -3654px 0;
}
.subdomain {
    background-position: -3919px 0;
}
.subdomain2 {
    background-position: -106px 0;
}
.redirects {
    background-position: -3389px 0;
}
.host {
    background-position: -4501.9px 0;
}
.email {
    background-position: -1483px 0
}
.email2 {
    background-position: -1325px 0;
}
.dns {
    background-position: -4713.9px 0;
}

@media screen and (max-width: 64em) {
    ol.organizational-chart > li > div:first-of-type:after , ol.organizational-chart > li > div:before {
        display: none;
    }
    ol.organizational-chart > li > ol:before {
        left: 49.5%!important;
        right: 0;
    }
    ol.organizational-chart > li > ol:after {
        left: 0;
        width: 50%!important;
    }

}

.text-holder {
    display: inline-block;
    font-size: 23px;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 10px;
    line-height: 45px;
    text-align: left;

}
.text-holder span{
    font-size: 13px;
    display: block;
}
.img-holder{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    padding: 4px;
}
.img-holder img{
    width: 100%;
}


ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
    position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.organizational-chart {
    text-align: center;
    border-bottom: 2px dotted #980000;

}

ol.organizational-chart ol {
    padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
    background-color: #c6c6c6;
    content: '';
    position: absolute;
}

ol.organizational-chart ol > li {
    padding: 1em 0 0 1em;
}

ol.organizational-chart > li ol:before {
    height: 1em;
    left: 50%;
    top: 0;
    width: 3px;
}

ol.organizational-chart > li ol:after {
    height: 3px;
    left: 3px;
    top: 1em;
    width: 50%;
}

ol.organizational-chart > li ol > li:not(:last-of-type):before {
    height: 3px;
    left: 0;
    top: 1.7em;
    width: 1em;
}

ol.organizational-chart > li ol > li:not(:last-of-type):after {
    height: 100%;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart > li ol > li:last-of-type:before {
    height: 3px;
    left: 0;
    top: 1.7em;
    width: 1em;
}

ol.organizational-chart > li ol > li:last-of-type:after {
    height: 1.7em;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart li > div {

}

/*** PRIMARY ***/
ol.organizational-chart > li > div {

}

ol.organizational-chart > li > div:before {
    bottom: 2em;
    height: 3px;
    right: -1em;
    width: 1em;
}

ol.organizational-chart > li > div:first-of-type:after {
    bottom: 0;
    height: 2em;
    right: -1em;
    width: 3px;
}

ol.organizational-chart > li > div + div {
    margin-top: 1em;
}

ol.organizational-chart > li > div + div:after {
    height: calc(100% + 1em);
    right: -1em;
    top: -1em;
    width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
    left: inherit;
    right: 0;
}

ol.organizational-chart > li > ol:after {
    left: 0;
    width: 100%;
}

ol.organizational-chart > li > ol > li > div {
    border: 3px solid #c6c6c6;
    display: block;
    border-radius: 10px;
    padding: 10px 0 5px 0;
}

/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
    display: list-item;
    text-align: left;
    border: 3px solid #aaaa;
    background-color: #3f77ce;
    /*background-image: linear-gradient(225deg, #a30ba3 0%, #106d78 100%);*/
    color: #fff;
    border-radius: 16px;
    width:290px;
}

/*** QUATERNARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
    background-color: #fca858;
}

/*** QUINARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
    background-color: #fddc32;
}

/*** MEDIA QUERIES ***/
@media only screen and ( min-width: 64em ) {

    ol.organizational-chart {
        margin-left: -1em;
        margin-right: -1em;
    }

    /* PRIMARY */
    ol.organizational-chart > li > div {
        display: block;
        float: none;
        margin: 0 1em 1em 1em;
        vertical-align: bottom;
    }

    ol.organizational-chart > li > div:only-of-type {
        margin-bottom: 0;
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
        width: calc((100% / 2) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
        width: calc((100% / 3) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
        width: calc((100% / 4) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
        width: calc((100% / 5) - 2em - 4px);
    }

    ol.organizational-chart > li > div:before,
    ol.organizational-chart > li > div:after {
        bottom: -1em!important;
        top: inherit!important;
    }

    ol.organizational-chart > li > div:before {
        height: 1em!important;
        left: 50%!important;
        width: 3px!important;
    }

    ol.organizational-chart > li > div:only-of-type:after {
        display: none;
    }

    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        bottom: -1em;
        height: 3px;
        width: calc(50% + 1em + 3px);
    }

    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
        left: calc(50% + 3px);
    }

    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        left: calc(-1em - 3px);
    }

    ol.organizational-chart > li > div + div:not(:last-of-type):after {
        height: 3px;
        left: -2em;
        width: calc(100% + 4em);
    }

    /* SECONDARY */
    ol.organizational-chart > li > ol {
        display: flex;
        flex-wrap: nowrap;
    }

    ol.organizational-chart > li > ol:before,
    ol.organizational-chart > li > ol > li:before {
        height: 1em!important;
        left: 50%!important;
        top: 0!important;
        width: 3px!important;
    }

    ol.organizational-chart > li > ol:after {
        display: none;
    }

    ol.organizational-chart > li > ol > li {
        flex-grow: 1;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }

    ol.organizational-chart > li > ol > li:only-of-type {
        padding-top: 0;
    }

    ol.organizational-chart > li > ol > li:only-of-type:before,
    ol.organizational-chart > li > ol > li:only-of-type:after {
        display: none;
    }

    ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        height: 3px;
        top: 0;
        width: 50%;
    }

    ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
        left: 50%;
    }

    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        left: 0;
    }

    ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
        height: 3px;
        left: 0;
        top: 0;
        width: 100%;
    }

}

/*=====================organizational-chart==================== */



/*=====================act & policy==================== */
.act-cont h5{
    font-size: 17px;
    margin-bottom: 10px;
}
.act-cont h2{
    font-weight: 700;
    color: #bf5200;
    font-size: 30px;
    margin: 20px 0 10px 0;
}
.act-cont ul li{
    font-weight: 300;
}
.act-cont ul{
    padding-left:30px !important;
}
.act-cont ul li:before {
    content: "\f061";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #ffa000;
    padding-right: 10px;
}
.act-cont{
    position:relative;
}
.act-doc{
    position: relative;
    bottom: -19px;
    left: 29px;
}



/*=====================act & policy==================== */




.request-form h3 {
    color: #850000;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 10px auto;
    padding-bottom: 15px;
}
.modal-content-inner h4 {
    font-weight: bold;
    margin: 0 0 1.5rem;
    font-size:16px;
}
.form-group{
    margin-bottom:20px;
}
#title {
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 15px;
    font-size: 2.5rem;
}

#description {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-style: italic;
}

#survey-form {
    display: flex;
    flex-direction: column;
}



label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
select,
textarea {
    
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 5px rgba(102, 126, 234, 0.5);
}

.radio-group,
.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.radio-group label,
.checkbox-group label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 8px;
}

textarea {
    resize: vertical;
    min-height: 100px;
}

#submit {
    background-color: #b40000;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    width: 166px;
    transition: background-color 0.3s ease;
}

#submit:hover {
    background-color: #5a4fd1;
}

@media (max-width: 600px) {
    /*.container {*/
    /*    padding: 20px;*/
    /*    margin: 0 10px;*/
    /*}*/

    .radio-group,
    .checkbox-group {
        flex-direction: column;
    }
}

.road-map-main {
    margin: 50px 0 51px;
}
.road-map-main .road-map-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 176px;
}
@media (max-width: 991px) {
    .road-map-main .road-map-wrapper {
        margin-bottom: 25px;
        height: auto;
        display: block;
    }
}
.road-map-main .road-map-wrapper::before {
    content: "";
    width: 100%;
    clear: both;
    display: block;
}
.road-map-main .road-map-wrapper::after {
    content: "";
    width: 100%;
    clear: both;
    display: block;
}
.road-map-main .road-map-wrapper .road-map-circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 25px solid transparent;
    border-top-color: #c2e6f4;
    border-right-color: #c2e6f4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
}
@media (max-width: 992px) {
    .road-map-main .road-map-wrapper .road-map-circle {
        position: unset;
        border: 25px solid #c2e6f4;
    }
}
.road-map-main .road-map-wrapper .road-map-circle .road-map-circle-text {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #eb0d0de0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
    color: #fff;
    box-shadow: 0px 0px 10px 5px #00000021;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg);
}
.road-map-main .road-map-wrapper .road-map-card {
    width: 35%;
    background-color: #FFE53B;
    background-image: linear-gradient(147deg, #c2e6f4 0%, #c2e6f4 74%);
    padding: 20px 20px;
    z-index: 1;
    position: absolute;
    right: 0;
    border-radius: 5px;
}

.road-map-main .road-map-wrapper .road-map-card::before {
    content: "";
    width: 23%;
    height: 20px;
    background: #c2e6f4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -23%;
    z-index: -1;
}
@media (max-width: 991px) {
    .road-map-main .road-map-wrapper .road-map-card {
        width: 100%;
        margin-top: 30px;
        position: unset;
    }
    .road-map-main .road-map-wrapper .road-map-card::before {
        content: "";
        width: 20px;
        height: 30%;
        top: 50%;
        transform: translateX(-50%);
        left: 50%;
    }
}
@media (max-width: 425px) {
    .road-map-main .road-map-wrapper .road-map-card {
        top: 45%;
    }
}
.road-map-main .road-map-wrapper .road-map-card .card-head {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 15px;
    color: #000;
}
.road-map-main .road-map-wrapper .road-map-card .card-text {
    color: #000;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .road-map-main .road-map-wrapper .road-map-card .card-text {
        -webkit-line-clamp: 4;
    }
}
.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {
    border-bottom-color: #c2e6f4;
    border-left-color: #c2e6f4;
    border-top-color: transparent;
    border-right-color: transparent;
}
@media (max-width: 991px) {
    .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {
        border-color: #7a7bd7;
    }
}
.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card {
    left: 0;
}
.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
    right: -23%;
    left: unset;
}
@media (max-width: 991px) {
    .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
        content: "";
        width: 20px;
        height: 30%;
        top: 50%;
        transform: translateX(-50%);
        left: 50%;
    }
}
@media (max-width: 425px) {
    .road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {
        top: 45%;
    }
}
.notification-list ul{
    padding-left:30px !important;
}
.notification-list ul li{
    line-height:30px;
    list-style:decimal !important;
}
.notification-list ul li a{
    color:#000;
}
.notification-list ul li:hover{
    transform: translateX(8px);
    transition:all .7s ease-in;
    color:#920202;
}
.notification-list{
    background: #ded3d347;
    border: 3px dashed #000;
    border-radius: 20px;
    padding: 20px;
}


.calender-list {
    background: #ded3d347;
    border: 3px dashed #000;
    border-radius: 20px;
    padding: 20px;
    margin: 20px;
    width: 46%;
}
.survay-section p{
    text-align: center;
    padding: 20px 83px;
    margin: 0 auto;
}
.calender-list h3 {
    padding-bottom: 20px;
    text-align: center;
    margin: 0 auto;
    color: #ad0000;
}

.calender-list ul{
    padding-left:30px !important;
}
.calender-list ul li{
    line-height:30px;
}
.calender-list ul li a{
    color:#000;
}
.calender-list ul li:hover{
    transform: translateX(8px);
    transition:all .7s ease-in;
    color:#920202;
}

.calender-list ul li:before {
    content: "\f10d";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #000;
    padding-right: 10px;
}

.scalender-section{
    background:url(../images/surbg.png) no-repeat left top;
    background-size:cover;
}

.sur-btn{
    text-align:center;
    margin:0 auto;
}
.sur-cont p span{
    font-weight:800;
}


.galery img {
    border: 6px solid whitesmoke;
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 1rem;
}
.galery img:hover {
    transform:scale(1.04);
    transition:all .7s ease-in;
    overflow:hidden;

}


.sso a{
    width:150px;

}
.deso-flowchat {
    margin: 0px auto;
    width: 100%;
    min-height: auto;
}

.deso-flowchat ul {
    position: relative;
    padding-top: 20px !important;
}

.deso-flowchat li {
    position: relative;
    padding: 20px 5px 0 8px;
    float: left;

    text-align: center;
    list-style-type: none;
}

.deso-flowchat li::before, .deso-flowchat li::after{
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 2px solid #000;
}

.deso-flowchat li::after{
    left: 50%;
    right: auto;

    border-left: 2px solid #000;
}

.deso-flowchat li:only-child::after, .deso-flowchat li:only-child::before {
    content: '';
    display: none;
}

.deso-flowchat li:only-child{
    padding-top: 0;
}
.deso-flowchat li:first-child::before, .deso-flowchat li:last-child::after{
    border: 0 none;
}

.deso-flowchat li:last-child::before{
    border-right: 2px solid #000;
    border-radius: 0 5px 0 0;
}

.deso-flowchat li:first-child::after{
    border-radius: 5px 0 0 0;
}
.deso-flowchat ul ul::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid #000;
    width: 0;
    height: 20px;
}

.deso-flowchat li a{
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    /*border: 2px solid #000;*/
    text-decoration: none;
    /*text-transform: uppercase;*/
    color: #fff;
    font-family: arial, verdana, tahoma;
    font-size: 15px;
    font-weight:600;
}

.deso-flowchat li a:hover, .deso-flowchat li a:hover+ul li a {
    color: #000;
    background: #c8e4f8;
    /*border: 2px solid #94a0b4;*/
}

.deso-flowchat li a:hover+ul li::after,
.deso-flowchat li a:hover+ul li::before,
.deso-flowchat li a:hover+ul::before,
.deso-flowchat li a:hover+ul ul::before{
    content: '';
    border-color: #94a0b4;
}
.lavel-1{
    background:#563700;
}
.lavel-2{
    background:#955b03;
}
.lavel-3{
    background:#006966;
}
.lavel-4{
    background:#7e0000;
}
.lavel-5{
    background:#026209;
}
.lavel-6{
    background:#022762;
}
.lavel-7{
    background:#2ea50a;
}
.lavel-8{
    background:#cd0000;
}
.lavel-9{
    background:#0707d3;
}
.deso-flowchat{
    background: url(../images/shape-5.png) no-repeat left top;
    background-size: contain;
    padding: 30px 0;
}




.data-sets table{
    width:100%;
    border: 2px solid #aaa;
    box-shadow: 2px 2px 9px #aaa;
}

.data-sets tbody tr td img {
    width: 35px;
    height: 45px;
    padding: 6px;
}

.notice-board tbody tr td {
    text-align: left !important;
    margin: 0 auto;
    padding-left: 18px;
}


.breadcrumb {
/*    position: absolute;
    bottom: 0px;
    left: 50px;
    z-index: 99;*/
    background: rgb(255, 255, 255);
    background: linear-gradient(95deg, rgb(255 255 255) 20%, rgb(255 255 255 / 100%) 50%, rgb(255 255 255 / 0%) 100%) !important;
/*    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;*/
    padding: 10px 0px;
    max-width:1400px;
    margin: 10px auto 0 auto;
  border-bottom: 1px solid #ccc;
  /*border-radius: 10px;*/
}
.breadcrumb-item.active a {
    color: #000;
}
.breadcrumb-item a {
    color: #000;
    padding: 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 10px !important;
    color: #000 !important;
    content: ">" !important;
    font-family: FontAwesome;
    font-size: 10px;
    padding-top: 5px;
}
.innerpage .inn-banner {
    position: relative;
}



.front23__keywordBox {
    width: 100vw;
    position: relative;
    padding: 0;
    left: calc(-50vw + 50%);
    background-color: #e1ebfb;
}
.front23__keywordBox > .Container > .row  {
    display: flex;
    padding-left: 13px;
    padding-right: 13px;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
}
.front23__keywordBox > .Container > .row > .keywordBox {
    text-align: center;
    margin: 0;
    left: 50%;
    /* padding-top: 40px; */
    display: flex;
    height: 195px;
    margin-right: 0;
    width: 20%;
    align-items: center;
    justify-content: center;
}
.front23__keywordBox > .Container > .row > .keywordBox {
    height: 200px;
}

.front23__keywordBox > .Container > .row > .keywordBox > a .HeadLine {
    font-size: 16px;
    color: #0074C6;
    transition: 400ms;
}
.front23__keywordBox > .Container > .row > .keywordBox > a .Number {
    /*font-family: "D-DIN Condensed"; */
    font-family: "Big Shoulders", sans-serif;
    font-size: 34px;
    color: #002E2E;
    font-weight: 600;
    transition: 400ms;

    text-align: center;
}
.front23__keywordBox > .Container > .row > .keywordBox > a .Period {
    display: none;
    text-align: center;
    transition: 400ms;
}
.front23__keywordBox > .Container > .row > .keywordBox > .All {
    font-size: 18px;
    font-weight: 600;
    /*color: #0074c6;*/
    color: #f09d27;
    display: flex;
    align-items: center;
}
.front23__keywordBox > .Container > .row > .keywordBox > .All > .Text {
    padding-right: 10px;
    font-weight: 700;
}

.front23__keywordBox > .Container > .row > .keywordBox > .All > .ArrowL i{
    font-size:25px;
    text-align: left;
    border-radius: 50%;
    margin-right: 5px;
    padding-left: 3px;
    transition: 0.2s;
}
.front23__keywordBox > .Container > .row > .keywordBoxHover:hover {
/*    cursor: pointer;
    background-color: #EEF3FA;*/
    background-color: #f5faff;
    transform: translateY(0px);
}
.front23__keywordBox > .Container > .row > .keywordBoxHover:hover > a .HeadLine {
    color: #235aa5;
    transition: 400ms;
    text-decoration: underline;
    padding-left: 20px;
    padding-right: 20px;
}
.front23__keywordBox > .Container > .row > .keywordBoxHover:hover > a .Number {
    font-size: 30px;
    color:#000000;
    transition: 400ms;
    text-decoration: none;
}
.front23__keywordBox > .Container > .row > .keywordBoxHover:hover > a .Period {

    font-size: 14px;
    color: #235aa5;
    display: block;
    transition: 400ms;
    text-decoration: underline;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
}



.front23__keywordBox > .Container > .row > .keywordBox > .All:hover {
    color: #000;
}

.common-right #search-text{
    position: relative;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 5px;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:0px;
    border-top-right-radius:0px;
    width: 100%;
    height: 30px;
    top: -3px;
}
.common-right #search-form{
    height:40px;
    background-color:#fff;
    overflow:hidden
}
.common-right #search-text{
    font-size:14px;
    color:#ddd;
    border-width:0;
    background:#fff;
    line-height:15px;

}
.common-right #search-text input[type="text"]{
    width:20% !important;
    padding:10px 0 5px 1em;
    color:#333;
    outline:none
}
.common-right #search-button{
    position:absolute;
    top:3px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    height:30px;
    width:40px;
    color:#fff;
    text-align:center;
    border-width:0;
    background-color:#2669c5;
    cursor:pointer;
    text-transform:uppercase;

    outline:0
}
.common-right #search-button:hover{
    background:#333
}
.title-area .about-one__btn-and-client-info{
    bottom:-150px;
    left:50%;
}


.qlink-box {
    /*width: 31% !important;*/
    margin: 10px 0px;
    padding: 0 0 10px 0 !important;
    border:2px dashed #aaaa;
    border-radius:20px;
}
.qlink-head {
    background: #274f8d;
    padding: 5px 10px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
.qlink-head h3{
    color: #fff;
    float: left;
    font-size: 18px;
    padding-top:5px;
}
.qlink-head img{
    float: right;
}

.qlink-box ul li{
    border-bottom: 1px dotted #aaaa;
    padding: 5px;
}
.qlink-box ul li:hover{
    background:#d7d3d359;
}
.qlink-box ul li a {
    color:#000281;
    font-weight:400;
    font-size:15px;
}
.qlink-box ul li a:hover {
    color:red;
}
.qlink-box ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #000281;
    padding-right: 5px;
    font-size:13px;
}

.lhead  .deso-text{
    padding-top:14px;

}

.hvr-shutter-in-horizontal:hover .icon-bx-wraper .icon-content h5  {
    color:#fff!important;
}


/* Simple styling for the modal */

.odishamap-section{
    /* background-image: linear-gradient(0deg, rgb(0 0 0 / 70%), rgb(0 0 0 / 74%)), url(../images/odbg.jpg);
    background-attachment:fixed;
    height:830px; */
    background:#f7f8f9;
    padding: 30px 0;
}

.custom-model-main {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(0, 0, 0, 0.7);*/
    z-index: 1000;
}
.pop-up-content-wrap h6{
    font-size: 27px;
    color: #0951a2;
    font-weight: 600;
}

.custom-model-inner {
    position: relative;
    width: 50%;
    height: auto;
    margin: 3px;
    background: #d0e4ff;
    padding: 20px;
    right: -103%;
    border-radius: 10px;
    color: #0d0c0c;
    bottom: 475px;
    font-weight: 700;
    border: 3px solid #00449d;
    z-index:99;

}
/*.custom-model-inner {*/
/*position: relative;*/
/*    width: 50%;*/
/*    height: auto;*/
/*    margin: 100px auto;*/
/*    background: #fff;*/
/*    padding: 20px;*/
/*    border-radius: 10px;*/
/*    z-index: 99;*/
/*}*/
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

/* Optional: For the image map areas */

.Click-here, .Click-here1, .Click-here2, .Click-here3, .Click-here4, .Click-here3, .Click-here5, .Click-here6, .Click-here7, .Click-here8, .Click-here9, .Click-here10, .Click-here11, .Click-here12, .Click-here13, .Click-here14, .Click-here15, .Click-here16,  .Click-here17, .Click-here18, .Click-here19, .Click-here20, .Click-here21, .Click-here22, .Click-here23, .Click-here24, .Click-here25, .Click-here26, .Click-here27, .Click-here28, .Click-here29, .Click-here30 {
    cursor: pointer;
}




.odisha-profile-area h4 {
    color: #fff;
    font-size: 30px;
    margin: 10px 0;
    font-weight: 400;
}
.area-wise {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.odisha-profile-area ul {
    padding: 0;
    margin: 0;
    width: 30%;
    float: left;
    color: #fff;
}
.administrative {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding-bottom: 10px;
    color:#fff;
}
.administrative ul li {
    background-color: #e1ebfb;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 5px;
    margin-bottom: 5px;
}
.administrative ul li{
    color: #000;
    box-sizing: border-box;
    padding: 5px 15px;
    font-size: 14px;
    display: inline-block;
    font-weight:500;
}
.qlink1-head h3{
    color: #fff;
    font-size: 22px;
    padding-top:5px;
}
.qlink1-head {
    background: #274f8d;
    padding: 5px 10px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
.as {
    width: 24% !important;
    margin: 10px 6px;
    padding: 0 0 10px 0 !important;
    border:2px dashed #aaaa;
    border-radius:20px;
}

.agriculture-cont .sideways li a {

    font-size: 16px !important;
}
/** contact-section **/

.contact-info-section {
    position: relative;
}
.contact-info-section .section-title h2 {
    display: block;
    font-size: 40px;
    line-height: 52px;
    font-weight: 800;
    color:#000;
    margin-bottom:70px;
    margin-top:20px;
}
.info-block-one .inner-box {
    position: relative;
    display: block;
    background:rgb(237 237 242);
    margin-bottom: 30px;
    padding: 0px 30px 45px 30px;
    transition: all 500ms ease;
    min-height: 230px;
}
.info-block-one .inner-box .icon-box {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background: #7595ce;
    margin-top: -50px;
    margin-bottom: 35px;
}
.info-block-one .inner-box h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
}
.section-title {
    position: relative;
    display: block;
}
.info-block-one .inner-box p a {
    display: inline-block;
    color:#000;
}
.contact-section{
    position: relative;
    background: rgb(232 246 255);
    padding: 15px;
}

.contact-section .form-inner{
    position: relative;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}

.contact-section .form-inner .form-group{
    position: relative;
    margin-bottom: 30px;
}

.contact-section .form-inner .form-group:last-child{
    margin-bottom: 0px;
}

.contact-section .form-inner .form-group input[type='text'],
.contact-section .form-inner .form-group input[type='date'],
.contact-section .form-inner .form-group input[type='email'],
.contact-section .form-inner .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    color: rgba(103, 103, 103, 1);
    padding: 10px 30px;
    transition: all 500ms ease;
}
.contact-section .form-inner .form-group textarea{
    height: 170px;
    resize: none;
    padding-top: 15px;
}

.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus{
    border-color: var(--theme-color);
}



/** RTL **/





/** responsive-css **/

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 991px){

}

@media only screen and (max-width: 767px){
    .contact-info-section{
        padding: 70px 0px 40px 0px;
    }

    .google-map-section{
        padding-bottom: 70px;
    }

    .contact-section{
        padding: 70px 0px;
    }
}

.staff-table tbody tr td {
    margin: 0 auto;
    padding: 5px 10px 5px 30px;
    line-height: 34px;
    text-align: left;
}

.staff-table tbody tr:nth-child(even) {
    background-color: rgb(212 230 246);
    border-bottom: 0.5px solid #000;
}

.staff-table tbody tr:nth-child(odd) {
    background-color: rgb(227 230 255 / 48%);
    border-bottom: 0.5px solid #000;
}
.staff-table tbody tr:nth-child(6) {
    /*    background-color: rgb(73 81 148);
        border-bottom: 0.5px solid #000;*/
}

.staff-table tbody tr:nth-child(6) td {
    /*    font-weight:600;
        color:#fff;*/
}
.staff-table tbody tr:nth-child(6):hover td {
    font-weight:600;
    color:#fff;
    background-color: rgb(73 81 148);
    border-bottom: 0.5px solid #000;
}
.staff-table tbody tr:nth-child(10) {
    /*    background-color: rgb(73 81 148);
        border-bottom: 0.5px solid #000;*/
}

.staff-table tbody tr:nth-child(10) td {
    /*    font-weight:600;
        color:#fff;*/
}
.staff-table tbody tr:nth-child(10):hover td {
    font-weight:600;
    color:#fff;
    background-color: rgb(73 81 148);
    border-bottom: 0.5px solid #000;
}
.staff-table tbody tr:nth-child(14) {
    /*    background-color: rgb(73 81 148);
        border-bottom: 0.5px solid #000;*/
}

.staff-table tbody tr:nth-child(14) td {
    /*    font-weight:600;
        color:#fff;*/
}
.staff-table tbody tr:nth-child(14):hover td {
    font-weight:600;
    color:#fff;
    background-color: rgb(73 81 148);
    border-bottom: 0.5px solid #000;
}
.srch input{
    margin:0;
}
.srch form{
    padding: 0;
    width: 250px;
    margin-left:10px;
}
.publication-section .sideways li a {
    font-size: 14px !important;
}
.publication-section .section-title__title {
    font-weight: 600;
    color: #111314;
    text-align: center;
    padding: 20px 0;
}
.publication-section p {
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding-bottom: 25px;
    font-size: 17px;
}
#calendar{
    width:100% !important;
}

.section-white-services {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
h2.section-title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
}
p.section-subtitle {
    font-size: 17px;
}
.service-wrapper2 {
    position: relative;
    padding: 0 15px 10px 15px;
    z-index: 1;
    margin: 10px 10px;
}
.service-nb {
    font-family: 'Lobster', cursive;
    font-size: 44px;
    color: #dddedf;
    float: left;
    position: relative;
    margin-right: 5px;
    z-index: -1;
    top: -28px;
    left: 22px;
}
.service-wrapper2 p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000;
    font-family: 'Lato', sans-serif;
    padding-left: 51px;
    text-align: justify;
}

.profile-section h2{
    background: #090071;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    padding: 11px 18px;
}
.profile-cont h3 {
    color: #000;
    font-size: 25px;
}
.profile-cont h3 span{
    color: #377a51;
    text-transform: capitalize;
}
.prof-comp{
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.percentagecompleted {
    color: #fff;
    font-size: 10px;
    -ms-flex-align: right;
    align-items: right;
    -ms-flex-pack: right;
    justify-content: right;
    z-index: 2;
    display: block;
    left: 29px;
    position: relative;
    top: 3px;
}
.reset {
    left: 200px;
    position: absolute;
}
.reset progress{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.reset progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.reset progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
progress {
    display: block;
    width: 200px;
    height: 20px;
    margin-bottom: 1em;
}
.profa i{
    margin-right:10px;
}
.cmplt a i{
    margin-right:10px;
}
.cmplt a{
    font-size:20px;
    color:#090071;
}
.profile-cont1{
    padding: 20px !important;
    background: #eeedff;
}
.profile-cont2{
    margin-top: 30px !important;
    border-bottom: 1px solid #aaaa;
}
.profile-cont2 h3{
    font-size: 17px;
    width: 208px;
    float: left;
}
.profile-cont2 a{
    float: right;
    color: #040d98;
}

.wizard-content-left h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
    padding: 12px 20px;
    text-align: center;
}

.form-wizard {
    color: #888888;
    padding: 30px;
}
.form-wizard .wizard-form-radio {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    width: 40%;
}
.form-wizard .wizard-form-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #dddddd;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.form-wizard .wizard-form-radio input[type="radio"]:focus {
    outline: 0;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked {
    background-color: #fb1647;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50%;
    left: 1px;
    right: 0;
    margin: 0 auto;
    top: 8px;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    webkit-animation: click-radio-wave 0.65s;
    -moz-animation: click-radio-wave 0.65s;
    animation: click-radio-wave 0.65s;
    background: #000000;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {
    padding-left: 10px;
    cursor: pointer;
    width: 79px;
}
.form-wizard .form-wizard-header {
    text-align: center;
}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit, .t-history button {
    background-color: #090071;
    color: #ffffff;
    display: inline-block;
    min-width: 100px;
    min-width: 120px;
    padding: 10px;
    text-align: center;
}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none;
}
.form-wizard .wizard-fieldset {
    display: none;
}
.form-wizard .wizard-fieldset.show {
    display: block;
}
.form-wizard .wizard-form-error {
    display: none;
    background-color: #d70b0b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
}
.form-wizard .form-wizard-previous-btn {
    background-color: #090071;
}
.form-wizard .form-control {
    font-weight: 300;
    height: auto !important;
    padding: 15px;
    color: #888888;
    background-color: #f1f1f1;
    border: none;
}
.form-wizard .form-control:focus {
    box-shadow: none;
}

.form-wizard .form-group {
    position: relative;
    margin: 25px 0;
    width: 45%;
    float: left;
}
.form-wizard .wizard-form-text-label {
    position: absolute;
    left: 10px;
    top: 16px;
    transition: 0.2s linear all;
}
.form-wizard .focus-input .wizard-form-text-label {
    color: #d65470;
    top: -18px;
    transition: 0.2s linear all;
    font-size: 12px;
}
.form-wizard .form-wizard-steps {
    margin: 30px 0;
}
.form-wizard .form-wizard-steps li {
    width: 25%;
    float: left;
    position: relative;
}
.form-wizard .form-wizard-steps li::after {
    background-color: #f3f3f3;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
.form-wizard .form-wizard-steps li span {
    background-color: #dddddd;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}
.form-wizard .form-wizard-steps li:last-child::after {
    width: 50%;
}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
    background-color: #090071;
    color: #ffffff;
}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
    background-color: #090071;
    left: 50%;
    width: 50%;
    border-color: #090071;
}
.form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: #090071;
}
.form-wizard .form-wizard-steps li:last-child::after {
    left: 0;
}
.form-wizard .wizard-password-eye {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
@keyframes click-radio-wave {
    0% {
        width: 25px;
        height: 25px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        width: 60px;
        height: 60px;
        margin-left: -15px;
        margin-top: -15px;
        opacity: 0.0;
    }
}
@media screen and (max-width: 767px) {
    .wizard-content-left {
        height: auto;
    }
}

.t-history .form-group {
    width: 43%;
    float: left;
}
.t-history .form-group button{
    position: relative;
    top: 20px;
}



/* HEADER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tabbing-profile span{
    color:#fff;
}
.tabbing-profile {
    position: fixed;
    min-width: 280px;
    max-width: 280px !important;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    width: 280px !important;
    color: #2c303a;
    background: #242e42;
}


.tabbing-profile nav {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.tabbing-profile .admin-logo img{
    width:100%;
    margin:0 !important;
}

.tabbing-profile .admin-logo {
    display: block;
    padding: 15px;
    background: #fff;
}



.tabbing-profile .toggle-mob-menu {
    display: none;
    margin-left: 5px;
    padding: 4px;
    background: #f1efec; /* Replace var with actual color */
    border-radius: 10px; /* Replace var with actual border-radius */
}

.tabbing-profile .toggle-mob-menu svg {
    fill: #000; /* Replace var with actual color */
    transition: transform 0.2s;
}

.tabbing-profile .admin-menu {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 35px;
}

.tabbing-profile .admin-menu li:nth-last-child(2) {
    margin-bottom: 35px;
}

.tabbing-profile .admin-menu li:last-child {
    margin-top: auto;
    margin-bottom: 20px;
}

.admin-menu li {
    width: 100%;
    border-bottom: 1px dotted #fff;
    line-height: 45px;
}

.admin-menu .switcher {
    display: inline-block;
    width: auto;
}

.admin-menu .menu-heading h3 {
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 12px;
    margin-top: 12px;
    color: #979595; /* Replace var with actual color */
}
.admin-menu i {
    font-size:20px;
    color: #d8deee; /* Replace var with actual color */
    margin-right: 10px;
}
.admin-menu a,
.admin-menu button {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 5px 20px;
    color: #d6d8ff;
}
.tabbing-profile .admin-menu a:hover,
.tabbing-profile .admin-menu a:focus,
.tabbing-profile .admin-menu button:hover,
.tabbing-profile .admin-menu button:focus {
    background:#c6daff !important; /* Replace var with actual color */
    color: #000 !important; /* Replace var with actual color */
    outline: none;
    line-height:45px !important;
    transition:all .4s ease-in;
}

.tabbing-profile .admin-menu a:hover i,
.tabbing-profile .admin-menu a:focus i,
.tabbing-profile .admin-menu button:hover i,
.tabbing-profile .admin-menu button:focus i {
    color: #000; /* Replace var with actual color */
    transition:all .4s ease-in;
}


/* PAGE CONTENT STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-content1 {
    position: fixed;
    width: calc(100% - 280px) !important;
    background: #fff;
    right: 0;
    top: 40px;
    padding:30px !important;
}
.tab-content>.active {
    padding-bottom: 40px;
}

.search-and-user {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 50px;
    align-items: center;
    background: #fff; /* Replace var with actual color */
    margin-bottom: 30px;
}

.search-and-user form {
    position: relative;
}

.search-and-user [type="search"] {
    width: 33%;
    height: 50px;
    font-size: 18px;
    padding-left: 15px;
    background: #f1efec; /* Replace var with actual color */
    color: #fff; /* Replace var with actual color */
    border-radius: 10px; /* Replace var with actual border-radius */
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.25); /* Replace var with actual box-shadow */
}

.search-and-user ::-moz-placeholder {
    color: #2c303a; /* Replace var with actual color */
}

.search-and-user :-ms-input-placeholder {
    color: #2c303a; /* Replace var with actual color */
}

.search-and-user ::placeholder {
    color: #2c303a; /* Replace var with actual color */
}

.search-and-user form svg {
    width: 26px;
    height: 26px;
    fill: #2c303a; /* Replace var with actual color */
}

.search-and-user form button {
    position: absolute;
    top: 42%;
    left: 28%;
    transform: translateY(-50%);
    font-size: 30px;
    border:none;
    background: transparent;
}



.search-and-user .admin-profile {
    display: flex;
    align-items: center;
}

.search-and-user .admin-profile .greeting {
    margin: 0 10px 0 20px;
}

.search-and-user .admin-profile i {
    font-size: 17px;
    margin-right: 10px;
}

.search-and-user .admin-profile .notifications {
    position: relative;
}

.search-and-user .admin-profile .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff; /* Replace var with actual color */
    background: #ff0000; /* Replace var with actual color */
}

.page-content .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.page-content .grid > article {
    display: flex;
    height: 300px;
    background: #f1efec; /* Replace var with actual color */
    border-radius: 10px; /* Replace var with actual border-radius */
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.25); /* Replace var with actual box-shadow */
}

.page-content .grid > article:first-child,
.page-content .grid > article:last-child {
    grid-column: 1 / -1;
}


/* MQ RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 767px) {
    .tabbing-profile,
    .page-content {
        position: static;
        width: 100%;
    }

    .tabbing-profile {
        padding: 10px;
    }

    .tabbing-profile nav {
        flex-direction: row;
    }

    .tabbing-profile .logo {
        margin: 0;
    }

    .tabbing-profile .logo svg {
        width: 83px;
        height: 35px;
    }

    .tabbing-profile .toggle-mob-menu {
        display: block;
    }

    .tabbing-profile .admin-menu {
        position: absolute;
        left: 98px;
        top: 57px;
        margin-top: 0;
        z-index: 2;
        border-radius: 10px; /* Replace var with actual border-radius */
        background: #f1efec; /* Replace var with actual color */
        visibility: hidden;
        opacity: 0;
        transform: scale(0.95);
        transition: all 0.2s;
    }

    .tabbing-profile .admin-menu li:nth-last-child(2) {
        margin-bottom: 12px;
    }

    .tabbing-profile .admin-menu li:last-child button,
    .search-and-user .admin-profile .greeting {
        display: none;
    }

    .page-content {
        min-height: 0;
        padding: 10px;
    }

    .page-content .grid {
        grid-gap: 10px;
    }

    .search-and-user {
        position: absolute;
        left: 131px;
        top: 10px;
        padding: 0;
        grid-column-gap: 5px;
        width: calc(100% - 141px);
        border-radius: 10px; /* Replace var with actual border-radius */
        background: transparent;
    }

    .search-and-user [type="search"] {
        font-size: 1rem;
        height: 35px;
    }

    .search-and-user form svg {
        width: 18px;
        height: 18px;
    }

    .search-and-user .admin-profile svg {
        fill: #fff; /* Replace var with actual color */
    }
}

@media screen and (max-width: 400px) {
    .page-content .grid > article {
        grid-column: 1 / -1;
    }
}








.help-btn a{
    display: block;
    color: #e71818;
    font-size: 16px;
    line-height: 22px;
    font-family: robotoregular;
    padding: 12px 16px;
    background: url(help-support-arrow.4ba76ae….png) 98% center no-repeat;

}


.form-inner .form-group input[type="submit"]{
    width: 141px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 13px !important;
    background-size: 100%;
    box-shadow:none;
    cursor: pointer;
    background: #090071;
    border-radius: 0px;
    transition: all 0.5s ease-out;
}
.form-inner .form-group input:hover[type="submit"]{
    background: #d8deee;
    color: #000;

}

.page-footer{
    display: block;
    position: fixed;
    bottom: 0;
    right: 35px;
}
.form-check-label{
    font-weight: 300;
    width: 400px !important;
}

.signup input{

    margin: 0 !important;
}

.signup input[type="text"], .signup input[type="email"], .signup input[type="number"], .signup input[type="date"], .signup select, .signup textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}
.signin input{

    margin: 0 !important;
}

.signin input[type="text"], .signin input[type="email"], .signin input[type="number"], .signin input[type="date"], .signin select, .signin textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-toggle {
    display: flex;
    padding: 5px 10px;
    background-color: #06007a;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 23px;
    width: 290px;
}

.dropdown-toggle:hover {
    background-color: #d7d7ee;
    color: #000;
    transition: all .4s ease-in;
}
.dropdown-toggle::after {
    display: ruby;
    margin-left:75px !important;
    content: "";
    margin-top: 17px;
}
/* Dropdown content */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 290px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 4px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown on hover */
.dropdown:hover .dropdown-content {
    display: block;
}


/* .vis-cont{ */
/* padding: 30px; */
/* box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 5px 10px 1px rgb(0 0 0 / 0.1); */
/* border-radius: 20px; */
/* width: 45% !important; */
/* margin-left: 65px; */
/* background:#d7ccff47; */
/* }*/
.vis-cont{
    padding: 30px;
    width: 45% !important;
    margin-left: 65px;
    background: #eff5ff;
    filter: drop-shadow(2px 3px 3px #999);
    border-radius: 15px;
}

.vis-cont:hover{
    transform: scale(1.02);
    transition: all .5s ease-in;
}
.cont-boxex{
    padding:30px;
}

.vis-cont i{
    margin-right:10px;
    font-size:17px;
    color:#4f46e5;
}
.vis-cont h2{
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.cont-boxex li{
    margin-top:10px;

}

.mission h3{
    color:#020287;
}


.survay-process ul li i{
    margin-right:10px;

}
.survay-process ul li{
    text-align: left;
    font-size: 15px;
    line-height: 35px;
    background: #e7efff;
    padding: 4px 15px;
    margin: 10px 0;
    border-radius: 20px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.all-stsct{
    width: 23% !important;
    margin: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position:relative;
    min-height:350px;

}
.all-stsct h3{
    font-size: 22px;
    font-weight: 600;
    color: darkblue;
    margin-bottom: 15px;
}
.all-stsct i{
    font-size: 25px;
    color: darkblue;
}

.all-stsct a i{
    font-size: 15px;
    color: darkblue;
    padding-left:10px;
}
.all-stsct a{
    background: #eeeaff;
    display: block;
    position: absolute;
    bottom: 18px;
    padding: 10px 10px;
    color: darkblue;
}
.all-stsct a:hover i{
    color:#eeeaff;
}
.all-stsct a:hover{
    background: darkblue;
    color: #eeeaff;
    transition:all .6s ease-in;
}
.data-form{
    padding: 50px 30px;
    border: 2px solid #aaaa;
    border-radius: 5px;
    background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}
.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_paginate {
    color: #333;
}
.table thead {
    background:#002750;
}
.table thead:hover {
    background:#002750;
}
.tawk-custom-color{
    background-color: #4da4eb !important;
}




.screen-reader h4 {
    background: #002750;
    color: #fff;
    padding: 11px 18px;
    font-size: 1.15em;
    line-height: 22px;
    margin-bottom: 15px;
}
.screen-reader  p {
    color: #000;
    font-size: 1em;
    line-height: 28px;
    text-align: justify;
    margin-bottom: 1.5rem;
}
.screen-reader h5 {
    color: #000;
    font-size: 1.2em;
    line-height: 24px;
    margin-top: 10px;
    position: relative;
    padding: 0 !important;
}
.screen-reader h5::before {
    background: #002750;
    height: 2px;
    width: 126px;
    position: absolute;
    bottom: -14px;
    left: 0;
    content: "";
}
.table-data{
    float: left;
    width: 100%;
    margin:30px 0;
}
.table-data thead tr th {
    width: 30%;
}
.table-data thead tr td {
    width: 30%;
}
.table-data thead tr th{
    background: #002750;
    color: #fff;
    font-size: 1em;
    line-height: 22px;
    text-align: left;
    padding: 10px;
    border: 1px solid #dedede;
    font-weight: 400;
}
.table-data thead tr td{

    border: 1px solid #dedede;

}

/*pranaya here*/
.des_statistics .thm-btn {
    font-size:14px;
    padding: 13px 16px 13px;
}
.imp_update .col-lg-2.col-md-2{
    width: 11% !important;
}
.imp_update {
    background: #002750;
    color: #fff;
}
.imp_update span {
    width:85%;
    background: #1ed4ffe3;
    padding: 15px 15px;
    dispaly: block;
    text-align: center;
}
.activity_item_con li, .activity_item_con {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: left;
}
@media (min-width:1225px) and (max-width:1420px) {
    .vl-header-area2 .vl-main-menu ul > li > a {
        font-size: 14px !important;
    }
}
@media (min-width:1050px) and (max-width:1224px) {
    .vl-header-area2 .vl-main-menu ul > li > a {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
}
@media (min-width:992px) and (max-width:1049px) {
    .vl-header-area2 .vl-main-menu ul > li > a {
        font-size: 12px !important;
        font-weight: 400 !important;
        padding: 0 6px;
    }
}

@media (max-width:991px) {
    /*    .forMobileResponsive {
            display: block !important;
            position:relative;
        }*/
    .forMobileResponsive .vl-main-menu {
        /*        position: absolute;
                top: 80px;
                right: 0;
                width: 200px;
                text-align: left !important;
                background: #0c5ca5;
                padding: 10px;*/
        display: none !important;
    }
    /*    .forMobileResponsive .vl-header-area2 .vl-main-menu ul > li {
            position: relative;
            display: block;
            text-align: left !important;
        }
        .forMobileResponsive .vl-main-menu ul {
            text-align: left !important;
        }
        .forMobileResponsive .vl-main-menu ul li {
            display:block !important;
        }
        .forMobileResponsive .vl-main-menu ul > li > a span i{
            margin-left: 10px;
            display:inline-block !important;
        }*/
}
.exp-dept-stat .explore-block-one .inner-box .content-box .text{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-title__title {
    font-family: 'Poppins', sans-serif; /* or your preferred modern font */
    font-weight: 600;
    color: #42699e;
    font-size: 28px;
    letter-spacing: 1.2px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 3px solid #42699e;
}

.section-title__title::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 40px;
    height: 3px;
    /*background-color: #00bfa6;  */
    border-radius: 2px;
}

.publications-section {
    background-color: #f9f9f9;
    border-radius: 20px;
}

.card-img-top {
    object-fit: contain;
    height: 350px; /* adjust as needed */
}
.publication-img {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #000;
}
/*for banner*/
.title-shape {
    display: none !important;
}

.latestNews.white-bg2{
    background: linear-gradient(135deg, #e1ebfb, #e1ebfb) !important;
    height: 500px;
}
.latestNews .tab-content {
    padding: 8px 10px;
    background: transparent;
}
.latestNews .section-title__title {
    font-size: 25px;
    padding-top: 15px;
}
.latestNews .nav.nav-tabs {
    border-bottom: 0 !important;
}
.latestNews .ab .tab-content ul li a {
    color: #E63939;
    border-bottom-color: #fff;
}
/* .slider-inner.banner {
    background-image: url('https://des.odisha.gov.in/design/images/banner/1830917732912901.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 400px;
} */

.slider-inner.banner {
        position: relative;
    }
/*.slider-inner.banner::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);  Adjust opacity as needed 
        z-index: 1;
    }*/


.slider-inner.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* animation: zoom-in 8s ease-in-out infinite alternate; */
    transform-origin: center;
}

@keyframes zoom-in {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
.swiper-content.bannerText {
    /*top:30%;*/
    top:60%;
}

.oscrgpp-section ul {
    list-style: none;
    padding-left: 0;
}

.oscrgpp-section ul li {
    position: relative;
    padding-left: 1.8em;
    margin-bottom: 0.75rem;
    font-size: 17px;
    line-height: 1.6;
}

.oscrgpp-section ul li::before {
    content: "\2022"; /* Bullet */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5em;
    line-height: 1;
    color: #0056b3; /* Bootstrap primary shade */
}

.oscrgpp-section h5 {
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: #003366;
}

.rtiSection .card {
    padding: 10px;
    background: #f7f8f9;
}
.rtiSection p {
    margin-bottom: 0px;
    padding: 0;
    font-size: 18px;
    text-align: center;
}
.rtiSection span {
    font-size: 12px;
    color: #0c5ca5;
    text-align: center;
    display: block;
}
.rtiSection .mobileNum p{
    /* display: inline-block; */
    margin: 0 10px 0 0;
    font-size: 14px;
}
.rtiSection .mobileNum p i{
    margin-right: 6px;
    color: #0c5ca5;
}
.read_more a {
    /*display: block;*/
    border: 1px solid #002750;
    position: relative;
    top: -12px;
    right: 0;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    color: #002750;
}

#special-title {
    display: block !important;
    border-bottom: none !important;
}

/* Block quote styling */
.quote {
    margin: 0 0 10px 0;
    padding: 1rem 1rem;
    border-left: 5px solid #3498db;
    /* background: #f4f8fb; */
    /* font-family: Georgia, serif; */
}

.quote blockquote {
    margin: 0;
    /* font-size: 1.25rem; */
    text-align: justify;
    line-height: 1.6;
    color: #34495e;
}

.quote figcaption {
    margin-top: 0.5rem;
    text-align: right;
    font-style: italic;
    color: #7f8c8d;
}
.dev-com img {
    width: 100px;
}
.deso-dpt.roundedDeso {
    height: auto;
    padding: 10px 10px;
    background: none;
}
.deso-dpt.roundedDeso img{
    border-radius: 50%;
    height: 120px;
    width: 120px;
    margin: 0 auto;
    padding: 5px;
    object-fit: fill;
}
.deso-dpt {
            height: 270px;
        }
        .dev-com:nth-child(1) {
            margin-bottom: 10px !important;
        }
        .dev-com {
            padding-bottom: 0;
            margin: 0px auto;
            display: flex;
            align-items: center;
        }

        
        
.front23__keywordBox > .Container > .row > .keywordBox > a .HeadLine
    {
        color: #f09d27 !important;
    }
.keywordBox {
        width: 100%;
        /* height: 200px; */
        height: 150px;
        padding: 16px;
        /* border: 1px solid #dcdcdc; */
        /* border-radius: 10px; */
        /* background-color: white; */
        /* box-shadow: 0 2px 8px rgba(0,0,0,0.08); */
        text-align: center;
        transition: all 0.3s ease;
        /* Flexbox settings */
        display: flex;
        flex-direction: column;
        justify-content: center; /* vertical center */
        align-items: center;
    }
    .HeadLine {
        font-size: 16px;
        color: #0074C6;
        transition: 400ms;
        /* margin-bottom: 8px; */
    }
  
    .Number {
      font-size: 28px;
      font-weight: 600;
      color: #002E2E;
      transition: 400ms;
      margin: 10px 0px;
    }
  
    .Period {
      font-size: 14px;
      color: #666;
      transition: 400ms;
      text-align: center;
    }
  
    .keywordBoxNoHover .Text {
      font-size: 18px;
      color: #0056a3;
      font-weight: 600;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
      color: #0056a3;
    }
    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden::before,
    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden::after
    {
        position: absolute;
        content: '';
        width: 250px !important;
        height: 100% !important;
        z-index: 2 !important;
    }
    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden::before {
        background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
        left: 0;
    }
    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden::after {
        background: linear-gradient(to left, rgb(255, 255, 255), rgba(255,255,255,0) );
        right: 0;
        top: 0;
    }
    .swiper-button-next::after, .swiper-button-prev::after 
    {
        font-size: 25px !important;
    }
    
    .publications-section .card{
        background-color: #ffffff;
        padding: 0 20px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .publications-section .card img{
        height: 300px;
        border: none;
    }
    .publications-section .card h3 {
        text-align: center;
        font-size: 18px;
        color: #333333;
        margin: 15px 0 5px 0;
    }
    .publications-section .card button {
        /*background-color: #274f8d;*/
        color: white;
        border: none;
        cursor: pointer;
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
        font-weight: bold;
        background: linear-gradient(145deg, #7ea4de, #274f8d, #1e3a70);
        /* background: linear-gradient(145deg, #1e3a70, #274f8d, #7ea4de); */
        box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.2);
        padding: 12px 20px;
        border-radius: 10px;
    }
.gallery_section {
        background: #f7f8f9;
        padding: 30px 0;
    }
    .gallery_section .swiper {
        width: 100%;
        /* max-width: 800px; */
        height: auto;
        margin: 40px auto;
    }

    .gallery_section .swiper-slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        box-shadow: 0 0 8px #d1d1d1;
        margin:10px 8px !important;
    }

    .gallery_section .swiper-slide a {
        display: block;
        width: 100%;
        border-radius: 20px;
    }

    .gallery_section .swiper-slide img {
        width:  100%;
        height: 150px;
        border-radius: 6px;
        cursor: pointer;
        transition: transform 0.3s;
        border-radius: 20px 20px 0 0;
    }

    .gallery_section .swiper-slide img:hover {
        transform: scale(1.05);
    }
    .odishamap-section .bx-wrapper .bx-controls .bx-pager {
        /*bottom: 20px !important;*/
    }
    

  
    /*****Quick Links*****/
    .quicklinks-section .content-container {
    position: relative;
    min-height: 150px;
  }

  .quicklinks-section .content-section {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    width: 100%;
  }

  .quicklinks-section .content-section.active {
    opacity: 1;
    visibility: visible;
    position: relative;
  }
    .quicklinks-section {
        /* background: #226390; */
        background: #0a4c7b;
        
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 70px 0;
    }
    .quicklinks-section img.rotateme.roate-event-bg {
        position: absolute;
        left: -17%;
        top: -47%;
        /* bottom: -47%; */
        transition: all 0.3s ease-out 0s;
    }
    .rotateme {
        -webkit-animation-name: rotateme;
        animation-name: rotateme;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    @keyframes rotateme {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
        }

        @-webkit-keyframes rotateme {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }
    .quicklinks-section .accordion-button {
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .quicklinks-section .accordion-button:hover {
        background-color: #f1f1f1;
    }
    .quick_links {
        color: #fff;
        display: inline-block !important;
    }
/*    .quick_links::before {
        content: '';
        width: 33px;
        height: 5px;
        background: #ffffff;
        position: absolute;
        left: -41px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .quick_links::after {
        content: '';
        width: 33px;
        height: 5px;
        background: #ffffff;
        position: absolute;
        right: -41px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }*/
    .quicklinks-section .accordion-item{
        /* padding: 1rem; */
        margin-bottom: 20px;
        border-radius: 60px 0 0 60px;
        border: none;
        background: none;
    }
    /* .quicklinks-section .accordion-item .accordion-header {} */

    .quicklinks-section .menu-tab {
        transition: background-color 0.3s, color 0.3s;
        padding: 1rem !important;
        border-radius: 60px 0 0 60px !important;
    }
    .quicklinks-section .accordion-button:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .quicklinks-section .accordion-button::after {
        /*background-image: none;*/
        background-size: cover;    
        background-position: right;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
    }
    

    .quicklinks-section .menu-tab:hover {
        background-color: #f0f0f0;
    }

    .quicklinks-section .menu-tab.active-tab {
        background-color: #f09d27;
        color: #fff;
    }

    .quicklinks-section .menu-tab.active-tab:hover {
        background-color: #f09d27;
        color: #fff;
    }
    .quicklinks-section .accordion-header .accordion-button:focus
    /* , .nav-tabs .nav-link:hover  */
    {
        isolation: isolate;
        border-color: #f09d27;
    }
    .tab_content {
        overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 315px;
    }
    .tab_content p, .tab_content h4
    {
        color: #fff;
    }
    .tab_thumb_img {
        height: 270px;
        border-radius: 15px;
        position: relative;
        z-index: 1;
    }
    .tab_thumb_img::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--tg-color-white-default);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        z-index: -1;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        border-radius: 15px;
    }
    .tab_thumb_img:hover::before {
        transform: rotate(-3.505deg);
    }
    .tab_thumb_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        border-radius: 15px;
        box-shadow: 0px 26px 60px 0px rgba(0, 36, 65, 0.8);
        border: 2px solid #fff;
        transition: all 0.3s ease-out 0s;
    }
    .tab_content ul li {
        border-bottom: 1px dotted #aaaa;
        padding: 5px;
    }
    .tab_content ul li::before {
        content: "\f101";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: calc(var(--icon-space)* -1);
        width: var(--icon-space);
        color: #fff;
        padding-right: 5px;
        font-size: 13px;
    }
    .tab_content ul li a {
        color: #fff;
        font-weight: 400;
        font-size: 15px;
        transition: all 0.1 ease-in-out;
        -moz-transition: all 0.1 ease-in-out;
        -webkit-transition: all 0.1 ease-in-out;
        -o-transition: all 0.1 ease-in-out;
    }
    .tab_content ul li:hover {
        background: #d7d3d359;
        transition: all 0.5 ease-in-out;
        -moz-transition: all 0.5 ease-in-out;
        -webkit-transition: all 0.5 ease-in-out;
        -o-transition: all 0.5 ease-in-out;
    }
    .tab_content ul li:hover a {
        color: #f09d27 !important;
        transition: all 0.5 ease-in-out;
        -moz-transition: all 0.5 ease-in-out;
        -webkit-transition: all 0.5 ease-in-out;
        -o-transition: all 0.5 ease-in-out;
    }
    .logos.logo_brand {
        
        /*background-size: contain !important;*/
        width: 100%;
        height: 600px;
        /*background-position: top !important;*/
        position:relative;
    }
    .logo_brand .logo_items {
        /*margin-top: 1%;*/
         position: absolute;
        width: 100%;
        bottom: 30px; 
    }
    .logo_brand .logo_items a{
        box-shadow: 0px 0px 8px #ccc;
        padding: 10px 20px;
        display: inline-block;
        border-radius: 5px;
        margin: 10px;
        min-width: 200px;
        text-align: center;
        background: #fff;
    }
    
    .footer_section.vl-footer-area1 {
        background: #07446E !important;
        padding: 50px 0px 0 0px;
    }
    .footer_section.vl-footer-area1 > div:first-of-type {
        background: #07446E !important;
        background-image: url('../images/footerbg.png') !important;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .custom_text_color {
        color: #f09d27 !important;
    }
    .bottom_footer {
        background: #f09d27;
    }
    .bottom_footer .vl-copyright1._dv-top {
        border-top: 0 !important;
    }
    .page-title-box {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 1rem;
    border-radius: 0.25rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

 /*25-06-2025*/
 .latestNews #myTab.nav-tabs  li.nav-item {
        width: 48% !important;
    }
    .latestNews #myTab.nav-tabs  li.nav-item button.nav-link {
        width: 100% !important;
        margin: 0 !important;
    }
    .latestNews #myTab.nav-tabs li:first-child {
        margin-right: 10px !important;
    }
    .latestNews #myTabContent.tab-content {
        border: 2px solid #aaaa !important;
        margin: 10px 0;
        height: 230px;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
        background: url(../images/t-bg.webp);
        background-repeat: repeat;
    }
    .latestNews #myTabContent .tab-pane {
        border: none !important;
        margin: 0;
        padding: 0;
    }
    .latestNews .ab marquee {
        height: 200px !important;
    }
    .latestNews .tab-content {
        border-radius: 15px !important;
    }
    .latestNews .read_more a {
        /* display: block; */
        border: 1px solid #42699e;
        position: relative;
        top: auto !important;
        bottom: 19px !important;
        right: -11px !important;
        padding: 5px 10px;
        border-radius: 15px 0px 15px 0px;
        font-size: 14px;
        color: #fff;
        background: #42699e;
    }
    /****Sticky Note****/
    .parent_sticky {
        background: #f0f2f5;
        margin-top: 20px;
        /* display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-family: 'Segoe UI', sans-serif; */
    }
    .sticky-note {
        width: 100%;
        min-height: 205px;
        padding: 35px;
        background: linear-gradient(145deg, #7ea4de, #274f8d, #1e3a70);
        color: #fff;
        border-radius: 10px;
        box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.2);
        font-size: 16px;
        line-height: 1.5;
        position: relative;
        transition: all 0.3s ease;
    }
 
    .sticky-note:hover {
        transform: scale(1.03);
      box-shadow: 8px 14px 26px rgba(0, 0, 0, 0.3);
    }
 
    .sticky-note::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 20px;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 4px #274f8d;
    }
    .sticky-note p{
        font-size: 15px;
        /*font-style: oblique;*/
        text-align: justify;
        margin-bottom: 10px;
        line-height:22px;
    }
    .sticky-note span {
        font-size: 14px;
        display: block;
        text-align: right;
        font-style: oblique;
    }
    .keyIndicator .container .bx-wrapper{
        border-radius: 20px;
        background: #f9f9f9;
        padding: 24px 0;
    }
    .gallery_section .section-title__title a{
        float: right;
        color: #f09d27;
        font-size: 16px;
        font-weight: normal;
    }
    .readMore {
        border: 1px solid #42699e !important;
        color: #42699e;
        border-radius: 6px;
        padding: 6px 20px;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
        margin: 10px 0;
        /* transition: transform 0.3s ease; */
        transition:
        background-color 0.4s ease,
        color 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
    }
    .readMore:hover {
        background: #42699e;
        color: #fff;
        border-color: #0d6efd;
        box-shadow: 0 0 12px rgba(13, 110, 253, 0.4);
    }
    .arrow_symbol {
        display: inline-block;
        animation: moveArrow 1s infinite;
    }
    .arrow_symbol:hover {
        color: #42699e !important;
    }
 
    @keyframes moveArrow {
        0%, 100% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(5px);
        }
    }
    .gallery_section .swiper-slide h4 {
        font-size: 15px;
        text-align: center;
        color: #000;
        margin: 10px 0;
        /* font-weight: bold; */
        min-height: 53px;
    }
    .gallery_section .swiper-slide p {
        color: #000;
        text-align: center;
        font-size: 15px;
        line-height: 22px;
        padding: 0 20px 20px 20px;
        min-height: 90px;
    }
    .quicklinks-section .accordion-button#odisha::after
    {
        background-image: url('../images/odisha_tinted.png');
    }
    .quicklinks-section .accordion-button#india::after
    {
        background-image: url('../images/india_tinted.png');
    }
    .quicklinks-section .accordion-button#international::after
    {
        background-image: url('../images/united-nations_tinted.png');
    }
    .quicklinks-section .accordion-button#survey::after
    {
        background-image: url('../images/survey.png');
    }

    /*responsive*/
    .gallery_addition li{
        display: inline-block;
    }
    .gallery_addition li a {
        display: block;
        padding: 5px 10px;
        font-size: 16px;
        color: #000;
        border: 1px solid #ccc;
        border-radius: 5px;
        /* margin: 5px 5px; */
        background: #d1d1d1;
    }
    @media (max-width:1300px) {
        #chcp_font_size button {
            float: none;
            height: 25px;
            top: -1px;
        }
        .imp_update .col-lg-2.col-md-2 {
            width: auto !important;
        }
    }
    @media (min-width:992px) and (max-width:1300px) {
        .sticky-note {
            min-height: auto;
            padding: 15px;
        }
        /* .swiper-content.bannerText {
            top: 50% !important;
        } */
    }
    @media (min-width:992px) and (max-width:1200px) {
        .swiper-content.bannerText .title-area1 {
            max-width: 100% !important;
        }
        .deso-dpt {
            height:auto !important;
        }
    }
    @media (max-width:991px) {
        .deso-dpt {
            height:auto !important;
        }
        .deso-navmenu {
            height: auto !important;
            background:transparent !important;
        }
        .swiper-content.bannerText {
            top: 45%;
        }
        /* .latestNews #myTabContent.tab-content, .latestNews .nav.nav-tabs */
        .latestNewsTab
        {
            width: 49%;
            float: left;
        }
        .parent_sticky {
            width: 100%;
            float: right;
            margin-top: 55px;
        }
        .latestNews.white-bg2{
            height: auto;
        }
        #skip-content.grid-section> .container {
            max-width: 100%;
        }
        .imp_update span {
            padding: 10px 5px;
        }

    }

    @media (max-width:767px) {
        #uw-main.uwaw {
            /* right: 0 !important; */
            max-width: max-content !important;
        }
        .latestNews.white-bg2{
            height: auto;
        }
        .deso-dpt {
            width: 100% !important;
        }
    }
    @media (max-width:576px) {
        /* .parent_sticky {
            float: left;
        } */
        .latestNewsTab, .parent_sticky {
            width: 100%;
            float: none;
        }
    }

    .front23__keywordBox > .Container > .row {
        max-width: 100% !important;
    }
    .front23__keywordBox .keyText p {
        font-size: 25px;
        color: #42699e;
        font-weight: bold;
        margin: 0;
    }
    .bpFab {
        height: 56px !important;
        width: 56px !important;
    }


/*latest marquee*/
.scroll-container {
    height: 250px; /* adjust height */
    overflow: hidden;
    position: relative;
}

.scroll-content {
    display: inline-block;
    animation: scroll-up 20s linear infinite;
}

.scroll-container:hover .scroll-content {
    animation-play-state: paused;
}

@keyframes scroll-up {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}
/* end */

/*For Responsive*/
@media (min-width:992px) and (max-width:1199px) {
    .latestReleaseSection .newLatestTab #myTab.nav-tabs li.nav-item {
        width: 30% !important;
    }
    .btn-size button,.btn-size a {
        font-size:12px !important;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .latestReleaseSection  .parent_sticky {
        width: 100% !important;
    }
}
@media (max-width:991px){
    .latestReleaseSection .newLatestTab #myTab.nav-tabs .nav-link {
        font-size: 10px !important;
    }
    .latestReleaseSection .newLatestTab #myTab.nav-tabs li.nav-item {
        width: 29% !important;
    }
}

/*.gallery-section > .container, .innerpage .container
    {
        max-width: 1320px !important;
        width: 100%;
    }*/
    @media (max-width:992px) {
        .galleryList h4 {
            font-size: 14px !important;
        }
    }
 

    @media (min-width:601px) and (max-width:991px) {
        .abou-des .timeline .left-container {
            left: -40px !important;
        }
        .abou-des .timeline .containr {
            width: 55% !important;
        }
        .abou-des .timeline .text-box {
            padding: 10px 10px;
        }
        .abou-des .timeline .text-box h5 {
            font-size: 18px !important;
            font-weight: bold;
        }
    }
    @media (min-width:601px) and (max-width:767px) {
        .abou-des > .container {
            max-width: 100% !important;
        }
        .abou-des .timeline .text-box h5 {
            font-size: 16px !important;
        }
    }
    .vis-cont {
        width: 100% !important;
        margin: 0 !important;
        min-height: 320px;
    }

    @media (max-width:992px) {
        .survay-box1 {
            width: auto !important;
        }
    }
    .survay-box1 .about-one__text {
        margin-bottom: 10px;
    }
    @media (min-width:992px) and (max-width:1200px) {
        #loadDashboard {
            padding: 7px 45px 7px !important;
            font-size:13px  !important;
        }
    }

    @media(max-width:992px) {
        #calendar.calender_section div {
            position: relative;
            /*flex: 0 0 33.33%;*/
        }
        #calendar.calender_section div span:nth-child(2) {
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 0 10px 0 10px;
        }
    }
    @media(max-width:576px) {
        #calendar.calender_section{
            display: flex;
            flex-wrap: wrap;
        }
        #calendar.calender_section div {
            flex: 0 0 46.8%;
        }
    }
    @media(max-width:480px) {
        #calendar.calender_section div {
            flex: 0 0 100%;
        }
    }

    

/* -----New CSS For search box 07.11.2025------- */

/* ==============================================
   FINAL CSS - FIXING ALL CONFLICTS
   ============================================== */

/* Helper class for accessibility */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* 1. The Form Container */
/* Force alignment on the <li> containing the form */
.vl-header-area2 .common-right ul#header-nav > li:has(.standard-search-form) {
    /* This forces the <li> to align with other menu items */
    vertical-align: middle;
}

.standard-search-form {
    display: flex;
    align-items: center;
    
    /* === CRITICAL FIX 1: Prevent "growing box" === */
    box-sizing: border-box; 
    
    /* === CRITICAL FIX 3: Force max height === */
    max-height: 26px; /* Adjust if header is taller */

    /* === TRANSPARENT STATE === */
    background: transparent;
    border: none;
    
    /* === CRITICAL FIX 2: Underline with box-shadow === */
    /* This (unlike border) has NO effect on layout size */
    /* box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.7); 

    border-radius: 0;
    margin-left: 5px; */
    
    /* === FIX: Shortened the width === */
    width: 130px;
    
    transition: all 0.5s ease;
}

/* 2. The Search Text Area (Input) */
.standard-search-form .search-input {
    flex-grow: 1;
    width: 100%;
    padding: 8px 12px; /* Smaller padding */
    background: transparent;
    border: none;
    outline: none;
    color: white;
    font-size: 15px;
    font-family: sans-serif;

    /* === CRITICAL FIX 1: Prevent "growing box" === */
    box-sizing: border-box;
    height: 100%; /* Fill the form's height */
}

.standard-search-form .search-input::placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1; 
}

/* 3. The Search Button */
.standard-search-form .search-button {
    background: transparent;
    border: none;
    outline: none;
    color: white;
    padding: 0 12px;
    cursor: pointer;
    font-size: 16px;
    transition: color 0.3s ease;

    /* === CRITICAL FIX 1: Prevent "growing box" === */
    box-sizing: border-box; 
    height: 100%; /* Fill the form's height */
}

/* 4. --- THE "WHITE BACKGROUND" ACTIVE STATE --- */
.standard-search-form:has(.search-input:focus),
.standard-search-form:has(.search-input:not(:placeholder-shown)) {
    background: #ffffff;
    
    /* === CRITICAL FIX 2: Remove the shadow underline === */
    box-shadow: none; 
    
    border-radius: 5px;
}

/* When form is active, change icon color */
.standard-search-form .search-input:focus + .search-button,
.standard-search-form .search-input:not(:placeholder-shown) + .search-button {
    color: #3b6a9e; 
}

/* When form is active, change text color */
.standard-search-form .search-input:focus,
.standard-search-form .search-input:not(:placeholder-shown) {
    color: #333;
}
/*end*/