@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;
}
.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;

    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;
}

.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: 30px;
}
.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: #e41e2f;
}
.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: #e41e2f;
}
.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:99;
}
.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: 5px dashed #106acd;
}

.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: 3px dashed #106acd;
    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: #A80115;
  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;
}



.inn-misvis{
	background-size:cover;
	position:relative;
}
.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);
    }
  }
.mis-text{
    position: relative;
    width: 37%;
    background-color: #FFE53B;
    background-image:linear-gradient(225deg, #05275a 0%, #083983 50%, #05275a 100%);
    /*background-image: linear-gradient(225deg, #8d0000 0%, #a05858 50%, #630505 100%);*/
    padding: 30px;
    margin: 40px;
    left: 5px;
	top:68px;
	border: 5px solid #fff;
    border-radius: 30px;
}
.mis-text ul li{
	color:#fff;
	/*text-align:justify;*/
}
.mis-text h2{
	    color: #fff;
    font-weight: 700;
    font-size: 40px;
    position: relative;
    
    top: -12px;	
}

.mis-text ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
    padding-right: 10px;

}
.vis-text{
    position: relative;
    width: 400px;
    /*background-image: linear-gradient(225deg, #000000 0%, #784BA0 50%, #000000 100%);*/
    background-image:linear-gradient(225deg, #0650c0 0%, #1b62cd 50%, #003380 100%);
    padding: 55px;
    margin: 40px;
    left: 124px;
    border-radius: 10%;
    height: 400px;
}
.vis-text ul li{
	color:#fff;
	/*text-align:justify;*/
}
.vis-text h2{
	    color: #fff;
    font-weight: 700;
    font-size: 40px;
    position: relative;
    left: 20px;
    top: -12px;	
}

.vis-text ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
    padding-right: 10px;

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

.tabs-left>li {
  float: none;
    margin: 0px;
    width: 100%;
    border-bottom: 2px dashed #f38725;
}


.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: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block
          }

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

.tabs-left>li a {

    color: #fff;
    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:#000;
}
.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 .7s ease-in;
}	
.survay-box1{
	padding: 50px 30px 30px 30px;
    width: 31%;
    text-align: center;
    margin: 10px auto;
    border-radius: 20px;
    background: #e7efff;
}
.survay-box1 span{
    position: absolute;
    font-size: 30px;
    padding: 5px;
    background: #2e73feba;
    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:50px 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;
	
}
.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: #b51000;
    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: #00ddff;
    text-align: center;
    text-transform: uppercase;
    color: #100d0d;
    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: 20px;
    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:370px;
}
.ab .tab-content ul li a{
	      color: #333;
    font-size: 16px;
    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: #062140;
	
}
.ab .nav-tabs .nav-link {
    
  background: #003a5b;
    color: #fff;
    margin: 6px 5px;
    padding: 6px;
    font-size: 14px;
}
.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 0px;
    /*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 tr:hover {
    background: #fff !important;
}
tbody tr td{
	margin:0 auto;
    font-size: 15px;
    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 {
    width: 95%;
    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:131px;
	
}
.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 3px 0 3px; 
  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: 5px 20px;
}
.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;
}
.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: 25px;
    width: 18%;
    align-items: center;
    justify-content: center;
}
    .front23__keywordBox > .Container > .row > .keywordBox {
        height: 200px;
    }
	   
	.front23__keywordBox > .Container > .row > .keywordBox > a .HeadLine {
    font-size: 20px;
    color: #0074C6;
    transition: 400ms;
}
.front23__keywordBox > .Container > .row > .keywordBox > a .Number {
    /*font-family: "D-DIN Condensed"; */
    font-size: 31px;
    color: #002E2E;
    font-weight: 700;
    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;
    display: flex;
    align-items: center;
}
.front23__keywordBox > .Container > .row > .keywordBox > .All > .Text {
    padding-right: 10px;
    font-weight: 900;
}
.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;
    }
    .front23__keywordBox > .Container > .row > .keywordBoxHover:hover > a .HeadLine {
        color: #f5821f;
        transition: 400ms;
        text-decoration: underline;
        padding-left: 20px;
        padding-right: 20px;
    }
	    .front23__keywordBox > .Container > .row > .keywordBoxHover:hover > a .Number {
      font-size: 30px;
    color: #f5821f;
    transition: 400ms;
    text-decoration: none;
}
	    .front23__keywordBox > .Container > .row > .keywordBoxHover:hover > a .Period {
        font-size: 13px;
        color: #f5821f;
        display: block;
        transition: 400ms;
        text-decoration: underline;
        padding-left: 20px;
        padding-right: 20px;
    }



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

.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: 19% !important;
    margin: 10px 6px;
    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: 22px;
	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;
         }

        .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: rgba(247, 247, 247, 1);
}

.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;
}