/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

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

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
  color: #106df6;
}

a:hover {
	color: #FC3;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #283949;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #ededed;
}

img {
  /* width: 100%; */
  /* overflow: hidden; */
}
@font-face {
    font-family: 'Teachers';
    src: url('../fonts/DM_Sans/Teachers-Italic-VariableFont_wght.ttf') format('ttf'),
         url('../fonts/DM_Sans/Teachers-VariableFont_wght.ttf') format('ttf');
}
/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/

:root{
	--black:#191919;
	--orange:#CA5C00;
	--darkgreen:#185A20;
	--lightgreen:#6EB200;
	--lightbg:#FAF9F7;
	--lightorange:#FF7500;
	--green:#01553D;
	
}





html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #f5a425;
  color: #fff;
}

::-moz-selection {
  background: #f5a425;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.w-33{
  width: 33%;
}
.w-40{
  width: 40%;
}
ol li{
  list-style: decimal;
}

.read_more_btn{
  background: #f6ae42;
  border-radius: 3px;
  margin-top: 8px;
  color: #fff;
  font-weight: 600;
}


.main-button-yellow a {
  font-size: 13px;
  color: #fff;
  background-color: #f5a425;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-yellow a:hover {
  opacity: 0.9;
}

.section-heading h2 {
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  font-size: 1.95rem;
  font-weight: 600;
  /* text-transform: uppercase; */
  color: #283949;
}

.container-fluid{padding-inline:100px}
.text-red{color:#E85037}
/*--------------------------------------------------------------
	  # top Header
	  --------------------------------------------------------------*/
	  .header-top{
		  width: 100%;
		  float: left;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  background: var(--black);
		  
		 }
     .govtName {
      font-size: 11px;
      line-height: 1.2;
      justify-content: center;
      padding: 5px 0px;
      display: flex;
    }
    .govtName p {
      margin-bottom: 0;
      position: relative;
      font-size: 12px;
      line-height: 15px;
      color: #283a49;
    }
    .govtName p:first-child {
      padding-right: 6px;
      margin-right: 6px;
      text-align: right;
      border-right: 1px solid #283a49;
    }
    .govtName p span {
      text-transform: uppercase;
      display: block;
    }
  
	  .ministry-name {
		display: block;
		font-size: 1.0rem;
		line-height: 22px;
		margin: 3px 0px;
		/* font-family: 'open_sansbold'; */
		}
	  .ministry-name img, .ministry-name span {
		display: inline-block;
		/* display: inline; */
		/* zoom: 1; */
		}
.ministry-name img.emblem_white{
	/* box-shadow: 0px 0px 3px #000; */
	/* border: 1px solid #333; */
	display: flex;
	align-items: center;
}
		.emblem_white{
			height: 20px;
			margin: 0.1rem 0px;
		}
	  .ministry-name span {
		/* border-left: 1px solid #d4d4d4; */
		margin-left: 0px;
		padding-left: 5px;
		/* text-transform: uppercase; */
		color: #fff;
		
		/* width: 100%; */
		float: left;
		line-height: 1.2;
		font-size: 0.82rem;
		}
		.ministry-name span.gov_txt{
			font-size: 0.82rem;
			text-transform: unset;
			line-height: 1;
		}
	  .headLogoTxt h4{
		  font-size: 20px;
		  font-weight: 700;
		  height: 100%;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  color: #283949 !important;
		 }
	  .header-top ul {
		  display: flex;
		  margin: 0;
		  padding: 0;
		 }
	  .header-top ul li {
		  display: block;
		  float: left;
		  vertical-align: middle;
		  margin: 0;
		  padding: 0;
		  font-size: 12px;
		  color: #fff;
		  line-height: initial;
		  /* width: auto; */
		  /* display: flex; */
		  /* align-items: center; */
		 }
	  .header-top ul li a {
		  font-size: 13px;
		  font-weight: 600;
		  /* color: #283949; */
		  color: #fff;
		  line-height: 22px;
		  margin: 0;
		  padding: 0px 5px;
		 }
	  .header-top ul li a:focus{
		  padding: 8px 10px;
	  }
	  .header-top .select-theme li a {
		  display: block;
		  /* margin: 7px 4px 0 0; */
		  line-height: 34px;
		  margin: 0px 3px;
		  padding: 0;
		  width: 20px;
		  height: 20px;
		  /* border: 1px solid #000000; */
		  box-shadow: 1px 1px 1px #000000;
		 }
	  .languege-area {
		  /* padding-left: 0px; */
		  /* width: auto; */
		  /* float: left; */
	  }
	  .langIcon {
		  color: #fff;
		  color: #283949;
		  font-size: 18px;
		  /* margin: 0px 5px 0px 0px; */
		  margin-right: 5px;
		  line-height: 22px;
		  /* display: inline-block; */
		  width: auto;
		  float: left;
		 }
	  .select-languege {
		  line-height: 24px;
		  height: 22px;
		  font-size: 12px;
		 }
	  
	  .top-right-nav {
		  display: block;
	  }
	  .header-top ul.top-right-nav > li {
		  /* border-right: 1px solid #d4d4d4; */
		  margin: 0;
		  padding: 0 2px;
		  display: flex;
		  align-items: center;
		 }
	  .header-top ul.top-right-nav > li:last-child {
		  border: 0;
		  padding-right: 0;
		 }
	  .header-top ul.top-right-nav li.font-size ul li {
		  margin: 0px 0px;
		  line-height: 34px;
		  padding: 0;
		 }
	  .header-top ul.top-right-nav li.font-size ul li a {
		  /* background: #0c3058; */
		  /* background: #002145; */
		  background: #fff0;
		  width: 20px;
		  height: 20px;
		  line-height: 20px;
		  padding: 0;
		  margin: 0px 3px;
		  display: block;
		  color: #fff;
		  /* color: #333; */
		  font-size: 12px;
		  text-align: center;
		  /* box-shadow: 1px 1px 1px #000000; */
		 }
	  .header-top ul li a:hover {
		  text-decoration: none;
	  }
	  .header-top ul.top-right-nav li.font-size ul li a:hover {
		  background: #F2903D;
	  }
	  

/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.sub-header {
  background-color: #614405;
  position: relative;
  /* z-index: 1111; */
}

.sub-header .left-content p {
  color: #fff;
  padding: 8px 0px;
  font-size: 13px;
}
.sub-header .left-content p a{
  color: #fff;
  padding-right: 8px;
}
.sub-header .left-content p i{
  color: #f6ae42;
}
.sub-header .left-content p i:before{
  font-weight: bold !important;
  margin-right: 4px;
}

.sub-header .right-icons {
  text-align: right;
  padding: 8px 0px;
}

.sub-header .right-icons ul li {
  display: inline-block;
  margin-left: 15px;
}

.sub-header .right-icons ul li a {
  color: #fff;
  font-size: 14px;
  transition: all .3s;
}

.sub-header .right-icons ul li a:hover {
  color: #f5a425;
}

.sub-header .left-content p em {
   font-style: normal;
   color: #f5a425;
}

.background-header {
  background-color: #fff!important;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .main-nav .nav li:hover a {
  color: #fb5849!important;
}

.background-header .nav li a.active {
  color: #fb5849!important;
}

.header-area {
  background-color: #fff;
  /* position: absolute; */
  top: 40px;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.header-area{
	
top: unset;
	
left: unset;
	
right: unset;
	
width: 100%;
	
float: left;
	
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	
/* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
}
.header-area .main-nav {
  min-height: unset;
  background: transparent;
  padding: 0;
  width: 100%;
  display: flex;
  /* float: left; */
  justify-content: space-between;
  align-items: center;
}
.web_logo_div{
	/* width: auto; */
	/* float: left; */
	display: flex;
	align-items: center;
	gap:5px
}
.web_logo_div span {
    /* border-left: 1px solid #d4d4d4; */
    margin-left: 0px;
    padding-left: 0px;
    /* text-transform: uppercase; */
    color: #fff;
    color: #283949;
    width: fit-content;
    float: left;
    line-height: 1.2;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
}
.web_logo_div span:last-child{
	/* text-transform: uppercase; */
	font-weight: 600;
}
.web_logo_txt {width: max-content;
    display: flex;
    flex-direction: column;
    gap: 3px;}
.header-area .main-nav .logo {
  /* line-height: 100px; */
  /* color: #fff; */
  /* font-size: 28px; */
  /* font-weight: 700; */
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
  /* float: left; */
  /* width: auto; */
  height: 73px;
  /* margin: 0px 0px; */
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav .float-start .logo{
	margin-right: 5px;
}
.header-area .main-nav .float-end a:first-child .logo{
	padding: 5px 0px;
}
.header-area .main-nav .float-end a:last-child .logo{
	padding: 2px 0px;
}
.background-header .main-nav .logo {
  line-height: 75px;
}

.background-header .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: right;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
  height: 100%;
  display: flex;
  /* padding: 5px 0px; */
}

.header-area .main-nav .nav li {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}

.header-area .main-nav .nav li:first-child{
	padding-left: 0px;
}


.header-area .main-nav .nav li a {
  display: flex;
  flex-wrap: wrap;
  text-wrap: wrap;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 0px;
  text-transform: uppercase;
  color: #fff;
  /* color: #333; */
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: transparent;
  /* letter-spacing: 1px; */
  gap: 3px;
  align-items: center;
  position: relative;
  padding-inline: 5px;
}

/* .header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #f5a425!important;
} */
.header-area .main-nav .nav li a.active:before{position: absolute;bottom: -8px;height: 3px;background: var(--lightorange);color:var(--lightorange);top: unset;left:0;content:'';width: 100%;}


.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #f5a425!important;
  opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 18px;
  display:flex;
  justify-content:space-between;
}

.header-area .main-nav .nav li.has-sub:after {
  font-family: 'bootstrap-icons';
  content: "\f282";
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.background-header .main-nav .nav li.has-sub:after {
  color: #1e1e1e;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transition: all .3s;
  transform: translateY(+2em);
  visibility: visible;
  z-index: -1;
  right:0;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  float: left;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu li:nth-child(2) a{background:#EBEBEB}
.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  opacity: 1;
  display: block;
  width: 100%;
  background: #fff;
  color: #2a2a2a!important;
  padding: 8px 20px;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
  background: #fff;
  color: #f5a425!important;
  padding-left: 25px;
}


.header-area .main-nav .nav li.has-sub ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  border-radius: 0 0 12px 12px;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 7px;
  width: 32px;
  height: 34px;
  text-indent: -9999em;
  z-index: 99;
  right: 10px;
  display: none;
  /* background: #fff; */
}

.background-header .main-nav .menu-trigger {
  top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 50px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 70px;
}

.header-area .nav {
  /* margin-top: 30px; */
}

.header-area.header-sticky .nav li a.active {
  color: #f5a425;
}
.header-bottom-nav{
	width: 100%;
	float: left;
	background: var(--darkgreen);
	
}
.read_more_btn, .read_more_btn i{
  transition: .3s ease-in-out;
}
.read_more_btn{
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  border: 2px solid;
  border-color: #f6ae42f0;
  padding: 14px 60px 14px 40px;
  background: #f6ae42;
  font-size: 16px;
  font-weight: 400;
  color: black;
  display: inline-flex;
  position: relative;
  font-weight: 600;
  align-items: center;
  margin-top: 20px;
}
.read_more_btn:after {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: -2px;
    right: -27px;
    background: transparent;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-top: 55px solid #f6ae42;
}
.read_more_btn i {
    width: 36px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 1;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
}
.read_more_btn i:after {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transform: skew(-24deg,0deg);
    transition: .5s ease-in-out;
}
.read_more_btn:hover {
    background-color: #fff;
    color: #000;
}
.read_more_btn:hover i:after{
  background: #f6ae42;
}
.read_more_btn:hover i {
    color: black;
    width: 40px;
}
.header-area li a.login_btn{
  background: #f6ae42;
  color: #000;
  font-weight: 600;
  padding: 0px 35px 0px 12px;
}
.header-area .main-nav .login_btn.read_more_btn, .login_btn.read_more_btn{
  margin: 0px;
  border: 2px solid #f6ae42f0;
  height: 34px;
  line-height: 34px;
  font-weight: 600;
  font-size: 0.85rem;
  color: black;
  border-radius: 2px;
/*   margin-right: 5px; */
}
.login_btn.read_more_btn i {
    width: 28px;
    right: -9px;
}
.login_btn.read_more_btn:after{
  width: 20px;
  border-right: 15px solid transparent;
  border-top: 34px solid #f6ae42;
  right: -19px;
  top: -2px;
}
.header-area .main-nav .login_btn.read_more_btn:hover {
    background-color: #fff;
    color: #000;
  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header-area .main-nav .nav li .big_register{
  width: auto;
  float: left;
  border: 1px solid #f6ae42;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  padding: 0px 15px;
  margin-left: 10px;
}
.header-area .main-nav .nav li:hover a.login_btn{
  color: #283949 !important;
}
@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}
@media (max-width: 1630px) and (min-width: 1000px) {
	.container-fluid{padding-inline: 30px;}
	.header-area .main-nav .nav li a{font-size: 10px;}
	.header-bottom-nav .btn-secondary{font-size: 15px;padding: 5px 20px!important;}
	.header-area .main-nav .nav li{padding-left: 8px;  padding-right: 8px}
	.header-bottom-nav .searchbar::placeholder{font-size: 10px!important;}
	.header-area .main-nav .nav li a.active:before{bottom: -11px!important;}
}
@media (max-width: 767px) {
	.viksit-logo{display: none}
	.left-grid{display: none}
  .header-area .main-nav .menu-trigger{
    display: block;
  }
  .header-area .main-nav .logo {
    color: #1e1e1e;
    height: 60px;
  }
.web_logo_div span:last-child{
	font-size: 0.7rem;
}
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: unset;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .container .row{
	  
  }
  .header-area .container .col-12{
	  padding: 0px;
  }
  .header-area .logo {
    /* margin-left: 30px; */
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
    /* display: block; */
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 100px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff0;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-bottom-nav .right-panel li{border-left:0px!important}
  .header-area .main-nav .nav li:last-child{border-bottom: 0}
  .header-area .main-nav .nav li a {
    height: 50px !important;
    width: 100%;
    text-align: left;
    line-height: 50px !important;
    padding-left: 15px;
    border: none !important;
    background: #ffffff00 !important;
    color: #ffffff !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #f5a425!important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }

	.header-top .container{
	padding: 0px 5px;
	display: inline-block !important;
}
  .govtName, .headLogoTxt h4, .headLogoTxt {
    display: none;
}
	.header-top ul.top-right-nav li.font-size ul li a, .header-top .select-theme li a{
		width: 18px;
		height: 18px;
		font-size: 0.7rem;
	}
	.langIcon{
		display: none;
	}
	.select-languege{
		height: 20px;
		font-size: 0.7rem;
	}
.header-area .main-nav .float-start .logo, .header-area .main-nav .float-end .logo{
  height: 55px;
  margin: 0;
}
.header-area .main-nav .float-end a:first-child .logo, .header-area .main-nav .float-end a:last-child .logo{
	padding: 0;
}
.header-bottom-nav{
	
}
.header-bottom-nav .main-nav{
	padding: 0px;
}
.header-top ul.top-right-nav > li{
}
.header-top ul li a{
	font-size: 0.75rem;
	padding: 0px 3px;
	line-height: 16px;
}
.header-top .navbar{
	padding: 10px 0px;
	width: 100%;
}
.ministry-name {
    display: block;
    font-size: 0.95rem;
    line-height: 1.2;
}
	
#timeline .section-heading h2, .section-heading h2{
	font-size: 1.4rem;
	line-height: 1;
	margin: 15px 0px 10px;
}
	

}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    /* display: flex !important; */
  }
}


/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  margin-bottom: -7px;
}

#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
}

#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    position: absolute;
    background-color: rgb(31 39 43 / 21%);
    background-color: rgb(31 39 43 / 50%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.main-banner .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px 25px;
  border-radius: 12px;
  background: #283949a3;
}
.video_cap_img{
	
width: 6vw;
	
margin-bottom: 15px;
}
.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  color: #f6ad42;
  text-shadow: 2px 2px 4px #283949;
  letter-spacing: 1px;
}

.main-banner .caption h2 em {
  font-style: normal;
  color: #f5a425;
  font-weight: 900;
}

.main-banner .caption p {
  color: #fff;
  font-size: 14px;
  max-width: 570px;
  text-shadow: 2px 2px 4px #283949;
}

.main-banner .caption .imp_main_banner_p{
	
background: #0e2940;
	
padding: 10px 12px;
	
border-radius: 3px;
	
margin-top: 10px;
	
font-size: 1.0rem;
	
font-style: italic;
}
.main-banner .caption .imp_main_banner_p a{
	color: #00ffa1;
	color: #f6ae42;
	font-size: 1.1rem;
	font-weight: 600;
}
.main-banner .caption p span{
	color: #f5a425;
	font-weight: 600;
	font-size: 1.3rem;
}

.main-banner .caption .main-button-red {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.header-area .main-nav .nav li a.active:before{display: none}
  .main-banner .caption h6 {
    font-weight: 500;
  }
/* .header-area .main-nav .nav li:first-child{display: none} */
  .main-banner .caption h2 {
    font-size: 36px;
  }
	#bg-video{
		
max-height: unset;
		
min-height: unset;
	}
.main-banner .caption {
    top: 50%;
    left: 15px;
    padding: 5px 10px;
    width: calc(100% - 30px);
  }
.main-banner .caption p{
	font-size: 0.78rem;
	max-width: 100%;
	line-height: 1.3;
	text-shadow: 1px 1px 3px #000b16;
}
.main-banner .caption .imp_main_banner_p{
	font-size: 0.78rem;
	max-width: 100%;
	line-height: 1.1;
	padding: 8px 6px;
	border-radius: 12px;
}
  .main-banner .caption h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .main-banner .caption .main-button-red {
    margin-top: 15px;
  }
}


/*
---------------------------------------------
services
---------------------------------------------
*/

.services {
  margin-top: -135px;
  position: absolute;
  width: 100%;
  position: relative;
}
.services .owl-carousel .owl-item{
  margin: 0 !important;
  margin-bottom: 95px !important;
  padding: 30px;
}
.services .item {
  background: #613B23 url(../images/bg_dark_25.png);
  background: #fff;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  padding: 25px 15px 20px 15px;
  box-shadow: 0 0 60px rgb(13 3 3 / 56%);
  width: 100%;
  float: left;
}

.services .item .icon {
  width: 100%;
  float: left;
  /* max-width: 60px; */
  margin: 0 auto;
}
.services .item .down-content{
	width: 100%;
	float: left;
}
.services .item .wrap_icn{
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 2px solid #f6ae42;
	padding: 10px;
	/* float: left; */
	display: block;
	margin: 0 auto;
	text-align: center;
}
.services .item h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.services .item p {
  color: #fff;
  font-size: 13px;
  line-height: 1.6;
  min-height: 110px;
  display: flex;
  align-items: center;
  /* display: none; */
}
.services .icon img{
  /* border-radius: 50%; */
  width: 100%;
  /* padding: 10px; */
}
.services .why_to_call_item{
  background: #e0e8ef;
}
.services .when_to_call_item{
  background: #e8f8fa;
}
.services .how_to_call_item{
  background: #efdfe5;
}
.services .whom_to_call_item{
  background: #f2f5e0;
}

.services .why_to_call_item p, .services .why_to_call_item h4{
  color: #1a5283;
}
.services .why_to_call_item .wrap_icn{
  background: #1a5283;
}
.services .when_to_call_item p, .services .when_to_call_item h4{
  color: #4cb0b9;
}
.services .when_to_call_item .wrap_icn{
  background: #359aa3;
}
.services .how_to_call_item p, .services .how_to_call_item h4{
  color: #8e213e;
}
.services .how_to_call_item .wrap_icn{
  background: #8e213e;
}
.services .whom_to_call_item p, .services .whom_to_call_item h4{
  color: #72a200;
}
.services .whom_to_call_item .wrap_icn{
  background: #608702;
}
.services .owl-nav {
  /* display: inline-block !important; */
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-25px);
}
    
.services .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.services .owl-nav .owl-prev span,
.services .owl-nav .owl-next span {
  opacity: 0;
}

.services .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'bootstrap-icons';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f27a";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.services .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}

.services .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.services .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}

.services .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.services .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.services .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'bootstrap-icons';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f27b';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

@media (max-width: 767px) {
	.services{
		position: relative;
		margin-top: 15px;
	}
	.services .col-3{
		width: 100%;
		margin-bottom: 15px;
	}
	.services .col-3:nth-child(1), .services .col-3:nth-child(3){
		padding-right: 7px;
	}
	.services .col-3:nth-child(2), .services .col-3:nth-child(4){
		padding-left: 7px;
	}
	.services .item{
		padding: 10px 5px;
		box-shadow: 0 10px 20px rgb(103 103 103 / 19%), 0 6px 6px rgb(100 100 100 / 23%);
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}
	.services .item .wrap_icn {
    width: 50px;
    height: 50px;
    padding: 6px;
    /* background: transparent; */
 }
	.services .item h4{
		font-size: 1.0rem;
		margin: 6px 0px;
	}
	.services .item p{
		/* display: none; */
		font-size: 0.75rem;
		line-height: 1.5;
		min-height: unset;
	}
}

/*-------- Important Video section --------*/
.imp_video_sec{
    width: 100%;
    float: left;
    padding-top: 105px;
    position: relative;
    padding: 105px 0px 60px 0px;
    background: url(../../assets/images/soil_bg_2.png);
    background-position: center center;
    /* background-attachment: fixed; */
    background-repeat: repeat;
    background-size: cover;
  }

  .imp_video_sec .section-heading h5{
    padding: 0px;
    padding-right: 20px;
    margin: 0px;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-style: italic;
  }
	.imp_video_a{
		/* font-size: 1.2rem; */
		/* color: #f6ae42; */
		padding: 6px 22px 6px 12px;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
		border: 2px solid;
		border-color: #f6ae42f0;
		background: #f6ae42;
		font-size: 16px;
		font-weight: 400;
		color: black;
		display: inline-flex;
		position: relative;
		font-weight: 600;
		align-items: center;
		margin-top: 20px;
	}
	.imp_video_a:after{
		content: "";
		width: 30px;
		height: 100%;
		position: absolute;
		top: -2px;
		right: -27px;
		background: transparent;
		border-left: 0 solid transparent;
		border-right: 25px solid transparent;
		border-top: 40px solid #f6ae42;
	}
.imp_video_a i {
    width: 22px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}
.imp_video_a i:after {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transform: skew(-33deg,0deg);
    transition: .5s ease-in-out;
}
.imp_video_a:hover {
    background-color: #fff;
    color: #000;
}
.imp_video_a:hover i:after{
  background: #f6ae42;
}
.imp_video_a:hover i {
    color: black;
    width: 22px;
}
  .imp_video {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%; /* 9 / 16 * 100 */
}
.video_wrap_main{
    z-index: 1;
    position: relative;
  }

.imp_video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
.video_bg_img_main{
    position: absolute;
    right: -40px;
    /* right: -8%; */
    /* z-index: 0; */
    top: -50px;
    padding-left: 60px;
    width: 100%;
  }
.imp_video_bg_img_wrap img{
  width: 100%;
  height: 100%;
  background: #283a49;
}
@media (max-width: 767px){
.imp_video_sec{
	padding: 10px 10px 25px 10px;
}
.imp_video_sec .section-heading h5{
	font-size: 0.95rem;
}
.imp_video_a{
	/* width: 100%; */
	/* float: left; */
	margin: 20px auto;
	/* text-align: center; */
}
.imp_video_a:hover i {
    color: black;
    width: 40px
}
	.video_bg_img_main{
		display: none;
	}


	
}

/*-------- About Us section ---------_*/
.about_us_sec{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
  background: url(../../assets/images/soil_bg_2.png);
  background-position: center center;
  /* background-attachment: fixed; */
  background-repeat: repeat;
  background-size: cover;
}
.about_us_sec p, .about_us_sec h2{
  color: #fff;
  color: #283949;
}
.about_us_sec h2{
  margin-bottom: 20px;
}

@media (max-width: 992px){
.about_us_sec {padding-top: 20px;}
}


/*
---------------------------------------------
upcoming meetings
---------------------------------------------
*/

section.upcoming-meetings {
  background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 210px;
  padding-bottom: 110px;
}

section.upcoming-meetings .section-heading {
  text-align: center;
}

section.upcoming-meetings .categories {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  margin-right: 45px;
}

section.upcoming-meetings .categories h4 {
  font-size: 18px;
  font-weight: 600;
  color: #283949;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

section.upcoming-meetings .categories ul li {
  display: inline-block;
  margin-bottom: 15px;
}

section.upcoming-meetings .categories ul li a {
  font-size: 15px;
  color: #283949;
  font-weight: 500;
  transition: all .3s;
}

section.upcoming-meetings .categories ul li a:hover {
  color: #a12c2f;
}

section.upcoming-meetings .categories .main-button-red {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 15px;
}

section.upcoming-meetings .categories .main-button-red a {
  width: 100%;
  text-align: center;
}

.meeting-item {
  margin-bottom: 30px;
}

.meeting-item .thumb {
  position: relative;
}

.meeting-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-item .thumb .price span {
  font-size: 16px;
  color: #283949;
  font-weight: 600;
  background-color: rgba(250,250,250,0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-item .down-content {
  background-color: #fff;
  padding: 30px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-item .down-content .date {
  float: left;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
}

.meeting-item .down-content .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-item .down-content .date span {
  display: block;
  color: #283949;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-item .down-content h4 {
  font-size: 18px;
  color: #283949;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-item .down-content p {
  margin-left: 50px;
  color: #283949;
  font-size: 14px;
}



/*
---------------------------------------------
apply now and FAQ
---------------------------------------------
*/

.faq_sec {
  /* background-image: url(../images/apply-bg.jpg); */
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0px;
  width: 100%;
  float: left;
  background: #e9ecf042;
  background-image: url(../images/soil_bg_2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.faq_sec .section-heading h2{
  color: #283949;
  margin-bottom: 0px;
  text-align: center;
}

.faq_sec .item {
  background-color: rgba(250,250,250,0.15);
  padding: 40px;
  margin-bottom: 30px;
}

.faq_sec .item h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.faq_sec .item p {
  color: #fff;
  margin-bottom: 20px;
}

.faq_sec .accordion-header button{
  /* background: linear-gradient(to top, rgb(118 74 25) 0%, #2a4c15 50%); */
  color: #283949;
  font-size: 0.9rem;
}
.faq_sec .accordion-body{
	font-size: 0.9rem;
}
.faq_sec .accordion-header button:focus, .faq_sec .accordion-header button:hover{
  border-color: transparent;
  box-shadow: none;
}
.faq_sec .accordion-item{
  border: 1px solid rgb(200 224 255);
  background: rgb(247 250 253);
  margin-bottom: 15px;
  color: #283949;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
}
.faq_sec .accordion-button::after{
  background: none;
  content: "\f279";
  font-family: 'bootstrap-icons';
  font-weight: bold !important;
}
.faq_sec .accordion-button:not(.collapsed)::after{
  content: "\f279";
}


.dos_donts_wrap .space {
  padding: 30px 0 5px 0;
  width: 100%;
  float: left;
}
.dos_donts_wrap .accordion{
  width: 100%;
  float: left;
}
.dos_donts_wrap .accordion-item {
  background-color: transparent;
  border: 1px solid transparent;
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.dos_donts_wrap .accordion-item:not(:last-child) {
  margin-bottom: 40px;
}
.dos_donts_wrap .accordion-item:last-child{
  margin-top: 40px;
}
.dos_donts_wrap .accordion-header {
  margin-bottom: -30px !important;
  margin-left: 20px;
  width: 50%;
  position: absolute;
  float: left;
  top: -30px;
}
.dos_donts_wrap button.accordion-button{
  font-size: 20px;
  color: #000 !important;
  height: 60px;
  clip-path: polygon(0 0,100% 0,93% 100%,0% 100%);
  padding: 0 25px;
  font-weight: bold;
  /* position: absolute; */
  /* width: 50%; */
  /* box-shadow: inset -1px -1px 5px #ababab; */
}
.dos_donts_wrap .accordion-header button:focus, .dos_donts_wrap .accordion-header button:hover{
  /* box-shadow: inset -1px -1px 5px #ababab; */
}
.dos_donts_wrap button.accordion-button.collapsed {
  background: #adb5bd;
  width: 100%;
  float: left;
}
.dos_donts_wrap button.accordion-button.collapsed span{
  color: #fff;
  color: #2b2b2b;
  /* text-shadow: 0px 1px 1px #2b2b2b; */
}
.dos_donts_wrap button.accordion-button:before {
  content: "";
  background: black;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
  transform: skew(-24deg,0deg);
  transition-delay: .3s;
}
.dos_donts_wrap button.accordion-button.collapsed:before {
  /* right: 0; */
  background: #fff;
  background: #2b2b2b;
}
.dos_donts_wrap .collapse{
  width: 100%;
  float: left;
  background: #fff;
}
.dos_donts_wrap .collapse:not(.show){
  margin-bottom: 50px;
}
.dos_donts_wrap .accordion-body{
  width: 100%;
  float: left;
  padding-top: 40px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
}
.dos_donts_wrap .accordion-body h4{
  font-size: 1.2rem;
  width: 100%;
  float: left;
  margin-bottom: 6px;
  margin-top: 6px;
}
.dos_donts_wrap .accordion-body p{
  color: #283949;
}
.dos_div, .dont_div{
  width: 100%;
  float: left;
  padding: 8px;
}
.dos_div{
  background: #d9f0d93d url(../../assets/images/dos_icn.png) no-repeat;
  background-size: 100px;
  background-position: center;
  margin-bottom: 8px;
}

.dont_div{background: #f8d1d13d url(../../assets/images/dont_icn.png) no-repeat;background-size: 100px;background-position: center;}
.dos_div ul {
  list-style: none;
  width: 100%;
  float: left;
  /* padding-bottom: 8px; */
  /* border-bottom: 1px solid #ccc; */
  /* margin-bottom: 8px; */
}
.dos_donts_wrap li {
  display: flex;
  align-self: center;
  text-align: left;
  padding: 2px 0px;
  padding-left: 1.2em;
  line-height: 1.3;
  width: 100%;
  color: #283949;
  font-size: 0.85rem;
  /* font-size: 13px; */
}
.dos_donts_wrap li:before {
  font-family: 'bootstrap-icons';
  display: inline-block;
  margin-left: -1.0em;
  width: 1em;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  margin-right: 5px;
}
.dos_donts_wrap .dos_div li:before{
  content: "\f407";
  color: green;
}
.dos_donts_wrap .dont_div li:before{
  content: "\f405";
  color: #ad0202;
}
.dos_donts_wrap .accordion-item:not(:first-of-type) {
  border-top: 0;
}
.dos_donts_wrap .accordion-button:not(.collapsed){
  background: #f6ae42;
}
.dos_donts_wrap button.accordion-button:before, .dos_donts_wrap button.accordion-button, .dos_donts_wrap, .dos_donts_wrap .accordion-item{
  transition: .3s ease-in-out;
}
.dos_donts_wrap .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "" !important;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}
.dos_donts_wrap .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

@media (max-width: 991px) {
	.faq_sec .section-heading h2{
		padding: 10px 0px;
		margin: 0px;
		margin-bottom: 10px;
	}
	.dos_donts_wrap .space{
		
padding: 0;
	}
	
	.dos_donts_wrap .accordion-header{
		width: calc(100% - 40px);
	}

}

/* 
---------------------------------------------
courses
--------------------------------------------- 
*/

section.our-courses {
  background: #0d6476;
  background-image: url(../images/feature_bg.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 80px;
  width: 100%;
  float: left;
}
.our-courses .item{
  width: 100%;
  float: left;
}
.count_div{
  width: 100%;
  float: left;
  background: #f7feff;
  /* background: #fff; */
  margin-bottom: 0px;
  border-bottom: 3px solid #77b1be;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  padding: 10px;
}
.count_div span{
  width: 46px;
  height: 46px;
  line-height: 36px;
  background: #abd1da75;
  /* float: left; */
  margin: 0 auto;
  display: block;
  /* width: 100%; */
  /* float: left; */
  color: #29626f;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  /* padding: 5px; */
  position: relative;
  border: 5px solid #abd1da2e;
  border-radius: 2px;
}
.count_div span:before{
  /*content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 5px;
  top: 5px;
  background: #abd1da;*/
}
.count_div span:after{
  /*content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 9px;
  top: 9px;
  background: #fff;*/
}
.count_div:before{
  /*content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 5px;
  bottom: 5px;
  background: #abd1da;*/
}
.count_div:after{
  /*content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 9px;
  bottom: 9px;
  background: #fff;*/
}
.our-courses .section-heading h2{
  color: #fff;
}

.our-courses .item .down-content {
  background-color: #fff;
  width: 100%;
  float: left;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.our-courses .item .down-content h4 {
  padding: 15px 20px;
  font-size: 13px;
  line-height: 20px;
  color: #283949;
  text-align: center;
  border-bottom: 1px solid #eee;
  width: 100%;
  float: left;
  background: #fff;
  height: 180px;
  /* text-align: left; */
  vertical-align: middle;
  display: flex;
  align-items: center;
  /* position: relative; */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.our-courses .item .down-content h4:before{
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 8px;
  bottom: 8px;
  background: #abd1da;
}
.our-courses .item .down-content h4:after{
      content: "";
      display: block;
      position: absolute;
      width: 16px;
      height: 16px;
      right: 12px;
      bottom: 12px;
      background: #fff;
}
.our-courses .item .down-content:before{
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 8px;
  top: 8px;
  background: #abd1da;
}
.our-courses .item .down-content:after{
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 12px;
  top: 12px;
/*   background: #fff; */
}
.our-courses .item .down-content .info {
  padding: 25px;
}

.our-courses .item .down-content .info ul li {
  display: inline-block;
  margin-right: 1px;
}

.our-courses .item .down-content .info ul li i {
  color: #f5a425;
  font-size: 14px;
}

.our-courses .item .down-content .info span {
  color: #a12c2f;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  display: inline-block;
  width: 100%;
}

.our-courses .owl-nav {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-45px);
}

.our-courses .owl-dots {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 40px;
}

.our-courses .owl-dots .owl-dot {
  transition: all .5s;
  width: 7px;
  height: 7px;
  background-color: #fff;
  margin: 0px 5px;
  border-radius: 50%;
  outline: none;
}

.our-courses .owl-dots .active {
  width: 24px;
  height: 8px;
  border-radius: 4px;
}
    
.our-courses .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.our-courses .owl-nav .owl-prev span,
.our-courses .owl-nav .owl-next span {
  opacity: 0;
}

.our-courses .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'bootstrap-icons';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f284";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.our-courses .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}

.our-courses .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}

.our-courses .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.our-courses .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'bootstrap-icons';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f285";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

@media (max-width: 991px) {
section.our-courses{
	padding: 15px 0px;
}
	.our-courses .owl-dots{
		margin-top: 8px;
	}
	.our-courses .item .down-content h4{
		/* font-size: 0.75rem; */
	}
}

/*
---------------------------------------------
our facts
---------------------------------------------
*/

section.our-facts {
  background-image: url(../images/digging_bg_dark.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0px 50px 0px;
  width: 100%;
  float: left;
}

section.our-facts h2 {
  font-size: 2.2rem;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
.wrap_stat_value{
	
position: relative;
	
width: 100%;
	
float: left;
	
height: 600px;
}
.wrap_stat_innr_div{
	
width: 100%;
	
/* float: left; */
	
/* display: flex; */
	
/* align-items: center; */
	
position: absolute;
	
top: 50%;
	
left: 50%;
	
transform: translate(-50%, -50%);
}
.count-area-content {
  text-align: center;
  background-color: rgb(0 0 0 / 49%);
  box-shadow: 0 10px 20px rgb(116 115 115 / 19%), 0 6px 6px rgb(61 61 61 / 23%);
  border-radius: 20px;
  padding: 25px 25px 32px 25px;
  margin: 20px 0px;
  width: 15vw;
  min-width: 235px;
}

.percentage .count-digit:after {
  content: '%';
  margin-left: 3px;
}

.count-digit {
    margin: 5px 0px;
    color: #f6ad42;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
}
.count-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
}

.new-students {
  /* margin-top: 45px; */
}

section.our-facts .video {
  text-align: center;
  margin: 0px auto;
  background-image: url(../images/india_map.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: auto;
}

section.our-facts .video img {
  padding: 170px 0px;
  max-width: 56px;
}

#map{
	width: 100%;
	height: 760px;
}

@media (max-width: 991px) {
	section.our-facts{
		padding: 30px 0px;
	}
	section.our-facts h2{
		text-align: center;
	}
	.wrap_stat_value{
		height: auto;
	}
	.wrap_stat_innr_div{
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		width: 100%;
		float: left;
	}
	.wrap_stat_innr_div .col-lg-12{
		
width: 33.33%;
		
float: left;
		
display: block !important;
	}
	.count-area-content{
		margin: 0px 0px 10px 0px;
		padding: 10px 5px;
		width: calc(100% - 10px);
		min-width: unset;
		margin: 0px 5px;
	}
	.count-digit{
		font-size: 1.4rem;
		margin-top: 0;
	}
	.count-title{
		font-size: 0.95rem;
		letter-spacing: unset;
		line-height: 1.2;
		height: 34px;
		align-items: center;
	}
	.new-students{
		/* margin-top: 0px; */
	}
	#map {
    height: 500px;
    display: none;
}
}


/* 
---------------------------------------------
contact us
--------------------------------------------- 
*/

section.contact-us {
  background: #283a49 url(../images/bg_dull_2.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: unset;
  padding: 80px 0px 70px 0px;
  width: 100%;
  float: left;
}

section.contact-us #reachUsData {
  background-color: #fff;
  border-radius: 3px;
  padding: 23px 30px;
}

section.contact-us #reachUsData h2 {
  /* text-transform: uppercase; */
  color: #283949;
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

section.contact-us #reachUsData input, section.contact-us #reachUsData .form-select {
  width: 100%;
  height: 38px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 20px;
}

section.contact-us #reachUsData textarea {
  width: 100%;
  /* min-height: 100px; */
  max-height: 120px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 15px;
  margin-bottom: 5px;
}

section.contact-us .grayBtn{
  font-size: 13px;
  color: #fff;
  background-color: #283a49;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
}

section.contact-us #reachUsData button:hover {
  opacity: 0.9;
}

section.contact-us .right-info {
  background-color: #344b00;
  background-color: #f6ad42;
  border-radius: 3px;
  padding: 40px 30px;
}

section.contact-us .right-info ul li {
  display: inline-block;
  border-bottom: 1px solid rgb(250 250 250 / 38%);
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: 100%;
}

section.contact-us .right-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

section.contact-us .right-info ul li h6 {
  color: #283a49;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
section.contact-us .right-info ul li i{
  margin-right: 5px;
}
section.contact-us .right-info ul li i:before{
  font-weight: bold !important;
  font-size: 22px;
}

section.contact-us .right-info ul li span, section.contact-us .right-info ul li span a {
  display: block;
  font-size: 17px;
  font-size: 1.0rem;
  color: #283a49;
  font-weight: 700;
  word-break: break-word;
}

/*-------------------------------------------
Footer CSS starts
--------------------------------------------*/
.footer_sec.footer{
  width: 100%;
  float: left;
  padding: 0px 0px;
  margin: 0px;
  background-image: url("../images/CAMPA/footer-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.footer_sec.footer img{
  width: auto;
  height: 60px;
}
/* .footer_sec.footer a:last-child img{ */
/*   height: 40px; */
/* } */

.footer {
  text-align: center;
  margin-top: 100px;
  border-top: 1px solid rgba(250,250,250,0.15);
  padding: 20px 0px;
/*   background: #0e2940; */
}
.footer p {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  text-align: left;
}

.footer p a {
  color: #f6ad42;
}
#footer .footer-top {
  padding: 30px 0 0px 0;
  background: #fff;
  width: 100%;
  float: left;
  }
  
 .footer-top {
  padding: 15px 0px;
/*   background: #283a49; */
  }
  
 .footer-top .footer-contact h3 {
  font-size: 28px;
  margin: 0 0 8px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  color: #37517e;
  }
.footer-top .footer-contact h5{
	color: #fff;
	font-size: 1.0rem;
	margin-bottom: 10px;
}
  
 .footer-top .footer-contact p {
  font-size: 0.8rem;
  line-height: 20px;
  margin-bottom: 0;
  /* font-family: "Jost", sans-serif; */
  color: #5e5e5e;
  color: #fff;
  }
  
 .footer-top h4 {
  font-size: 18px;
  font-weight: bold;
  color: #FD7100;
  position: relative;
  /* padding-bottom: 12px; */
  text-align: left;
  margin-bottom: 8px;
  }
  
 .footer-top .footer-links {
  /* margin-bottom: 30px; */
  }
  
 .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
  
 .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #e28a2b;
  font-size: 16px;
  line-height: 1;
  }
  
 .footer-top .footer-links ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
  }
  
 .footer-top .footer-links ul li:first-child {
  padding-top: 0;
  }
  
 .footer-top .footer-links ul a {
  color: #777777;
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-size: 0.85rem;
  }
  
 .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #e28a2b;
  }
  
 .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #e28a2b;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  }
  
 .footer-top .social-links a:hover {
  background: #209dd8;
  color: #fff;
  text-decoration: none;
  }

/*
---------------------------------------------
heading page
---------------------------------------------
*/

section.heading-page {
  background-image: url(../images/heading-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

section.heading-page h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}


/*
---------------------------------------------
upcoming meetings page
---------------------------------------------
*/

section.meetings-page {
  background-image: url(../images/meetings-page-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 0px;
}

section.meetings-page .filters {
  text-align: center;
  margin-bottom: 60px;
}

section.meetings-page .filters li {
  font-size: 13px;
  color: #a12c2f;
  background-color: #fff;
  padding: 11px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .3s;
  cursor: pointer;
  margin: 0px 3px;
}

section.meetings-page .filters ul li.active,
section.meetings-page .filters ul li:hover {
  background-color: #a12c2f;
  color: #fff;
}

section.meetings-page .pagination {
  text-align: center;
  width: 100%;
  margin-top: 30px;
  display: inline-block;
}

section.meetings-page .pagination ul li {
  display: inline-block;
}

section.meetings-page .pagination ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  color: #283949;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  font-size: 15px;
  transition: all .3s;
}

section.meetings-page .main-button-red {
  text-align: center;
}

section.meetings-page .main-button-red a {
  padding: 12px 60px;
  text-align: center;
  margin-top: 30px;
}

section.meetings-page .pagination ul li.active a,
section.meetings-page .pagination ul li a:hover {
  background-color: #a12c2f;
  color: #fff;
}

.meeting-single-item .thumb {
  position: relative;
}

.meeting-single-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-single-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-single-item .thumb .price span {
  font-size: 16px;
  color: #283949;
  font-weight: 600;
  background-color: rgba(250,250,250,0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-single-item .down-content {
  background-color: #fff;
  padding: 40px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-single-item .thumb .date {
  position: absolute;
  background-color: rgba(250,250,250,0.9);
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 15px 0px;
  border-radius: 10px;
  right: 20px;
  top: 20px;
}

.meeting-single-item .thumb .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-single-item .thumb .date span {
  display: block;
  color: #283949;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-single-item .down-content h4 {
  font-size: 22px;
  color: #283949;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content h5 {
  font-size: 18px;
  color: #283949;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-single-item .down-content p {
  color: #283949;
  font-size: 14px;
}

.meeting-single-item .down-content p.description {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.meeting-single-item .down-content .share {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.meeting-single-item .down-content .share h5 {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}

.meeting-single-item .down-content .share ul li {
  display: inline;
}

.meeting-single-item .down-content .share ul li a {
  font-size: 14px;
  color: #283949;
  transition: all .3s;
}

.meeting-single-item .down-content .share ul li a:hover {
  color: #f5a425;
}

/* Meeting item column */
.templatemo-item-col {
	width: 31%;
}

@media (max-width: 992px) {
	.templatemo-item-col {
		width: 45%;
	}
}

@media (max-width: 767px) {
	.templatemo-item-col {
		width: 100%;
	}
}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1300px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1200px) {
  .services .owl-nav .owl-next{
    right: -70px;
  }
  .services .owl-nav .owl-prev{
    left: -65px;
  }
  .our-courses .owl-nav .owl-next{
    right: -70px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -65px;
  }
}

@media (max-width: 1085px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1005px) {
  .services .owl-nav .owl-next{
    display: none;
  }
  .services .owl-nav .owl-prev{
    display: none;
  }
  .our-courses .owl-nav .owl-next{
    display: none;
  }
  .our-courses .owl-nav .owl-prev{
    display: none;
  }
}

@media (max-width: 992px) {

  

  .services {
    /* margin-top: 35px; */
  }

  section.upcoming-meetings {
    padding-top: 400px;
  }

  section.upcoming-meetings .categories {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .accordions {
    margin-left: 0px;
  }

  section.our-facts .video {
    margin-left: 0px;
    margin-top: 15px;
  }

  section.contact-us #reachUsData {
    margin-bottom: 30px;
  }

}

@media (max-width: 767px) {

  .sub-header .left-content p {
    display: none;
  }

  .sub-header .right-icons {
    text-align: center;
  }

  .main-nav .nav .sub-menu {
    display: none;
  }

  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #283949;
  }

}

/*------ steps_to_follow_sec start -----------*/
#timeline {
  
width: 100%;
  
float: left;
  
/* background: #dee2e614; */
  
/* background-image: url(../images/bg_light_25.png); */
  
/* background-repeat: repeat; */
  
/* background-size: auto; */
  
/* background-position: center center; */
  
padding: 40px 0px 40px 0px;
  
/* border-bottom: 1px solid #dee2e66e; */
}
#timeline h2{
  text-align: center;
  /* margin: 30px 0px 10px; */
  border: 0px;
  color: #283949;
}
.steps_to_follow_sec{
  width: 100%;
  float: left;
  display: flex;
  background-color: #734303;
}

#timeline:hover .tl-item {
  width: 23.3333%;
}

.tl-item {
  transform: translate3d(0, 0, 0);
  position: relative;
  width: 25%;
  float: left;
  height: 70vh;
  min-height: 600px;
  color: #fff;
  overflow: hidden;
  transition: width 0.5s ease;
  /* box-shadow: inset 0px 0px 2px 1px #ca8a8e; */
  border: 1px solid #283949;
  padding: 4px;
}
.tl-item:before, .tl-item:after {
  transform: translate3d(0, 0, 0);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background: #764904;
  background-image: url(../images/bg_light_25.png);
  background-repeat: repeat;
  background-size: auto;
  background-position: center center;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #552a18 75%);
  background: #37482c;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #2a4c15 75%);
  z-index: 1;
  opacity: 0;
  transform: translate3d(0, 0, 0) translateY(50%);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.tl-item:hover {
  width: 65% !important;
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) translateY(0);
  transition: opacity 0.25s ease, transform 0.25s ease 0.25s;
  /* background: #37482c; */
}
.tl-item:hover .tl-content {
  opacity: 1;
  display: block;
  transform: translateY(0);
  transition: all 0.5s ease 0.5s;
}
.tl-item:hover .tl-bg {
  filter: grayscale(0);
}

.tl-content {
  /* transform: translate3d(0, 0, 0) translateY(25px); */
  /* position: relative; */
  z-index: 1;
  width: 100%;
  float: left;
  padding-top: 25px;
  text-align: center;
  /* margin: 0 1.618em; */
  /* top: 55%; */
  /* opacity: 0; */
  /* display: none; */
  /* margin-top: 15px; */
  /* border-top: 1px solid #ccc; */
}
.tl-content h1 {
  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
  /* text-transform: uppercase; */
  color: #283949;
  font-size: 0.9rem;
  margin-bottom: 12px;
  font-weight: 600;
}
.tl-content .col{
  position: relative;
}
.tl-content p{
  color: #283949;
  padding: 5px 0px;
  margin-top: 5px;
}
.tl-content .col .shadow-sm{
  box-shadow: none !important;
}
.tl-content .col:nth-child(2):before, .tl-content .col:nth-child(3):before, .tl-content .col:last-child:before{
  content: "\f135";
  font-size: 2.5rem;
  position: absolute;
  left: -20px;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  color: #283a49;
  font-family:
  'bootstrap-icons';
}

/*.tl-year {*/
.wrapYearContent{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  /* border-top: 1px solid #fff; */
  /* border-bottom: 1px solid #fff; */
  /* height: 100%; */
  width: calc(100% - 20px);
  display: block;
  vertical-align: middle;
}
.tl-year{
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
}
.tl-year h4{
  position: relative;
  /* top: 35px; */
  padding-top: 15px;
  width: 100%;
  float: left;
  text-align: right;
  font-size: 0.9rem;
  float: right;
  min-height: 72px;
  line-height: 1.3;
  min-height: 60px;
  color: #283949;
}
.tl-year h4:after{
  content: "";
  position: absolute;
  bottom: -2px;
  background: #283949;
  width: 45px;
  height: 2px;
  right: 0px;
}
.tl-year img{
  background: #ccc;
  border-radius: 50%;
  padding: 5px;
  float: right;
}
.tl-year p {
  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #283949;
  font-weight: 500;
  /* line-height: 0; */
  /* position: relative; */
  /* top: 0; */
  text-align: center;
  display: block;
  width: auto;
  float: left;
  margin: 0 auto;
  padding: 10px 5px;
  /* height: auto; */
  border-top: 1px solid #283949;
  border-bottom: 1px solid #283949;
}
.tl-item:hover .tl-year{
  /* top: 0; */
}
.tl-bg {
  transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: filter 0.5s ease;
  filter: grayscale(100%);
}
.steps_to_follow_wrap li{
  width: calc(25% - 0px);
  /* margin: 15px 15px 15px 15px; */
  /* float: left; */
  /* padding: 10px; */
  background: #FFFFFF;
  /* box-shadow: 0px 0px 10px rgb(0 0 0 / 12%); */
  /* border-radius: 2px; */
  /* position: relative; */
}
#borderedTabJustified_2 li{
	
width: calc(20% - 0px);
}
.steps_to_follow_wrap li button{
    background: #FFFFFF;
    width: calc(100% - 30px);
    margin: 15px 15px 30px 15px;
    margin-bottom: 25px !important;
    float: left;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
    border-radius: 2px;
    position: relative;
}
.steps_to_follow_wrap li button:before{
    content: "";
    display: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #283949;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -4px;
}
.steps_to_follow_wrap li button.active:before{
    display: block;
}
.steps_to_follow_wrap li button:after {
    content: "";
    width: 0px;
    display: block;
    background: #283949;
    height: 4px;
    position: absolute;
    bottom: -27px;
    left: 0px;
}
.steps_to_follow_wrap li button.active:after{
    width: 100%;
}
.steps_to_follow_wrap li #step1-tab:after{
  background: #1a5283;
}

.steps_to_follow_wrap li #step2-tab:after{
  background: #4cb0b9;
  bottom: -30px;
}

.steps_to_follow_wrap li #step3-tab:after{
  background: #8f213e;
  bottom: -30px;
}

.steps_to_follow_wrap li #step4-tab:after{
  background: #72a22b;
}
.steps_to_follow_wrap li #step1-tab:before{
  border-bottom: 7px solid #1a5283;
}

.steps_to_follow_wrap li #step2-tab:before{
  border-bottom: 7px solid #4cb0b9;
  bottom: -28px;
}

.steps_to_follow_wrap li #step3-tab:before{
  border-bottom: 7px solid #8f213e;
  bottom: -28px;
}

.steps_to_follow_wrap li #step4-tab:before{
  border-bottom: 7px solid #72a22b;
}
.steps_to_follow_wrap li:first-child button{
  margin-left: 0px;
  width: calc(100% - 15px);
}
#borderedTabJustified_2 li:nth-child(3) button {
    /* margin-left: 0px; */
    /* width: calc(100% - 15px); */
}
#borderedTabJustified_2 li button{
	margin: 0px 5px;
	width: calc(100% - 10px);
	padding: 5px;
}
#borderedTabJustified_2 .tl-year h4{
	font-size: 0.82rem;
	font-size: 0.9rem;
}
.steps_to_follow_wrap li:last-child button{
  margin-right: 0px;
  width: calc(100% - 15px);
}
.steps_to_follow_wrap li #step1-tab .tl-year,
.steps_to_follow_wrap li #tab2_step1-tab .tl-year{
  background: #dae1e8;
}
.steps_to_follow_wrap li #step1-tab .tl-year img,
.steps_to_follow_wrap li #tab2_step1-tab .tl-year img{
  background: #1a5283;
}
.steps_to_follow_wrap li #step2-tab .tl-year,
.steps_to_follow_wrap li #tab2_step2-tab .tl-year{
  background: #e8f8fa;
}
.steps_to_follow_wrap li #step2-tab .tl-year img,
.steps_to_follow_wrap li #tab2_step2-tab .tl-year img{
  background: #4cb0b9;
}
.steps_to_follow_wrap li #step3-tab .tl-year, 
.steps_to_follow_wrap li #tab2_step3-tab .tl-year{
  background: #ebdce2;
}
.steps_to_follow_wrap li #step3-tab .tl-year img,
.steps_to_follow_wrap li #tab2_step3-tab .tl-year img{
  background: #8f213e;
}
.steps_to_follow_wrap li #step4-tab .tl-year,
.steps_to_follow_wrap li #tab2_step4-tab .tl-year{
  background: #f2f5e0;
}
.steps_to_follow_wrap li #step4-tab .tl-year img,
.steps_to_follow_wrap li #tab2_step4-tab .tl-year img{
  background: #72a22b;
}
.steps_to_follow_wrap li #step5-tab .tl-year,
.steps_to_follow_wrap li #tab2_step5-tab .tl-year{
  background: #ebd4ff;
}
.steps_to_follow_wrap li #step5-tab .tl-year img,
.steps_to_follow_wrap li #tab2_step5-tab .tl-year img{
  background: #7729bb;
}
.steps_to_follow_wrap li #step1-tab .tl-year p,
.steps_to_follow_wrap li #tab2_step1-tab .tl-year p{
  color: #1a5283;
}
.steps_to_follow_wrap li #step2-tab .tl-year p,
.steps_to_follow_wrap li #tab2_step2-tab .tl-year p{
  color: #4cb0b9;
}
.steps_to_follow_wrap li #step3-tab .tl-year p,
.steps_to_follow_wrap li #tab2_step3-tab .tl-year p{
  color: #8f213e;
}
.steps_to_follow_wrap li #step4-tab .tl-year p,
.steps_to_follow_wrap li #tab2_step4-tab .tl-year p{
  color: #72a22b;
}
.steps_to_follow_wrap li #step5-tab .tl-year p,
.steps_to_follow_wrap li #tab2_step5-tab .tl-year p{
  color: #7729bb;
}
.steps_to_follow_wrap .tab-content{
  /* padding-top: 15px; */
  width: 100%;
  float: left;
  /* box-shadow: inset 0px 0px 8px -5px #dee2e6; */
  /* padding-bottom: 20px; */
  /* background: #dae1e829; */
}
.steps_to_follow_wrap .tab-content>.tab-pane{
  width: 100%;
  float: left;
  padding: 15px 0px 30px 0px;
}
.steps_to_follow_wrap #bordered-justified-step1,
.steps_to_follow_wrap #tab2_bordered-justified-step1{
  background: #f3f6f8;
}
.steps_to_follow_wrap #bordered-justified-step2,
.steps_to_follow_wrap #tab2_bordered-justified-step2{
  background: #f8fdfe;
}
.steps_to_follow_wrap #bordered-justified-step3,
.steps_to_follow_wrap #tab2_bordered-justified-step3{
  background: #f9f4f6;
}
.steps_to_follow_wrap #bordered-justified-step4,
.steps_to_follow_wrap #tab2_bordered-justified-step4{
  background: #f8f8ef;
}
.steps_to_follow_wrap #bordered-justified-step5,
.steps_to_follow_wrap #tab2_bordered-justified-step5{
  background: #f8efff;
}

@media (max-width: 991px) {
	.steps_to_follow_wrap li{
		width: calc(50% - 0px);
	}
	.steps_to_follow_wrap li button{
		width: calc(100% - 10px);
		margin: 5px 5px 5px 5px;
		margin-bottom: 5px !important;
		padding: 2px;
	}
	.steps_to_follow_wrap li:first-child button{
		width: 100%;
	}
	.steps_to_follow_wrap li:last-child button{
		width: calc(100% - 10px);
	}
	.steps_to_follow_wrap li:nth-child(2) button{
		margin-right: 0;
	}
	.steps_to_follow_wrap li:nth-child(3) button{
		margin-left: 0;
		width: 100%;
	}
	.tl-year p{
		font-size: 0.85rem;
		padding: 0px 0px;
	}
	.tl-year h4{
		padding-top: 6px;
		font-size: 0.75rem;
		min-height: 60px;
		line-height: 1.5;
	}
	.tl-year img{
		width: 30px !important;
		height: 30px;
	}
	.steps_to_follow_wrap li button:before, .steps_to_follow_wrap li #step3-tab:before, .steps_to_follow_wrap li #step2-tab:before{
		bottom: -8px;
	}
	.steps_to_follow_wrap li button:after, .steps_to_follow_wrap li #step3-tab:after, .steps_to_follow_wrap li #step2-tab:after{
		bottom: -10px;
	}
}

/*-------- Dos and Don'ts section css Starts -------------_*/
.dos_donts_sec{
  position:relative;
  width:100%;
  min-height: 525px;
  overflow:hidden;
  z-index: 0;
  /* border:2px solid black; */
  /* background: url(../../assets/images/bg_dark.png); */
  /* background-position: center; */
  /* background-size: cover; */
}
.dos_donts_sec .section-heading{
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 40px 0px 20px 0px;
  z-index: 3;
  display: none;
}
.dos_donts_sec .section-heading h2{
  padding-left: 13vw;
  font-size: 32px;
  margin-bottom: 30px;
}
.dos_donts_sec .layer{
  position:absolute;
  width:100vw;
  min-height: 525px;
  overflow:hidden;
  /* border:2px solid black; */
  padding-top: 60px;
  padding: 50px 40px 40px;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.dos_donts_sec .layer .content-wrap{
  position:absolute;
  width:100vw;
  height: 525px;
}

.dos_donts_sec .layer .content-body{
  width: 38%;
  position:absolute;
  top:40%;
  text-align:center;
  transform: translateY(-50%);
}

.dos_donts_sec .bottom{
  /* background: #804000; */
  /* background: url('../../assets/images/dont_bg.jpeg'); */
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.dos_donts_sec .bottom:before {
    content: "";
    position: absolute;
    background: #ffced026;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.dos_donts_sec .bottom .content-body{
  right:10%;
}

.dos_donts_sec .top{
  /* background: #1b4e01; */
  color:#222;
  z-index: 1;
  width:50vw;
}

.dos_donts_sec .top .content-body{
  left: 5%;
  color:#222;
}
.dos_donts_sec .layer .content-body img{
  width: 15%;
  margin-bottom: 20px;
}

.dos_donts_sec .top{
  transform: skew(-20deg);
  margin-left:-1000px;
  width:calc(50vw + 1000px);
  /* background: url('../../assets/images/dos_bg.jpeg') no-repeat; */
  background-size: cover;
  background-position: center;
}
.dos_donts_sec .top:before{
  content:"";
  position: absolute;
  background: #f6fef6;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.dos_donts_sec:after {
  content: "";
  position: absolute;
  background: #4cb0b9;
  background-image: url(../../assets/images/icons/vs_icon_2.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 90px;
  height: 90px;
  z-index: 1;
  border-radius: 50%;
  padding: 15px;
  border: 5px solid #4cb0b9;
}

.dos_donts_sec .top .content-wrap{
  transform: skew(20deg);
  margin-left:1000px;
}

.dos_donts_sec ul {
  list-style: none;
  padding: 0;
}
.dos_donts_sec li {
  display: flex;
  align-self: center;
  text-align: left;
  padding: 5px 0px;
  padding-left: 1.3em;
  line-height: 20px;
  width: 100%;
  color: #283949;
  font-size: 0.85rem;
  /* font-size: 13px; */
}
.dos_donts_sec li:before {
  font-family: 'bootstrap-icons';
  display: inline-block;
  margin-left: -1.0em;
  width: 1em;
  font-weight: bold;
  font-size: 24px;
  line-height: 20px;
  height: 20px;
}
.dos_div li:before{
  content: "\f26e";
  color: green;
}
.dont_div li:before{
  content: "\f62a";
  color: #ad0202;
}
.dos_donts_sec .layer .content-body h4{
  margin-bottom: 10px;
  font-size: 30px;
  text-shadow: 1px 1px 0px #28394980;
  font-weight: 600;
}
.dos_div h4{
  color: green;
}
.dont_div h4{
  color: #ad0202;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.app_link_sec {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 100px 0 140px 0;
}
.app_link_sec img{
  z-index: 1; 
}

.app_link_sec::before {
  content: "";
  position: absolute;
  right: -100%;
  top: 20%;
  width: 216%;
  height: 100%;
  z-index: 0;
  /* background-color: #c1ccdb; */
  background-image: linear-gradient(to right top, #9ca6b4, #9da6b4, #9ea6b3, #f7f9fe, #f9f8fe);
  /* background-image: url(../../assets/images/soil_bg_1.png); */
  transform: skewY(135deg);
}
.app_link_sec::after {
  content: "";
  position: absolute;
  background: url(../../assets/images/equipment_bg.png);
  background-size: contain;
  background-position: bottom;
  z-index: 0;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}
.app_link_sec h1 {
  margin: 0 0 40px 0;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 45px;
  color: #283949;
}
.app_link_div{
  z-index:1;
}
.app_link_sec h2 {
  color: #515f7d;
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 26px;
}

.app_link_sec .download-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  /* padding: 8px 24px 10px 46px; */
  border-radius: 3px;
  transition: 0.5s;
  color: #fff;
  /* background: #47536e; */
  position: relative;
  margin-right: 10px;
}
.app_link_sec .download-btn img{
  width: 175px;
}

.app_link_sec .download-btn:hover {
  background: #5777ba;
}

.app_link_sec .download-btn i {
  font-size: 20px;
  position: absolute;
  left: 18px;
  top: 8.5px;
}

.app_link_sec .download-btn+.download-btn {
  margin-left: 20px;
}

@media (max-width: 991px) {
  .app_link_sec {
    text-align: center;
    padding: 15px 0px 30px 0px;
  }
.app_link_sec .col-lg-6{
	padding-top: 10px !important;
}
  .app_link_sec .download-btn+.download-btn {
    /* margin: 0 5px; */
    margin-left: 5px;
  }

  .app_link_sec .hero-img {
    text-align: center;
  }

  .app_link_sec .hero-img img {
    width: 60%;
  }
.app_link_sec::before{
	display: none;
}
	.app_link_sec::after{
		background-repeat-y: no-repeat;
		height: 40px;
		background-size: cover;
	}

  .app_link_sec h1 {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 20px;
  }
.app_link_sec .download-btn{
	width: calc(50% - 10px);
	float: left;
	margin: 0 5px;
	margin-bottom: 20px;
}
	.app_link_sec .download-btn:last-child{
		/* margin-right: 0px; */
	}
	.app_link_sec .download-btn img{
		width: 100%;
	}
  .app_link_sec h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .app_link_sec .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  .app_link_sec .hero-img img {
    width: 80%;
  }
}




/*--------------- About Us Page CSS start ----------------------*/
.about_us_page_sec{
  width: 100%;
  float: left;
  padding: 50px 0px;
}
.about_us_page_sec p{
  color: #283949;
}
.about_us_page_sec ul, .about_us_page_sec ol{
  width: 100%;
  float: left;
  padding-inline-start: 25px;
}
.about_us_page_sec li{
  color: #283949;
  font-size: 14px;
  padding: 4px 0px 4px 4px;
}



/*------------- Advantage Section CSS start -----------------*/

.advantage_sec{
  width: 100%;
  float: left;
  /* background: #f9fafb; */
  padding: 60px 0px;
}
.advantage_item{
  width: 100%;
  float: left;
  border: 1px solid #c1c1c1;
  
  background: #fff;
}
.advantage_item_wrap{
  width: 100%;
  float: left;
}
.advantage_item_wrap .wrap_content{
  width: 100%;
  float: left;
  padding: 50px 40px 30px;
}
.advantageImg{
  width: 100%;
  float: left;
}
.advantage_item h2, .advantage_item h3, .advantage_item .see_btn, .advantage_item img, .advantage_item p,
.advantage_item:hover h2, .advantage_item:hover h3, .advantage_item:hover a, .advantage_item:hover img, .advantage_item:hover p{
  transition: .3s ease-in-out;
}
.advantage_item h2{
  font-size: 2.0rem;
  line-height: 40px;
  margin-right: 15px;
}
.advantage_item h3{
  font-size: 20px;
    margin-bottom: 17px;
    font-weight: 600;
}
.advantage_item img{
  width: 100%;
    filter: grayscale(1);
}
.advantage_item:hover img {
  filter: grayscale(0);
}
.advantage_item .see_btn{
  padding: 18px 70px 18px 50px;
  background: #f6ad42;
  font-size: 16px;
  font-weight: 600;
  color: #283949;
  display: inline-flex;
  position: relative;
  border: 2px solid;
  /* font-weight: bold; */
  align-items: center;
  margin-top: 30px;
  background: #e8e8e8;
  border-color: #e8e8e8;
}
  .advantage_item .see_btn:after {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: -2px;
    right: -32px;
    background: transparent;
    border-left: 0 solid transparent;
    border-right: 30px solid transparent;
    border-top: 65px solid #f6ad42;
}
.advantage_item .see_btn:after{
  border-top-color: #e8e8e8;
}
.advantage_item .see_btn i {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -14px;
  z-index: 1;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.advantage_item .see_btn i:after {
  content: "";
  background: black;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  transform: skew(-24deg,0deg);
  transition: .5s ease-in-out;
}
.advantage_item:hover .advantage_item_wrap {
  background: #283949;
}
.advantage_item:hover h2, .advantage_item:hover h3 {
  color: white;
}
.advantage_item:hover .see_btn{
  border-color: #f6ad42;
}
.advantage_item:hover .see_btn:after{
  border-top-color: #f6ad42;
}
.advantage_item:hover .see_btn i:after {
  background: black;
}

@media (max-width: 991px) {
.advantage_sec{
	padding: 15px 0px;
}
.advantage_item{
	margin-bottom: 15px;
}
.advantage_item_wrap .wrap_content{
	padding: 15px;
}
.advantage_item h3{
	margin-bottom: 3px;
	font-size: 0.9rem;
}
.advantage_item .see_btn{
	margin-top: 4px;
	padding: 8px 50px 8px 30px;
}
.advantage_item .see_btn:after{
	right: -25px;
	width: 25px;
	border-right: 22px solid transparent;
	border-top: 44px solid #e8e8e8;
}
.advantage_item .see_btn i{
	width: 34px;
	right: -10px;
}
.advantageImg{
	display: none;
}
.advantage_item h2{
	font-size: 1.4rem;
}
	
}

/*----------- Custom tab for Step to follow section -------------*/
.tab-teaser .tab-menu {/* margin-top:34px; */}
.tab-teaser .tab-menu ul { margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.tab-teaser .tab-menu ul li {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;width: calc(100% - 30px);margin: 0 15px;text-align:center;}
.tab-teaser .tab-menu ul li a {color: #000;/* text-transform: uppercase; */letter-spacing: 0.44px;font-weight: 600;display:inline-block;padding: 10px 15px;display: flex;align-items: center;justify-content: center;text-decoration:none;transition:0.5s all;border-bottom: 0;width: auto;background: #d0dde9;}
.tab-teaser .tab-menu ul li a:hover {/* background:#d0d062; *//* color:#fff; */text-decoration:none;}
.tab-teaser .tab-menu ul li a.active {background: #f6ae42;color:#000;text-decoration:none;}
.tab-teaser .tab-menu ul li a.active:before{content:"";position: absolute;bottom: -50px;border-top: 5px solid #f6ae42;width: -webkit-fill-available;width: 170px;}
.tab-teaser .tab-menu ul li a.active:after{content: "\f229";font-family: 'bootstrap-icons';position: absolute;bottom: -70px;color: #f6ae42;}
.tab-teaser .tab-box {display:none;transition: height 2s linear 1s;/* min-height: 400px; */margin: 50px 0px;}
.wrapTabContentShowBtn, .wrapTabContentShowBtn a, .wrapTabContentShowBtn h3{
  transition: .3s ease-in-out;
}

.tab-teaser {/* max-width:800px; */width:100%;margin: 0px auto;padding: 20px 0px 50px 0px;}
.tab-main-box {/* background:#f4fcce; *//* padding: 10px 30px; *//* border:2px solid #d0d062; *//* margin-top:-2px; */width: 100%;float: left;/* margin-top: 50px; */}
.tab-teaser .tab-menu ul li a.active span{
  color: #fff;
}

.wrapTabContentShowBtn{
  padding: 35px 40px;
  border: 1px solid #c1c1c1;
  background: white;
  width: 90%;
  clip-path: polygon(0 0,100% 0,85% 100%,0% 100%);
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.wrapTabContentShowBtn:hover{
  box-shadow: 20px 20px 13px 0 rgb(0 0 0 / 5%);
  -webkit-box-shadow: 20px 20px 13px 0 rgb(0 0 0 / 5%);
  -moz-box-shadow: 20px 20px 13px 0 rgb(0 0 0 / 5%);
  border-color: yellow;
}
.wrapTabContentShowBtn a {
  content: "\f101";
  width: 60px;
  height: 100%;
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skew(-25.7deg,0deg);
  top: 0;
  right: -16px;
  color: black;
  background: #c1c1c1;
}
.wrapTabContentShowBtn a {
  transform: skew(-23deg,0deg);
  right: -23px;
}
.wrapTabContentShowBtn:hover a{
  right: 35px;
  background: yellow;
}

.service-data, .service-data:before, .service-data .svg-icon, .service-data .svg-icon:before, .service-data:hover .icon {
  transition: .3s ease-in-out;
}
.service-data {
  width: 75%;
  margin: auto;
  position: relative;
  z-index: 0;
}
.service-data:before {
  content: "";
  width: 170px;
  height: 220px;
  background: #f5f6f7;
  position: absolute;
  left: calc(50% + 20px);
  top: calc(50% + 30px);
  transform: translate(-50%,-50%) skew(-20deg,0deg);
  z-index: -1;
}
.service-data:hover:before, button.scrollTopStick.active, .loading-text .letter:nth-child(1)::before, .loading-text .letter:nth-child(5)::before {
  background-color: #fffab3;
}
.service-data .svg-icon {
  width: 130px;
  height: 120px;
  position: relative;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-data .svg-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid;
  width: 100%;
  height: 100%;
  transform: skew(-20deg,0deg);
  background: white;
}
.service-data .svg-icon:before{
  background: #e1e6ee;
  border-color: #f6ad42;
}
.service-data .svg-icon img {
  position: relative;
  width: 60px;
  height: 60px;
}
.service-data h3 {
  margin-bottom: 15px;
  margin-top: 30px;
  margin-left: 12.5%;
  width: fit-content;
  min-width: 305px;
  font-size: 1.5rem;
}

.service-data .icon i {
  color: #000;
  font-size: 18px;
}
.service-data .icon {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 100%;
  /* margin: auto; */
  margin-left: 20px;
  background: white;
  transform: translateX(-10px);
  /* opacity: 0; */
  /* visibility: hidden; */
  border-color: #abd1da;
  border-color: #f6ad42;
}

.service-data:hover .icon {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}
.service-data:hover .svg-icon:before{
  background: #f6ad42;
}
.service-data:hover:before{
  background: #f6ad4230;
}

@media (max-width: 992px){
	.tab-teaser{
		padding: 0px 0px;
		float: left;
	}
.tab-teaser .tab-menu{width: 100%;float: left;}
.tab-teaser .tab-menu ul {
    display: inline-block;
    width: 100%;
    float: left;
}
	.tab-teaser .tab-menu ul li{
		flex-grow: unset;
		flex-basis: unset;
		margin: 0px 5px;
		margin-bottom: 12px;
		width: calc(50% - 10px);
		float: left;
	}
	.service-data{width: 100%;float: left;}
	.service-data:before {
    content: "";
    width: 125px;
    height: 150px;
    left: calc(50% + -5px);
    top: calc(50% + 15px);
 }
	.service-data .svg-icon {
    width: 80px;
    height: 80px;
 }
	.service-data .svg-icon img{
		width: 40px;
		height: 40px;
	}
	.service-data h3{
		/* width: 100%; */
		font-size: 0.85rem;
		min-width: unset;
		margin-top: 15px;
		margin-left: 0;
	}
	.tab-teaser .tab-menu ul li a{
		padding: 5px 10px;
		letter-spacing: 0.0001rem;
	}
	.tab-teaser .tab-menu ul li a.active:before{
		bottom: 2px;
		width: 100%;
	}
	.tab-teaser .tab-menu ul li a.active:after{
		bottom: -8px;
	}
	.tab-teaser .tab-box{
		margin: 0px;
	}
	.service-data .icon{
		width: 36px;
		height: 36px;
		margin-left: 5px;
	}

}


/*----------- Advantage Section Modal design --------------*/

html.modal-active, body.modal-active {
  overflow: hidden;
}

.modal_container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 1;
}
.modal_container.advantage_digger_modal {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.advantage_digger_modal .modal-background .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.advantage_agencies_modal {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.advantage_agencies_modal .modal-background .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.advantage_citizen_modal {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.advantage_citizen_modal .modal-background .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal_container.out .modal-background .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/*--------- effects on modal ------------*/

.modal_container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
.modal_container .modal-background .modal {
  background: white;
  padding: 30px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 300;
  position: relative;
  width: 65vw;
  /* max-width: 70vw; */
  /* min-height: 60vh; */
  height: auto;
  max-height: 90vh;
  overflow: auto;
  text-align: left;
}
.modal_container .modal-background .closeModalBtn{
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 32px;
  background: #cccccc45;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal_container .modal-background .closeModalBtn i{
  display: flex;
  font-size: 20px;
}
.modal_container .modal-background .modal h2 {
  font-size: 1.6rem;
  line-height: 25px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.modal_container .modal-background .modal ul,
.modal_container .modal-background .modal ol{
  padding-left: 12px;
}
.modal_container .modal-background .modal p, .modal_container .modal-background .modal li {
  font-size: 16px;
  line-height: 22px;
  color: #283949;
  padding-bottom: 10px;
}
.modal_container .modal-background .modal .modal-svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.modal_container .modal-background .modal .modal-svg rect {
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 778;
  stroke-dashoffset: 778;
}

.content {
  min-height: 100%;
  height: 100%;
  background: white;
  position: relative;
  z-index: 0;
}
.content h1 {
  padding: 75px 0 30px 0;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}
.content .buttons {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.content .buttons .button {
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  margin: 10px;
  background: red;
  font-size: 18px;
  background-color: #efefef;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.content .buttons .button:hover {
  color: white;
  background: #009bd5;
}

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

/*------ Login/Registration Modal CSS start ---------*/

.animated {
  -webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinges {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

.animated.slow {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration: 3s;
	        animation-duration: 3s;
}

.animated.snail {
	-webkit-animation-duration: 4s;
	   -moz-animation-duration: 4s;
	     -o-animation-duration: 4s;
	        animation-duration: 4s;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
.login .modal-content{
  border-radius: 3px;
}
.login .modal-dialog{
    width: 500px;
    transform: translate(-50%, -50%) !important;
    top: 50%;
    left: 50%;
    margin: 0;
}
.login .modal-body{
  padding: 5px 15px;
  padding-bottom: 20px;
}
.login .modal-footer{
    border-top: 0;
    margin-top: 0px;
    padding: 10px 20px 20px;
}
.login .modal-header {
    border: 0 none;
    padding: 10px 15px 10px;
    /*     padding: 11px 15px; */
    border-bottom: 1px solid #ccc;
}
.modal-header .btn-close{
	/* -webkit-text-stroke: 1px; */
}
.login .modal-header h4{
	font-size: 1.2rem;
}
.login .modal-header a{
	height: 24px;
	line-height: 24px;
}
.login .modal-header i{
	font-size: 1.8rem;
	color: #f6ae42;
	/* font-weight: bold; */
	-webkit-text-stroke: 1px;
	line-height: 100%;
	height: 100%;
}
.digger_assetOwner_login_wrap{
  
}
.digger_assetOwner_login_ul{
  /* width: 100%; */
  /* float: left; */
  margin-bottom: 10px;
  display: none !important;
}
.digger_assetOwner_login_ul .nav-link{
  border: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #283a49;
}
.digger_assetOwner_login_ul .nav-link.active{
  border-bottom: 4px solid #f6ae42;
  color: #f6ae42;
}
.login_with_cred_otp_wrap{
  
width: 100%;
  
float: left;
}
.login_with_cred_otp_wrap h4{
	font-size: 1.2rem;
	font-weight: 600;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	color: #f6ae42;
	padding-bottom: 14px;
	margin-bottom: 25px;
}
.login_with_cred_otp_wrap h4:before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: calc(50% - 15px);
    transform: translatey(-50%);
    width: 30px;
    height: 2px;
    background: #333;
    z-index: 1;
}
.login_with_cred_otp_wrap h4:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: calc(50% - 35px);
	transform: translatey(-50%);
	width: 70px;
	height: 4px;
	background: #f6ae42;
}
.login_with_cred_otp_ul{
  
width: 100%;
  
float: left;
  
margin-bottom: 15px;
}
.login_with_cred_otp_ul.nav-pills .nav-link{
  padding: 5px;
  font-size: 0.95rem;
  font-weight: 500;
}
.login_with_cred_otp_ul.nav-pills .nav-link.active{
  background: #adb5bd;
  color: #283a49;
}
.login .division {
    float: none;
    margin: 0 auto 18px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.login .division .line {
    border-top: 1px solid #DFDFDF;
    position: absolute;
    top: 10px;
    width: 34%;
}
.login .division .line.l {
    left: 0;
}
.login .division .line.r {
    right: 0;
}
.login .division span {
    color: #424242;
    font-size: 17px;
}
.login .box .social {
    float: none;
    margin: 0 auto 30px;
    text-align: center;
}

.login .social .circle{
    background-color: #EEEEEE;
    color: #FFFFFF;
    border-radius: 100px;
    display: inline-block;
    margin: 0 17px;
    padding: 15px;
}

.login .forgot {
    color: #797979;
    margin-left: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.login .btn-login, .registerBox .btn-register{
    background-color: #f6ae42;
    border-color: #d49332;
    border-width: 0;
    color: #FFFFFF;
    display: block;
    margin: 0 auto;
    padding: 5px 50px;
    text-transform: uppercase;
    width: 100%;
    font-size: 1.1rem;
    font-weight: 600;
}
.login .btn-login:hover, .registerBox .btn-register:hover{
    background-color: #f6ae42;
    color: #FFFFFF;
}
.login .form-control{
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.09) inset;
    color: #FFFFFF;
    color: #212529;
}
.login .form-label{
  color: #283a49;
}
.login .form-control:hover{
    background-color: rgba(0,0,0,.16);
}
.login .form-control:focus{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04) inset;
    background-color: rgba(0,0,0,0.23);
    color: #FFFFFF;
}
.login .box .form input[type="text"] {
    border-radius: 3px;
    border: none;
    color: #333333;
    font-size: 16px;
    height: 38px;
    line-height: 36px;
    margin-bottom: 5px;
    padding: 0px 12px;
    width: 100%;
}
input#passwordassetdlc, input#passwordllc , input#passworddltc{ width: 80%;}



.login .box .form input[type="password"] {
    border-radius: 3px;
    border: none;
    color: #333333;
    font-size: 16px;
    height: 38px;
    line-height: 36px;
    margin-bottom: 5px;
    padding: 0px 12px;
}
.capt{
  width: 100%;
  float: left;
}
.capt h2{
  width: calc(50% - 25px);
  float: left;
  border: 1px solid #ccc;
  border-right: 0px;
  font-size: 18px;
  text-align: center;
  height: 36px;
  line-height: 32px;
  /* font-family: cursive; */
  background: linear-gradient(50deg, orange, #ac8f8f, #adb5bd, transparent);
  text-decoration: line-through;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.capt h2 img{
  width: 100%;
  height: 34px;
  margin-top: -1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.capt span{
  width: auto;
  float: left;
}
#refresh, .capt span a{
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #f6ae42;
  border: 1px solid #ccc;
  background-image: url(../../assets/images/icons/refresh_icn_white.png);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#refresh, .capt span a i{
  font-size: 22px;
}
#txtInput, #txtInput1,#txtInput1captchaotp,#txtInput2,#txtInput2captchaotp,#txtInput8captchaotp{width: calc(50% - 25px);float: left;margin-left: 14px;}
#enterLoginOTP{
  
}
#enterLoginOTP .modal-dialog, #forgetPassword .modal-dialog, 
#enterNewPassword .modal-dialog{
  transform: translateY(-50%);
  top: 50%;
  width: 425px;
  margin: 0 auto;
}
#enterLoginOTP .modal-content, #forgetPassword .modal-content,
#enterNewPassword .modal-content{
  border-radius: 3px;
  box-shadow: 0 20px 30px 25px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);
}
.otp_on_mobile_img_div{
  width: auto;
  display: block;
  margin: 15px auto;
  text-align: center;
}
.otp_on_mobile_img_div img{
  width: 50px;
}
.otp_on_mobile_img_div p{
  color: #283a49;
  line-height: 20px;
  margin: 15px 0px;
}
.enter_otp_div{
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  
}
.enter_otp_div input{
  width: 36px;
  margin: 0px 3px;
  text-align: center;
  display: inline-block;
  -moz-appearance: textfield;
}
.enter_otp_div input::-webkit-outer-spin-button,
.enter_otp_div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.login #password{
  width: calc(100% - 36px);
  float: left;
}
.togglePassword{
  width: 36px;
  height: 38px;
  float: left;
}

@media (max-width:400px){
    .login .modal-dialog{
        width: 100%;
    }
}


/*-------------- Screenshot scroll section starts CSS ------------------*/
/*-- 13. Gallery-Area --*/
#screenshotFullScreenModal .modal-header{position: absolute;right: 0;top: 0px;background: #adb5bd8f;z-index: 1;padding: 0;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 0px;}
.gallery-area {
  color: #ffffff;
  width: 100%;
  float: left;
  /* padding: 50px 0px 70px 0px; */
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.gallery-area .container-fluid{
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 5vh 20px;
  position: absolute;
  z-index: 1;
  background: #05172878;
}
#screenshotFullScreenModal .modal-header .btn-close{
  margin: 0;
  opacity: 1;
  font-size: 1.2rem;
}
#screenshotFullScreenModal .modal-content{
  background: black;
}
#screenshotFullScreenModal .modal-body{
  padding: 0px;
  /* width: 100%; */
  /* float: left; */
  /* height: 100vh; */
  /* position: relative; */
}
.gallery-area::after {
    content: "";
    position: absolute;
    right: -100%;
    top: 20%;
    width: 281%;
    height: 100%;
    z-index: 0;
    /* background-color: #c1ccdb; */
    background-image: linear-gradient(to right top, #9ca6b466, #9da6b45c, #9ea6b354, #f7f9fe52, #f9f8fe5c);
    /* background-image: url(../../assets/images/soil_bg_1.png); */
    transform: skewY(135deg);
}
.gallery-area::before1 {
    content: "";
    position: absolute;
    background: url(../../assets/images/footer_bg.png) no-repeat;
    background: url(../../assets/images/digging_bg_dark.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    z-index: 0;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery-slide .owl-stage-outer {
  background: url('../../assets/images/mobileScreen.png') no-repeat center right / auto 100%;
  background-size: 315px;
  background-size: contain;
}

.gallery-slide .item {
  margin: 65px 35px 75px 20px;
  overflow: hidden;
  border-radius: 2px;
}

.gallery-slide .owl-controls {
  position: static;
  text-align: right;
  padding-right: 80px;
}

.gallery-slide .owl-controls .owl-nav > div {
  display: inline-block;
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  color: rgba(72, 44, 191, 1);
  margin: 5px;
}

.gallery-slide .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  margin: 3px;
}

.gallery-slide .owl-controls .owl-dots .owl-dot span {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 5px;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.gallery-slide .owl-controls .owl-dots .owl-dot.active span {
  opacity: 1;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}.screenshotSliderContentDiw{
  position: relative;
  padding-left: 40px;
  /* margin-left: 20px; */
}
.wrapScreenshotSliderContent{
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #7b848e;
    padding: 60px 25px;
}
.ol-control.ol-bar{
  display:none;
}

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

#backToTopBtn {
  display: inline-block;
  background-color: #f6ae42;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 25px;
  right: 25px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backToTopBtn::after {
  content: "\f281";
  font-family: 'bootstrap-icons';
  font-weight: 900;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#backToTopBtn:hover {
  cursor: pointer;
  background-color: black;
}
#backToTopBtn:active {
  background-color: black;
}
#backToTopBtn.show {
  opacity: 1;
  visibility: visible;
}


@media (min-width: 500px) {
  #button {
    margin: 30px;
  }
}

/*-------------- Toggle User Button in modal CSS start ------------------*/
#userDiggerOrAssetOwnerModal .modal-footer{
	padding: 20px;
}
#userDiggerOrAssetOwnerModal .login_btn.read_more_btn{
	height: 38px;
	line-height: 38px;
	font-size: 1.05rem;
}
#userDiggerOrAssetOwnerModal .login_btn.read_more_btn:after{
	right: -20px;
	border-top: 38px solid #f6ae42;
}
.select_user_type_div{
	padding: 5vw 25px 6vw 25px;
}

.select_user_type_div [type=radio]+label, .select_user_type_div 
[type=radio]:not(:checked)+label{
  height: 52px;
  line-height: 52px;
  padding: 0px 10px;
  font-size: 1.1rem;
  width: 100%;
  color: #000 !important;
  border: 1px solid #f6ae42;
}

.select_user_type_div .btn-check:checked+.btn{
	background: #f6ae42;
	border: 1px solid orange;
}

.select_user_type_div [type=radio]:not(:checked)+label:after, .select_user_type_div [type=radio]:not(:checked)+label:before {
    border: 1px solid #ffffff;
}

.select_user_type_div [type=radio].with-gap:checked+label:after, .select_user_type_div [type=radio]:checked+label:after {
    background-color: #f6ae42;
    z-index: 0;
}

.select_user_type_div [type=radio].with-gap:checked+label:after, .select_user_type_div [type=radio].with-gap:checked+label:before, .select_user_type_div [type=radio]:checked+label:after {
    border: 2px solid #f6ae42;
}

@media (max-width: 767px){
.video_cap_img{
	display: none;
}
.about_us_sec h2{
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.about_us_sec p{
	line-height: 1.5;
	font-size: 13px;
}
.read_more_btn{
	padding: 6px 45px 6px 25px;
}
	.read_more_btn:after{
		right: -22px;
		border-right: 20px solid transparent;
		border-top: 40px solid #f6ae42;
	}
.read_more_btn i{
	right: -7px;
	width: 30px;
}
.read_more_btn i:after{
	transform: skew(-26deg,0deg);
}
.tl-content{
	padding-top: 0px;
}
.tl-content p{
	font-size: 0.7rem;
	line-height: 1.3;
}
.tl-content h1{
	font-size: 0.62rem;
	margin-bottom: 6px;
}
#borderedTabJustified_2 li{
	width: 50%;
}
#borderedTabJustified_2 li:nth-child(3){
	width: 100%;
}

.dos_donts_wrap .accordion-item:last-child{
	margin: 20px 0px;
}
.dos_donts_wrap li{
	font-size: 0.8rem;
	line-height: 1.5;
}
.faq_sec{
	padding: 15px 0px;
}
.faq_sec .accordion-header button, .faq_sec .accordion-body{
	font-size: 0.85rem;
	line-height: 1.4;
	padding: 8px 8px;
}
.faq_sec .accordion{
	margin: 0px !important;
}
section.contact-us{
	padding: 15px 0px;
}
section.contact-us .right-info{
	padding: 20px;
	width: 100%;
	float: left;
}
section.contact-us .right-info ul li{
	padding-bottom: 20px;
}

.footer-top h4{
	padding-top: 15px;
	padding-bottom: 0px;
	text-align: center;
}
.footer p{
	line-height: 1.4;
	font-size: 0.7rem;
}
.footer_sec.footer img{
	height: 40px;
}
.footer_sec.footer a:last-child img{
	height: 30px;
}
.social-links{
	display: inline-block;
}
.about_us_page_sec{
	padding: 15px 0px;
}
.about_us_page_sec p {
	font-size: 0.8rem;
	line-height: 1.4;
}
.about_us_page_sec p img{
	width: 100%;
}
	

}

	 /*--------------------------------------------------------------
	  # Clients
	  --------------------------------------------------------------*/
	  .clients {
      width: 100%;
      float: left;
      padding: 20px 0;
      text-align: center;
      box-shadow: 3px -1px 6px #335c882e, 0 3px 6px #335c882e;
      /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
      margin-top: 40px;
      }
      
      .clients .stats_wrap{
      padding: 5px 0px;
      }
      
      .clients img {
      max-width: 60%;
      /* min-width: 26px; */
      transition: all 0.4s ease-in-out;
      /* filter: grayscale(100); */
      }
      
      .clients img:hover {
      filter: none;
      transform: scale(1.1);
      }
      
      
      .clients h4 {
		  width: 42px;
		  height: 42px;
		  border: 2px solid #283a49;
		  box-shadow: 0px 2px 2px #283a49;
		  margin: 0 auto;
		  margin-bottom: 15px;
		  border-radius: 50%;
		  line-height: 42px;
		  background: #f6ae42;
		  font-size: 1.8rem;
		  color: #283a49;
		  /* background: url(../images/icons/users_icn.png) no-repeat; */
		  /* background-position: right bottom; */
		  /* background-size: 80px; */
		  /* padding-bottom: 15px; */
		  /* padding-right: 35px; */
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  }
  
      .clients h3{
        font-weight: 700;
        font-size: 1.286em;
        line-height: 1;
        display: block;
        margin-bottom: 10px;
       }
      .clients h3 span{
        font-weight: 400;
        font-size: 0.722em;
      }
      
      .clients h5{
        font-size: 0.8em;
        display: block;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: 400;
       }

@media (max-width: 768px) {
      .clients img {
        max-width: 40%;
		  
      }
      
       .clients .w-20{
		width:50%;
		margin:0 auto;
		}
      
      
		.clients .stats_wrap{
			padding: 15px 0px;
		}
      }
       

      .w-20{
        width: 20%;
      }
      

#request_ticket_modal .nav-pills .nav-link.active, .nav-pills .show>.nav-link, #view_ticket_modal .nav-pills .nav-link.active{
  background: #f6ae42;
  color: #000;
  }

  #request_ticket_modal .nav-pills .nav-link,#view_ticket_modal .nav-pills .nav-link{
    padding-inline: 30px;
    border: 1px solid #f6ae42;
    color: #000;
    border-radius: 3px;
    background: #fdedd5;
    font-weight: 500;
  }

  .dark-theme .text-dark{color:#fff!important}
  .dark-theme .header-area{background-color: #212020!important;}
  .dark-theme .faq_sec .section-heading h2{color:#fff!important}
  .dark-theme .faq_sec{background: #212020}
  .dark-theme .web_logo_div span{color:#fff}
  .dark-theme table th, .dark-theme table td{color:#fff!important}
  html.dark-theme,  body.dark-theme{background: #171616!important}
  .dark-theme .about_us_sec p, .dark-theme .about_us_sec h2, .dark-theme #timeline h2, .dark-theme .section-heading h2, .dark-theme .app_link_sec h1{color:#fff}
  
  
  
  /*   new style start */
  .text-green{color:#1E9C08}
  .text-olive{color:#4D7B03}
  .marq{background: var(--orange);color:#fff;padding-block:5px;font-size: 14px}
  .header-bottom-nav .right-panel li{border-left: 1px solid #fff}
  .header-bottom-nav .searchbar{width: 150px;  background: transparent; border: 0;}
  .header-bottom-nav .searchbar::placeholder{color:#fff;opacity: 1;font-size: 15px;font-weight:500}
  .header-bottom-nav .btn-secondary{background-color: var(--lightorange);font-size: 15px;font-weight:500;padding: 5px 20px;border-radius: 12px 12px 0px 0px;}
  .header-bottom-nav .btn-secondary.dropdown-toggle::after{display: none}
  
  .header-bottom-nav .dropdown-menu{transform: translate(0px, 48px); border-radius: 0px 0px 12px 12px;padding:0;width: 100%;    transform: translate3d(0px, 32.3636px, 0px) !important;}
  .header-bottom-nav  .dropdown-menu li{border-left:0 ;}
  .header-bottom-nav  .dropdown-menu li a{color:#000!important;font-weight: 400!important}
  .header-area .header-bottom-nav .nav .dropdown-menu li:first-child{padding-left: 10px}
  .header-area .header-bottom-nav .nav .dropdown-menu li:nth-child(2){background-color: #EBEBEB}
  .header-area .header-bottom-nav .nav .dropdown-menu .dropdown-item:hover {background-color: transparent;}
  .header-area .main-nav .nav.mobile-view-only{display: none}
  
  
  .scheme-details .map-card{position: relative;box-shadow: 0px 2px 10px 0px #0000001F; box-shadow: 0px 2px 5px 0px #00000029;border:0;border-radius: 16px }
  .scheme-details .map-card h5{color:#FF9800;font-family: Open Sans;font-weight: 800}
  .scheme-details .right-side ul{display: flex;align-items: center;gap:5px}
  .scheme-details .right-side{display: flex; flex-direction: column; align-items: end;}
  .scheme-details .right-side ul li{padding: 3px 5px;font-size: 14px;}
  
  .scheme-details .grid-sec .col-md-6:nth-child(1) .card{background: #cd9c81ed}
  .scheme-details .grid-sec .col-md-6:nth-child(2) .card{background: #388d07d6}
  .scheme-details .grid-sec .col-md-6:nth-child(3) .card{background: #c79323e0}
  .scheme-details .grid-sec .col-md-6:nth-child(4) .card{background: #2e8186f2}
  .scheme-details .grid-sec .col-md-6:nth-child(5) .card { background: #88B04B}
  .scheme-details .grid-sec .col-md-6:nth-child(6) .card { background: #9CCB5B}
  .scheme-details .grid-sec .card{padding:25px;margin-bottom: 20px;border: 0;border-radius: 16px;min-height: 235px;}
  .scheme-details .grid-sec .card img{width: 95px;height: 95px}
  .scheme-details .grid-sec .card h5{font-weight: 700;font-size: 20px;margin-top:10px;color:#fff;text-align: center;margin-bottom: 0}
  
  .scheme-details .know-card{background: #F9F9F9;  }
  .scheme-details .know-card h4{color:#1E9C08}
  .scheme-details .know-card p{color:#2D2D2D;opacity: 0.6}
  .scheme-details .know-card img{max-width: 100%!important;height: auto!important;width: auto!important}
  
  .notification-sec .noti-card{background-color: #FAF9F7;border-radius: 16px;border:0}
  .notification-sec .noti-card h3{font-weight: 600}
  .notification-sec .notification-box table tr{border-bottom: 1px solid #00000033;padding: 15px 0px;} 
  .notification-sec .notification-box table tr:last-child{border-bottom: 0}
  .notification-sec .notification-box table tr td{padding:15px 0}
  .notification-sec .notification-box .noti-date{color:var(--lightgreen);font-weight: 700;font-size: 20px;}
  .notification-sec .notification-box .noti-title{color:#2D2D2D;font-size: 16px;font-weight: 400;opacity: 0.6;}
  .notification-sec .notification-box .noti-btn{color:var(--lightorange);font-weight: 500;font-size: 20px;}
  
  .notification-sec .res-card{border-radius: 16px;border:0px;background: #FAF9F7;}
  .notification-sec .res-card .card-header{padding: 30px 30px;font-size: 1.75rem;font-weight: 600;border-radius: 16px 16px 0px 0px;border-bottom: 0;background: transparent;}
  .notification-sec .res-card ul li{background: linear-gradient(180deg, #E4E4E4 0%, rgba(255, 255, 255, 0) 100%);display: flex;justify-content: space-between;padding: 40px 30px;align-items: center;}
  .notification-sec .res-card ul li h5{font-size: 1.3rem;font-weight: 400;color: var(--lightgreen);opacity: 0.5;}
  .notification-sec .res-card ul li a{font-size: 1.1rem;font-weight: 700;color: var(--lightorange);opacity: 0.5;}

  .media-sec .title{font-size: 34px;font-weight: 600;color:#3D3D3D;position: relative;width: 100%;}
  .media-sec .title:after{position:absolute;top: 60%;height: 1px;background: #DC2824;width: -webkit-fill-available;content:'';transform: translateY(100%);}
  .media-sec .vid-sec .col-grid{position: relative;border-radius: 10px; overflow: hidden;}
  .media-sec .vid-sec .col-grid:after{position: absolute;top:0;bottom:0;left:0;right:0;content:'';background: #4D7B0380;width: 100%;height: 100%;}
  .media-sec .vid-sec .btn-play{position: absolute;top: 50%;bottom:0;left: 50%;right: 50%;z-index: 111111;color: #fff;background-color:#DC2824;box-shadow: 0px 0px 4px 0px #00000040;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;padding: 20px;}
  
  
  .footer_sec .footer-links .visitor-count{background: #FFFFFF1A;border-radius:10px;padding: 10px 15px;border: 1px solid #FFFFFF;font-size: 14px;font-weight: 600;font-family: inter;color:#fff;width: fit-content;}
  .footer_sec .footer-links .visitor-count span{ color: #FD7100;  font-size: 20px;  font-weight: 800;}
  .footer_sec .contact-info{font-family: inter;font-weight: 300;font-size: 14px;color:#fff;}
 
  .modal .btn-close{position: absolute;right:20px;top:20px}
  .modal h3{color:#01553D;font-family: Teachers;font-weight: 600;font-size: 28px}
  .modal h5{font-family: roboto;color:#5B5B5B;font-size: 20px;font-weight: 400}
  .modal .form-control {border: 1px solid #D5D5D5;border-radius: 13px;padding:15px;font-size: 15px}
  .modal .captha-img{position: absolute;top: 2px;right: 30px;border-radius: 10px;height: 50px;}
  .modal .btn-login{background: linear-gradient(90deg, #FF9F03 0%, #FF7D03 100%); font-family: poppins;font-weight: 700;color:#fff;border-radius: 13px;font-size: 20px;padding:15px }
  .modal p{font-weight: 500}
  .modal .left-grid .img img{max-width: 100%;height: 100%;object-fit:cover}
  .modal .left-grid .img{overflow: hidden;border-radius: 15px;height: 100%}
  
  
  .on-off-toggle { width: 190px; height: auto; position: relative;  display: inline-block; }
  .on-off-toggle__slider {  width: 195px; height: auto; display: block; border-radius: 34px;  padding: 5px;  background-color: #3182BD; transition: background-color 0.4s}
  .on-off-toggle__slider:before {content: ''; display: block; background-color: #fff;  box-shadow: 0 0 0 1px #949494; bottom: 7px;  height: 20px; left: 5px;  position: absolute; transition: .4s; width: 20px;   z-index: 5; border-radius: 100%; box-shadow: 0px 3px 3px 0px #0000004D; }
  .on-off-toggle__slider:after {  display: block;  line-height: 24px; text-transform: uppercase; font-size: 12px; font-weight: bold;  content: 'By Default State Wise'; color: #ffffff; padding-left: 26px; transition: all 0.4s; }
  .on-off-toggle__input {  position: absolute; opacity: 0; }
  .on-off-toggle__input:checked + .on-off-toggle__slider { background-color: #ff7525; }
  .on-off-toggle__input:checked +  .on-off-toggle__slider:before { transform: translateX(165px);  }
  .on-off-toggle__input:checked + .on-off-toggle__slider:after { content: 'By Default State Wise'; color: #FFFFFF;  padding-left: 8px; }
	
  @media (max-width: 992px){
  	.container-fluid{padding-inline:15px;}
  	.header-top .navbar{display: none!important}
  	.grid-sec{margin-top: 20px}
  	.side-logo{display: none}
  	
  	.header-area .col-12{padding:0}
  }
   @media (max-width: 767px){
  	.mobile-view-only{display: block}
  	.header-bottom-nav .right-panel{display: none!important}
  	.header-bottom-nav .left-side{display: none!important}
  }