/*=== Header area start ===*/

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto+Condensed:wght@400;700&family=Roboto:wght@300;400;500;700;900&display=swap');

body {	
    font-family: "Reddit Sans Condensed", sans-serif;
    font-size: 14px;
    font-weight: 400;    
	background: #fff;
	color: #333333;	
}

a:hover {
    text-decoration: none;
}

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

input:focus,
textarea:focus,
button:focus {
    outline: none;
}

::selection {
    color: white; 
    background: #ff7675;
}

::-webkit-selection {
    color: white; 
    background: #ff7675;
}

::-moz-selection {
    color: white; 
    background: #ff7675;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: rgba(0,0,0,.5);   
    text-align: center;
    padding-top: 8px;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.scrolltotop:hover {   
    background: #000;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);   
}

.header-area {
    padding: 0px 0;
}

.header-area .container {
    
}

.header-item {
    position: relative;
    text-align: center;
}

.header-item .navbar-brand {
    margin-right: 0;
}

.header-item i {
    font-size: 35px;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
}

.navbar-brand {
    font-family: 'Comfortaa', cursive;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: -3.35px;
    color: #FF6216;
}

.navbar-brand:hover {
    color: #FF6216;
}

.navbar-nav .nav-link {
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    padding: 6px 25px!important;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}
a.nav-link.btn.btn-danger{ background:#FF6216; border-color:#FF6216;}
#active,
.navbar-nav .nav-link:hover {
    color: #F1500B;
}

.navbar {
    padding: 0;
}

/*hamburger css*/
.hamburger {
  padding: 10px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #FF6216; }

.hamburger-box {
  width: 40px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #FF6216;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }


#my-navigation {
    background-color: #40475b;
    color: #fff;
    width: 320px;
    height: 100vh;
    display: none;
    flex-direction: column;
}

#my-navigation > i {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
}

.offcanvas {
    position: fixed;
    z-index: 1000;
    display: none;
    transform: translate3d(0, 0, 0);
    transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    box-sizing: border-box;
}

.logo-area {
    padding-top: 50px;
    padding-left: 35px;
}

.logo-area a {
    font-family: 'Comfortaa', cursive;
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    display: inline-block;
}

.menu-item {
    width: 100%;
    margin-bottom: 60px;
    margin-top: -60px;
}

.menu-item ul {
    padding-left: 12px;
    padding-right: 15px;
}

.menu-item ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #7B839A;
    padding: 10px 23px;
    display: block;
    border-radius: 2px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}

.menu-item ul li a i {
    margin-right: 16px;
}

.menu-item ul li a:hover {
    background-color: #474F66;
    color: #fff;
}

.menu-item2 ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #7B839A;
    padding: 12px 35px;
    display: block;
    border-bottom: 1px solid #474F66;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    position: relative;
}

.menu-item2 ul li a i {
    margin-right: 16px;
}

.menu-item2 ul li a span {
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 9px;
    color: #FFFFFF;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background-color: #F1500B;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
}

.menu-item2 ul li:first-of-type a {
    border-top: 1px solid #474F66;
}

.menu-item2 ul li a:hover {
    color: #fff;
}

.offcanvas--top {
    bottom: 100%;
    left: 0;
    width: 100%;
}

.offcanvas--top--active {
    transform: translate3d(0, 100%, 0);
}

.offcanvas--right {
    top: 0;
    left: 100%;
    height: 100%;
}

.offcanvas--right--active {
    transform: translate3d(-100%, 0, 0);
}

.offcanvas--bottom {
    top: 100%;
    left: 0;
    width: 100%;
}

.offcanvas--bottom--active {
    transform: translate3d(0, -100%, 0);
}

.offcanvas--left {
    top: 0;
    right: 100%;
    height: 100%;
}

.offcanvas--left--active {
    transform: translate3d(100%, 0, 0);
}

.offcanvas--initialized {
    display: block;
}


/*=== slider area start ===*/

.slider-area {    
    font-family: "Reddit Sans Condensed", sans-serif;
}

.slider-item {
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 30px; 
}

.slider-item-inner {
    background-image: url(images/01.png);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: 100% 0;
    padding: 70px 0;
}

.slider-item2 {
    background-image: url(images/02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 210px 0 180px;
}

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

.slider-item-inner .container {
     
}

.carousel-caption h2 {
    font-weight: 400;
    font-size: 2.5rem;
    letter-spacing: 1px;
    color: #4F576E;
    margin-bottom: 10px;
}

.carousel-caption h2 span {
    font-weight: 700;
    color: #f1500b;
}

.slider-item2 .carousel-caption h2 {
    color: #fff;
}
.carousel-caption {
    width: 500px;
    max-width: 100%;
}
.carousel-caption p {
    font-weight: 400;
    font-size: 1.5rem;
    color: #747B8C;
    margin-bottom: 28px;
}

.carousel-caption a {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    color: #FFFFFF;
    padding: 12px 30px;
    background-color: #F1500B;
    border-radius: 5px;
    display: inline-block;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    background: linear-gradient(360deg, #FF6216, #f78e5c);
}

.carousel-caption a:hover {
    opacity: .8;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #4f576e!important;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #4F576E!important;
}

/*=== animate area start ===*/

.ln_wrapper{    
    font-family: "Reddit Sans Condensed", sans-serif;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #000;
    padding: 30px 0;
}

.ln_left{
    width: 0%;
    float: left;
    text-align: center;
}

.ln_right{
    width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 10%;
}

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

.ln_right ul li {
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
    font-size: 100%;
    color: #FFFFFF;
    margin-right: 50px;
}

.ln_right ul li code {
    color: #ffa722;
}

.ln_right ul li span i {
    margin-left: 5px;
}

.ln_right-inner {
    font-size: 100%;
    color: #015e34;
}

.ln_right-inner2 {
    font-size: 100%;
    color: #cd0000;
}

.ln_right2{
    width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
}

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

.ln_right2 ul li{
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
    font-size: 100%;
    color: #FFFFFF;
    margin-right: 80px;
}

.ln_right2 ul li code {
    color: #ffa722;
}

/*.ln_right2 ul li span {
    font-size: 27.72px;
    color: #015e34;
}*/

.ln_right2 ul li span i {
    margin-left: 5px;
}

.ln_right2 ul li:nth-of-type(1) span {
    color: #cd0000;
}

/*=== find area start ===*/

.find-area {
    padding: 70px 0 50px;
}

.inner-container {
    padding: 0 40px;
}

.inner-container h2 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    letter-spacing: -2px;
    color: #4F576E;
    margin-bottom: 32px;
}

.inner-container > form {
    padding: 9px;
    background-color: #F3F2F7;
    border-radius: 47.5243px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.inner-container > form input {
    font-weight: 500;
    font-size: 20.7379px;
    color: #8C92A2;
    padding: 15px 30px;
    background-color: transparent;
    border: none;
    width: 100%;
}

.inner-container > form button {
    width: 72px;
    height: 62px;
    line-height: 72px;
    text-align: center;
    border-radius: 40%;
    background-color: #4F576E;
    border: none;
}

.inner-container form button i {
    color: #fff;
    font-size: 30px;
}

.search-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-item h3 {
    font-weight: 700;
    font-size: 28px;
    color: #4F576E;
    margin-bottom: 0;
}

.search-item img {
    max-width: 100%;
}

.search-item img:first-of-type {
    margin-right: 14px;
}
.gridlist img{margin-right:14px;}
.gridlist img:last-child{margin-right:0px;}
.search-area ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 35px;
}

.search-area ul li {
    width: 18%;
}

.search-area ul li select {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.287739px;
    color: #8C92A2;
    padding: 10px 10px;
    padding-left: 10px;
    padding-right: 30px;
    background-color: #ffffff;
    border: 3.23706px solid #D0CDDE;
    box-sizing: border-box;
    border-radius: 6.47412px;
    appearance: none;
    display: inline-block;
    background-image: url(images/18.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 95% 50%;
    width: 100%;
}

.search-area ul li select option {
    font-weight: 500;
    font-size: 14.1254px;
    color: #81889B;
    background-color: #F3F2F7;
    box-shadow: 0px 8.82835px 5.88556px 2.94278px #E8E8E8;
    border-radius: 5.88556px;
    border-color: #F3F2F7!important;
    border: 0;
    outline: 0;
}

.search-area ul li:last-of-type button {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFFFFF;
    padding: 7px 25px;
    background-color: #F1500B;
    border-radius: 6.47412px;
    border: none;
    display: block;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
}

.search-area ul li:last-of-type a:hover {
    opacity: .8;
}

.dropdown-toggle:after {
    display: none;
}

.dropdown-menu {
    background-color: #F3F2F7;
    box-shadow: 0px 8.82835px 5.88556px 2.94278px #E8E8E8;
    border-radius: 5.88556px;
    padding: 10px 12px;
    width: 191px;
}

/*=== fresh area start ===*/

.fresh-item {
    background-color: #FFFFFF;
    box-shadow: 0px 16.3146px 55.4695px 13.0516px #F3F2F7;
    border-radius: 19.5775px;
    margin-bottom: 38px;
    padding-top: 26px;
    padding-left: 35px;
    padding-right: 30px;
    padding-bottom: 45px;
}

.fresh-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.fresh-item-inner h2 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #4F576E;
    margin: 0;
}

.fresh-item-inner ul li > a {
    font-weight: 700;
    font-size: 16.4451px;
    color: #C7C5CF;
    padding: 10px 15px;
    background-color: #fff;
    border: 2.05563px solid #E4E3EB;
    box-sizing: border-box;
    border-radius: 4.11127px;
}

.fresh-item-inner ul li a i {
    margin-left: 10px;
}

.fresh-item-inner .dropdown-menu {
    width: 100%;
}

.fresh-item-inner .dropdown-menu a {
    font-weight: 700;
    font-size: 14px;
    color: #FF6216;
    display: block;
    margin-bottom: 8px;
}

.fresh-item-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 8px 0;
}

.fresh-item-inner2:after {
    content: '';
    position: absolute;
    width: 1.63146px;
    height: 100%;
    background-color: #E4E3EB;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.fresh-item-inner3 {
    width: 47%;
}

.fresh-item-inner3 h3 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #FF6216;
    margin-bottom: 35px;
}

.fresh-item-inner3 h3 i {
    color: #F1500B;
    margin-right: 16px;
}

.fresh-item-inner4 ul {
    display: flex;
    align-items: center;
    background-color:  #FFFFFF;
    box-shadow: 0px 0px 32.6291px 3.26291px rgba(234, 234, 241, 0.80212);
    border-radius: 4.69859px;
    padding: 7px 0;
    margin-bottom: 12px;
}

.fresh-item-inner4 ul li {
    flex: 0 0 25%;
    max-width: 25%;
}

.fresh-item-inner4 ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 18.7944px;
    color: #2CB9FF;
    text-align: center;
    display: block;
    border-right: 3px solid #ccd0da;
}

.fresh-item-inner4 ul li:nth-of-type(2) a {
    color: #ff2572;
}

.fresh-item-inner4 ul li:nth-of-type(3) a {
    color: #0e9353;
}

.fresh-item-inner4 ul li:nth-of-type(4) a {
    color: #ff6216;
}

.fresh-item-inner4 ul li:last-of-type a {
    border-right: none;
}

.fresh-item-inner5 ul {
    display: flex;
    align-items: center;
    background-color:  #FFFFFF;
    box-shadow: 0px 0px 32.6291px 3.26291px rgba(234, 234, 241, 0.80212);
    border-radius: 4.69859px;
    padding: 7px 0;
    margin-bottom: 12px;
}

.fresh-item-inner5 ul li {
    flex: 0 0 25%;
    max-width: 25%;
}

.fresh-item-inner5 ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 16.4451px;
    color: #838B9B;
    text-align: center;
    display: block;
}

.fresh-item-inner6 ul {
    display: flex;
    align-items: center;
    background-color:  #FFFFFF;
    box-shadow: 0px 0px 32.6291px 3.26291px rgba(234, 234, 241, 0.80212);
    border-radius: 4.69859px;
    padding: 7px 0;
    margin-bottom: 12px;
}

.fresh-item-inner6 ul li {
    flex: 0 0 25%;
    max-width: 25%;
}

.fresh-item-inner6 ul li a {    
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 18.7944px;
    color: #008D39;
    text-align: center;
    display: block;
}

.fresh-item-inner6 ul li:nth-of-type(2) a,
.fresh-item-inner6 ul li:nth-of-type(3) a {
    color: #f00000;
}

.fresh-item-inner7 {
    margin-top: 30px;
}

.fresh-item-inner7 a {
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding: 5px 10px;
    background-color: #279dff;
    border-radius: 3px;
    display: inline-block;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
        background: #ea4f0d;
}

.fresh-item-inner7 a:hover {
    opacity: .8;
}

.fresh-item2 {
    width: 47%;
}

.fresh-item2 img {
    width: 100%;
}

.fresh-item-inner8 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 41.151px 4.1151px rgba(234, 234, 241, 0.80212);
    border-radius: 5.92575px;
    padding: 7px 0;
    width: 85%;
    margin-bottom: 12px;
}

.fresh-item-inner8 ul li {
    width: 33.3333%!important;
}

.fresh-item-inner8 ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 23.703px;
    color: #2CB9FF;
    display: block;
    text-align: center;
    border-right: 3px solid #ccd0da;
}

.fresh-item-inner8 ul li:nth-of-type(2) a {
    color: #ff2572;
}

.fresh-item-inner8 ul li:nth-of-type(3) a {
    color: #0e9353;
    border-right: none;
}

.fresh-item-inner9 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 41.151px 4.1151px rgba(234, 234, 241, 0.80212);
    border-radius: 5.92575px;
    padding: 7px 0;
    margin-bottom: 12px;
    width: 85%;
}

.fresh-item-inner9 ul li {
    width: 33.3333%!important;
}

.fresh-item-inner9 ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 20.7401px;
    text-align: center;
    color: #838B9B;
    display: block;
}

.fresh-item-inner10 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 41.151px 4.1151px rgba(234, 234, 241, 0.80212);
    border-radius: 5.92575px;
    padding: 7px 0;
    margin-bottom: 12px;
    width: 85%;
}

.fresh-item-inner10 ul li {
    width: 33.3333%!important;
}

.fresh-item-inner10 ul li a {    
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 23.703px;
    color: #008D39;
    display: block;
    text-align: center;
}

.fresh-item-inner10 ul li:nth-of-type(2) a,
.fresh-item-inner10 ul li:nth-of-type(3) a {
    color: #f00000;
}

.fresh-item3 {
    padding: 30px 40px 0;
}

.fresh-item3 a {
    font-weight: 700;
    font-size: 32.1316px;
    text-align: center;
    color: #FFFFFF;
    padding: 36px;
    width: 100%;
    display: block;
    background-color: #F1500B;
    border-radius: 5.8421px;
    margin-bottom: 0px;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
}

.fresh-item3 a:hover {
    opacity: .8;
}

.fresh-item3-inner img {
    width: 100%;
}

/*=== news area start ===*/

.news-area {
    padding-bottom: 70px;
}

.news-area-inner {
    padding: 70px 0px;
    display: flex; gap: 30px;flex-wrap: wrap; width:100%;
}


.inner-container2 h2 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    color: #4F576E;
    margin-bottom: 35px;
}

.news-item {
    background-color: #FFFFFF;
    box-shadow: 0px 14.4432px 49.1067px 11.5545px #F3F2F7;
    border-radius: 17.3318px;
     width:calc(33% - 30px);
    align-items: center;
    margin-bottom: 15px;overflow: hidden;
}
.newsdetails .news-item {
    width: 100%;
}
.newsdetailsimg {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.newsdetailsimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content {
    display: none;
}

.news-item-inner {
    width: 100%;
    overflow: hidden; height:200px;
}

.news-item-inner img {
    width: 100%; transition:all 0.3s;
    border-radius: 17.3318px 0 0 17.3318px;
}
.news-item:hover .news-item-inner img{transform: scale(1.05);}

.news-item-inner2 {
    padding-top: 15px;
    padding-left: 15px;
    width: 100%;
    padding-right: 15px;
}
.btnevet {
    margin-bottom: 30px;
}

.news-item-inner2 h3 a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    color: #4F576E;
    display: block;
    margin-bottom: 15px;
}
.eventDate {
    font-size: 1rem;
    color: #575e6b;
    font-weight: 600;
    margin-bottom:10px;
}

.news-item-inner2 h4 {
    font-weight: 700;
    font-size: 23.109px;
    color: #F35B00;
    margin-bottom: 3px;
}

.news-item-inner2 p {
    font-weight: 400;
    font-size: 15px!important;
    color: #333!important;    font-family: "Reddit Sans Condensed", sans-serif !important;
}
.btnevet a {
    color: #FF6216;
    text-transform: uppercase;
    font-weight: 600;
}
.btnevet a i{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}

.news-item2 a,.paginaionlsit ul.pagination li a {
    font-weight: 700;
    font-size: 31.9077px;
    text-align: center;
    color: #FFFFFF;
    padding: 36px;
    display: block;
    width: 100%;
    background-color: #F1500B;
    border-radius: 5.8014px;
    margin-top: 20px;
    margin-bottom: 50px;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
}

.news-item2 a:hover {
    opacity: .8;
}

.news-item2-inner img {
    width: 100%;
}

/*=== footer area start ===*/

.footer-area {
    padding: 30px 0 20px;
    background-color: #313131;
}

.footer-area-inner {
    padding: 0 30px;
}

.footer-item > a {
    font-family: 'Comfortaa', cursive;
    font-weight: 700;
    font-size: 36px;
    color: #FF6216;
    display: block;
    margin-bottom: 15px;
}

.footer-item-inner {
    margin-bottom: 40px;
}

.footer-item-inner ul li {
    display: inline-block;
}

.footer-item-inner ul li a {
    font-size: 25px;
    color: #E4E3EB;;
    margin-right: 25px;
    display: block;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
}

.footer-item-inner ul li a:hover {
    color: #FF6216;
}

.footer-item p {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #D8D8D8;
    margin-bottom: 0;
}

.footer-item h2 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #F1500B;
    margin-bottom: 15px;
}
.tabledesign thead tr {
    background: #3d3d3d;
    color: #fff;
}



.footer-item-inner2 ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #D8D8D8;
    display: block;
    margin-bottom: 5px;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
}

.footer-item-inner2 ul li a:hover {
    color: #FF6216;
}

.footer-area2 {
    padding: 15px 0;
    background-color: #1E1E1E;
    display: none;
}

.footer-item2 ul {
    text-align: center;
    margin-bottom: 25px;
}

.footer-item2 ul li {
    display: inline-block;
}

.footer-item2 ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    margin-right: 10px;
    background-color: #262626;
    display: block;
    border: 1px solid #262626;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
}

.footer-item2 ul li a:hover {
    color: #F1500B;
    border-color: #FF6216;
}

.footer-item2 p {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
}

.footer-item2 p span {
    margin-right: 12px;
    padding-right: 12px;
    border-right: 3px solid #f1500b;
}

/*=== page 2 start ===*/

.header-area3 {
    background-color: #f3f2f7;
}

.heyden-area {
    padding: 70px 0 50px;
    background-color: #fff;
}

.heyden-area-inner {
    display: flex;
    align-items: flex-start;
}

.heyden-item2 {
    width: 225px;
}

.heyden-item2 img {
    width: 180px;
    margin-right: 45px;
}

.heyden-item {
    width: 90%;
}
.accounttypechnge .heyden-item{
    width: 100%;
}

.heyden-item h2 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #4F576E;
    margin-bottom: 15px;
}

.heyden-item h3 {    
    font-family:"Reddit Sans Condensed", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #4F576E;
    margin-bottom: 22px;
}

.heyden-item h3 i {
    color: #f1500b;
    margin-right: 17px;
}

.heyden-item-inner ul {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 45.2291px 7.53819px rgba(234, 234, 241, 0.774557);
    border-radius: 7.53819px;
    padding: 7px 0;
    margin-bottom: 15px;
    width: 100%;
}

.heyden-item-inner ul li {
    width: 25%;
}

.heyden-item-inner ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #3073D4;
    border-right: 3px solid #d7dbe4;
    display: block;
    text-align: center;
}

.heyden-item-inner ul li:nth-of-type(2) a {
    color: #a70a59;
}

.heyden-item-inner ul li:nth-of-type(3) a {
    color: #048462;
}

.heyden-item-inner ul li:last-of-type a {
    border-right: 0;
    color: #f0a802;
}

.heyden-item-inner2 ul {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 45.2291px 7.53819px rgba(234, 234, 241, 0.774557);
    border-radius: 7.53819px;
    padding: 7px 0;
    margin-bottom: 15px;
    width: 100%;
}

.heyden-item-inner2 ul li {
    width: 25%;
}

.heyden-item-inner2 ul li a {    
    font-family: "Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size:16px;
    color: #838B9B;
    display: block;
    text-align: center;
}

.heyden-item-inner3 ul {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 45.2291px 7.53819px rgba(234, 234, 241, 0.774557);
    border-radius: 7.53819px;
    padding: 7px 0;
    margin-bottom: 15px;
    width: 100%;
}

.heyden-item-inner3 ul li {
    width: 25%;
}

.heyden-item-inner3 ul li a {    
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #008D39;
    display: block;
    text-align: center;
}

.heyden-item-inner3 ul li:nth-of-type(2) a {
    color: #f00000;
}

.heyden-item-inner3 ul li:nth-of-type(3) a {
    color: #f00000;
}

.heyden-item-inner4 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 35px;
    width: 100%;
}

.heyden-item-inner4 a {
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    padding: 5px 10px;
    display: inline-block;
    background-color: #FF6216;
    border-radius: 3px;
    background: linear-gradient(181deg, #FF6216, #f78e5c);
}

.heyden-item-inner4 span {
    font-weight: 500;
    font-size: 16px;
    color: #B1AFBF;
}

/*=== company area start ===*/

.company-area {
    padding: 70px 0;
    background-color: #F3F2F7;
}

.company-item {
    background-color: #FFFFFF;
    box-shadow: 0px 18.3838px 62.5051px 14.7071px #ECECF0;
    border-radius: 7.35354px;
    padding: 0 40px;
    padding-right: 20px;
    overflow: hidden;
    padding-bottom: 36px;
    margin-bottom: 60px;
}

.company-item h2 {
    margin: 0;
}

.company-item h2 a {
    font-weight: 700;
    font-size: 20px;
    color: #4F576E;
    padding: 14px 0;
    background-color: #E8E8EF;
    border-radius: 7.35354px;
    display: block;
    margin-top: -3px;
    margin-bottom: 40px;
    width: 283px;
    text-align: center;
}

.company-item p {
    font-weight: 300;
    font-size: 25.7374px;
    color: #4f576e;
    margin-bottom: 0;
}

.company-item p span {
    font-weight: 700;
    color: #F1500B;
}

.company-item-inner {
    padding-right: 60px;
}

.company-item-inner ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company-item-inner ul li a {
    font-weight: 300;
    font-size:18px;
    color: #4f576e;
}

.company-item-inner ul li a span {
    font-weight: 700;
}

.company-item-inner ul li:nth-of-type(1) a span {
    color: #3073D4;
}

.company-item-inner ul li:nth-of-type(2) a span {
    color: #EB457B;
}

.company-item-inner ul li:nth-of-type(3) a span {
    color: #00825F;
}

.company-item-inner ul li:nth-of-type(4) a span {
    color: #F0A700;
}

.company-item-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company-item-inner3 {
    width: 40%; 
    padding-left:30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.company-item-inner4 {
     flex: 0 0 151px;
    width: 151px;
    height: 151px;
    border-radius: 50%;
    text-align: center;
    background-color: #FFFFFF;
    border: 8.65455px solid #FF866A;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 25px;
    padding: 10px 15px;
}
.company-item-inner3full {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}

/*
.company-item-inner4 {
    flex: 0 0 183px;
    width: 183px;
    height: 183px;
    border-radius: 50%;
    text-align: center;
    background-color: #FFFFFF;
    border: 8.65455px solid #FF866A;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 60px;
}*/

.company-item-inner4 h6 {
    font-weight: 300;
    font-size: 16px;
    color: #4F576E;
    margin: 0;
}

.company-item-inner4 h3 {
    font-weight: 700;
    font-size: 20px;
    color: #4F576E;
    margin: 0;
}

.company-item-inner4 h3 span {
    font-size: 13.85px;
}

.company-item-inner4 h2 {
    font-weight: 700;
    font-size:14px;
    color: #000;
}

.company-item-inner4 h4 {
    font-weight: 700;
    font-size: 25.2424px;
    color: #4F576E;
}

.company-item-inner4 h4 span {
    font-size: 14px;
}

.company-item-inner5 {
    width: 60%;
}

.company-item-inner6 {
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;width: 100%;
}

.company-item-inner6 span {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #535B71;
    margin-right: 18px;
    display: block;
    margin-top: 5px;
}

.company-item-inner6 h5 {
    font-weight: 300;
    font-size: 19px;
    color: #4F576E;
}

.company-item-inner7 {
    padding-left: 40px;
}

.company-item-inner7 h4 {
    font-weight: 700;
    font-size: 32.3455px;
    color: #F1500B;
}

.company-item-inner7 p {
    font-weight: 300;
    font-size: 28px;
    color: #4F576E;
    margin-bottom: 0;
}

.company-item-inner7 p br {
    display: none;
}

.company-item-inner8 {
    display: flex;
    align-items: start;
}

.company-item-inner9 {
    width: 50%;
}

.company-item-inner9 h2 {
    font-weight: 700;
    font-size: 16px;
    color: #F1500B;
    margin-bottom: 15px;
}

.company-item-inner9 ul li {
    font-weight: 500;
    font-size: 14px;
    color: #535b71;
    margin-bottom: 5px;
}

.company-item-inner9 ul li a {
    color: #535b71;
    display: block;
}

.company-item2 {
    padding: 0 15px;
}

.company-item2 a {
    font-weight: 700;
    font-size: 33.2895px;
    text-align: center;
    color: #FFFFFF;
    padding: 38px;
    display: block;
    width: 100%;
    background-color: #F1500B;
    border-radius: 6.05263px;
    margin-bottom: 60px;
}

.company-item2-inner {
    padding: 0 10px;
}

.company-item2-inner img {
    width: 100%;
    display: block;
}

/*=== faq page start ===*/

.banner-area {
    background-image: url(images/12.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10rem 0;
}

.banner-item h2 {    
    font-family:"Reddit Sans Condensed", sans-serif;
    font-weight: 600;
    font-size: 55px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

/*=== accordion area start ===*/

.accordion-area {
    padding: 70px 0;    
    font-family: "Reddit Sans Condensed", sans-serif;
}

.accordion-area .container {
    max-width: 1080px;
}

.ziehharmonika h3 {
    background: #F3F2F7;
    border-radius: 15.9px;
    color: #485169;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 20px 60px 20px 20px;
    cursor: pointer;
    transition: 0.25s all;
    position: relative;
    margin: 0;
}

.ziehharmonika h3.active {
    border-radius: 15.9px 15.9px 0 0;
    margin: 0;   
}

.ziehharmonika > div {
    display: none;
    background: #F3F2F7;
    border-radius: 0 0 15.9px 15.9px;
    text-align: left;
    padding: 10px 25px 25px;
}

.ziehharmonika > div p {
    font-weight: 400;
    font-size: 1rem;
    color: #8C92A2;
    padding-top: 20px;
    border-top: 3.17988px solid rgba(161, 172, 199, 0.28);
    margin: 0;
}

.ziehharmonika .collapseIcon {
    position: absolute;
    right: 60px;
    top: 50%;
    font-size: 40px;
    font-weight: 300;
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    color: #485169;
    border: 1px solid #485169;
}

.ziehharmonika > span {
    width: 100%;
    height: 40px;
    background-color: #fff;
    display: block;
}

.ziehharmonika > img {
    width: 100%;
    display: block;
    margin: 15px 0;
}

.accordion-item > h5 {
    font-weight: 400;
    font-size: 2rem;
    text-align: center;
    color: #4F576E;
    margin-top: 0px;
}

.accordion-item > h5 a {
    font-weight: 800;
    color: #f1500b;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}

.accordion-item > h5 a:hover {
    opacity: .8;
}

/*=== about page start ===*/

.banner-area2 {    
    font-family: "Reddit Sans Condensed", sans-serif;
    background-image: url(images/13.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10rem 0;
}

.banner-item2 h2 {
    font-weight: 600;
    font-size: 55px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.touch-area {
     padding: 70px 0; 
}
.signpage{background:url(images/loginbg.jpg);    position: relative;}
.touch-area.signpage .container {
    position: relative;
    z-index: 99;
}
.touch-area.signpage:after {
    position: absolute;
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.7;
}
.showpassrd {
    position: relative;
}
.showpassrd input[type="checkbox"] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.showpassrd input[type="checkbox"]:after {position: absolute; background: #fff; width: 25px;height: 25px; top: -5px;  right: 0; content: "\f070"; font-family: "Font Awesome 5 Free";}
.useregister .showpassrd input[type="checkbox"]:after {background: #f9f9f9;}

.showpassrd input[type="checkbox"]:checked:after {content: "\f06e"; }
.showpassrd input.form-control {
    padding-right: 50px;
}
.form-control{background-color: #f9f9f9;    height: calc(1.7em + 0.75rem + 3px);}
.touch-area .card {
    border: none;
    box-shadow: 10px 5px 10px rgb(255 98 22 / 31%);
}
.touch-area .container {
    max-width: 1190px;
}
.touch-area h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
.touch-area h3 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
.touch-item p {
    font-size:1.3rem;
    text-align: left;
    letter-spacing: -0.505556px;
    color: #757B8B;
    margin-bottom: 20px;
}

.touch-item img {
    width: 100%;
    display: block;
    margin: 30px 0;
}

.touch-item2 > h2 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    color: #4F576E;
    margin-bottom: 50px;
    margin-top: 50px;
}

.touch-item2-inner {
    padding: 40px;
    padding-right: 80px;
    padding-bottom: 50px;
    background-color: #F3F2F7;
    border-radius: 12px;
}

.touch-item2-inner2 {
    padding: 25px 40px;
    background-color: #fff;
    border-radius: 12px;
}

.touch-item2-inner2 h3 {
    font-weight: 600;
    font-size: 32px;
    color: #4F576E;
    margin-bottom: 30px;
}

.touch-item2-inner2 p {
    font-weight: 400;
    font-size: 24px;
    color: #4F576E;
    margin-bottom: 50px;
}

.touch-item2-inner2 .media {
    align-items: flex-start;
    margin-bottom: 20px;
}

.touch-item2-inner2 .media i {
    font-size: 18px;
    color: #4F576E;
    margin-right: 25px;
    margin-top: 4px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}

.touch-item2-inner2 .media i:hover {
    color: #F1500B;
}

.touch-item2-inner2 .media h6 {
    font-weight: 400;
    font-size: 20px;
    color: #4F576E;
    margin: 0;
}

.touch-item2-inner2 .media h6 a {
    color: #4F576E;
}

.touch-item2-inner2 ul {
    margin-top: 50px;
}

.touch-item2-inner2 ul li {
    display: inline-block;
}

.touch-item2-inner2 ul li a {
    font-size: 22px;
    color: #F1500B;
    display: block;
    margin-right: 30px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}

.touch-item2-inner2 ul li a:hover {
    color: #4F576E;
}

.touch-item2-inner3 form label {
    font-weight: 600;
    font-size: 18.6062px;
    color: #4F576E;
    display: block;
}

.touch-item2-inner3 form input,
.touch-item2-inner3 form textarea {
    font-weight: 600;
    font-size: 18.6062px;
    color: #4F576E;
    padding: 4px 19px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1.86062px solid #C7C5CF;
    margin-bottom: 20px;
    background-color: transparent;
    resize: none;
}

.touch-item2-inner3 form button {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.0855556px;
    color: #FFFFFF;
    padding: 17px 32px;
    background-color: #F1500B;
    border-radius: 2.2px;
    border: none;
    margin-top: 10px;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}

.touch-item2-inner3 form button:hover {
    opacity: .8;
}

/*=== page 5 start ===*/

.useful-area {    
    font-family: "Reddit Sans Condensed", sans-serif;
    padding: 70px 0;
}

.useful-area .container {
    max-width: 1090px;
}

.useful-item h2 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    color: #4F576E;
    margin-bottom: 40px;
}

.useful-item ul li a {
    font-weight: 600;
    font-size: 34.7248px;
    color: #8E8E93;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 23.0052px;
    margin-bottom: 45px;
    box-shadow: 0 0 10px #f2f1f5;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
}

.useful-item ul li a:hover {
    opacity: .8;
}

.useful-item ul li a img {
    max-width: 100%;
}

.useful-item > img {
    width: 100%;
    display: block;
    margin-top: 30px;
}


/* grid view css start here */
.gridlist img {
    cursor: pointer;opacity: .5;
}
.gridlist .active {
    filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);
    opacity: 1;
}

.gridtabs{display:none;}
/*.tabletabs{display:none;}*/
.tableview .tabletabs{display:block;}
.tableview .fresh-item-inner2{display:none;}
span.uparrow{ color: green; font-size:14px;}
span.uparrow i {
    font-size: 18px;
    color: green;
}
span.downarrow i {
    font-size: 18px;
    color: red;
}
span.downarrow{ color: red; font-size:14px;}
.gridview .col-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.tablenewdesign table.table {
    border: none;
}
.tablenewdesign table.table thead th{    font-weight: 800; color: #2e3433; font-size: 24px;    border-top: none;}

.tablenewdesign table.table th,.tablenewdesign table.table td{border-color:#aaa;width:16%; text-align:center;    height: 50px; vertical-align: middle;}
.tablenewdesign table.table th:first-child,.tablenewdesign table.table td:first-child{border-color:#aaa; width:24%; text-align:left;}

.tablenewdesign table.table thead th:first-child, .tablenewdesign table.table tbody th:first-child {
    border-left: none;
}
.tablenewdesign table.table thead tr{background:none;}
.tablenewdesign .dt-layout-cell.dt-layout-full{
    border: 1px solid #aaa;
    border-radius: 20px;
    overflow: hidden;
}
.tablenewdesign p{margin-bottom:0!important;    padding-bottom: 0 !important;}
.lastupdatedesk {
    font-weight: 300;
    color: #868686;
    font-size: 14px;
    letter-spacing: -0.24px;
    line-height: 10px;
}
span.depotname {
    font-size: 22px;
    font-weight: 700;
    color: #2e3433;
    letter-spacing: -0.40px;
    line-height: 18px;
    align-self: stretch;
    margin-top: -1.00px;
}
.tablenewdesign table.table thead th:last-child, .tablenewdesign table.table tbody td:last-child {
    border-right: none;
}

.tabletabs span {
     
}

tr:nth-child(even) {
            background-color: #f3f2f7;
        }

.gridview .fresh-item-inner {
    width: 100%;
    white-space: nowrap;
}
.gridview .gridtabs{display:block; margin-bottom:30px;}
.gridview .gridtabs ul li {padding: 3px 10px; background: #f3f3f3;cursor: pointer;}
.gridview .gridtabs ul li.active {background: #f15411; color: #fff;}
.gridview .gridtabs ul {display: flex;}
.gridview .fresh-item-inner .fresh-item-inner3 {width: 100%;}
.gridview .fresh-item-inner .fresh-item-inner3 h3 {margin-bottom: 0;}
.gridview .fresh-item-inner2 {display: block;}
.gridview .fresh-item-inner2:after{display:none;}
.gridview .fresh-item-inner3,.gridview  .fresh-item2 {width: 100%;}
.chartnew div[dir="ltr"] {width:400px!important;max-width: 100%;}
.gridview .gridchart {display: none;}
.search-area ul li.mobilebtnserch {width: auto;display: flex; gap: 5px;}
.paginaionlsit ul.pagination li a {padding: 5px 15px; font-size: 14px; margin-top:0; margin-bottom:0;}
.paginaionlsit ul.pagination {gap: 2px;    justify-content: center;}
table.table.tabledesign.dataTable {width: 99%;}
.w100{width:100%;}
.form-group.otpinput {display: flex; gap: 1rem; overflow: hidden;width: 100%;}
.findbox h2 {text-align: center;}
.findbox form {width: 100%;display: block;position: relative;}
.findbox form input[type="text"] {width: 100%;border-radius: 100px; border: none;background: #ececec;padding: 20px 70px 20px 20px;    font-size: 1.3rem;}
.findbox form button {position: absolute; right: 20px;background: #50586f;border: none;  color: #FF6216;padding: 10px 15px; border-radius: 15px;top: 50%; transform: translateY(-50%); 
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.findbox {margin-bottom: 20px;}
.d-none-md{display:none;}
table.dataTable tbody th h5 i {color: #F1500B;}    
table.dataTable tbody th {color: #4F576E;}
#printableArea tr.even {background: #fff8f8;}
table.dataTable tbody th, table.dataTable tbody td{font-size:1rem;}
table.dataTable thead th.sorting {font-size: 1.2rem;}
button#printpricelist {
    margin-bottom: 20px;
    float: right;background:#FF6216; border-color:#FF6216;
}
.chartnew{height:250px; width:90%;}
.touch-area.accounttypechnge .card {
    box-shadow: none;
}
.changebuttonRow {padding-left: 25%;  justify-content: center;}
.changebuttonRow form {
    width: 25%;
    text-align: center;
}
.tablenewdesign .dt-search {
    display: none;
}
.tablenewdesign .dt-layout-row {
    margin: auto !important;
}
.dataTables_wrapper .paging_simple_numbers a.paginate_button.current {
    background: #ff6216 !important;
    color: #fff !important;
    border-color: #ff6216 !important;
}
.dataTables_wrapper .paging_simple_numbers a.paginate_button.next,.dataTables_wrapper .paging_simple_numbers a.paginate_button.previous {
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    color: white !important;
    border: 1px solid #111;
}
.dataTables_wrapper .paging_simple_numbers a.paginate_button.previous.disabled {
    background: #d9d9d9;
    color: #000 !important;
}
#printableArea table.table.tabledesign.dataTable tbody th h5 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 16px;
    color: #2e3433;
    font-weight: 400;
    width: fit-content;
    margin-right: -1.00px; margin-bottom:0;
}
p.datacenter {
    display: inline-block;    position: relative;
    padding-right: 20px;
}
p.datacenter span {
    display: block;
    text-align: right;
}
span.price {float: none;    font-weight: 400; color: #2e3433; font-size: 25px; letter-spacing: 0;  line-height: 16.8px;}
#printableArea table.table.tabledesign.dataTable tbody td span.uparrow i, #printableArea table.table.tabledesign.dataTable tbody td span.downarrow i {
   position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
}
#printableArea table.table.tabledesign.dataTable tbody td span.uparrow, #printableArea table.table.tabledesign.dataTable tbody td span.downarrow {
   font-size: 18.2px;
    text-align: right;
    letter-spacing: -0.36px;
    line-height: 26.8px;
    font-weight: 700;
}
#printableArea table.table.tabledesign.dataTable tbody td p, #printableArea table.table.tabledesign.dataTable tbody td.sorting_1 {
    font-size: .75rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
.touch-area.signpage button.btn.btn-primary.btn-block {
    background: #FF6216;
    border-color: #FF6216;
}
.listgrid2ndview{position:fixed;       opacity: 0; z-index:-999; }
.mobshow{display:none;}
.accounttypechnge .heyden-item-inner2 ul li:first-child a {
    text-align: left;
    padding-left: 10px;
}
/* grid view css end here */

@media screen and (max-width: 767px) {
.company-item-inner2{flex-wrap: wrap;}  
.company-item-inner5{width: 100%;}
.company-item-inner3{width: 100%;}
.company-item-inner3full{flex-wrap: wrap;justify-content: space-around;}
.gridview .col-12 {-ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important;}
.mobileviewhome .fresh-item-inner2 {display: block;}
.mobileviewhome .fresh-item-inner2:after{display:none;}
    .mobileviewhome .fresh-item-inner3, .mobileviewhome .fresh-item2 {width: 100%;}
.search-area ul.mobilefilter {flex-wrap: wrap; gap: 5px;}
.search-area ul.mobilefilter li {width: calc(50% - 10px);}
.search-area ul.mobilefilter li.mobilebtnserch button {width: 100%; padding: 5px; font-size: 14px;}
.chartnew div[dir="ltr"] text {font-size: 8px;}
.chartnew{height:150px;}
}