:root {
    --theme-color: #1280C3;
    --theme-color2: #B7E3FF;
    --theme-color3: #1280C3;
    --theme-bg-light: #E4EDF2;
    --theme-bg-dark: #4CFF5A;
	--theme-bg-blue: #EDF3F7;
    --body-text-color: #505256;
    --color-white: #ffffff;
    --color-dark: #0A1D43;
    --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
    --transition: all .5s ease-in-out;
    --transition2: all .3s ease-in-out;
    --border-info-color: rgba(0, 0, 0, 0.08);
    --border-info-color2: rgba(0, 0, 0, 0.05);
    --border-white-color: rgba(255, 255, 255, 0.08);
    --border-white-color2: rgba(255, 255, 255, 0.05);
    --footer-bg: #03163B;
    --footer-bg2: #0A1D43;
    --footer-text-color: #F5FAFF;
	
	--font-title-normal:
}
body {
    font-family: var(--heading-font);
    font-style: normal;
    font-weight: 400;
    color: var(--body-text-color);
    line-height: 1.8;
}
a {
    color: var(--theme-color);
    display: inline-block;
}
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: var(--theme-bg-light);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader-ripple div {
    position: absolute;
    border: 4px solid var(--color-dark);
    opacity: 1;
    border-radius: 50%;
    animation: loader-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
}
.header-top {
    padding: 6px 0;
    position: relative;
    background: var(--color-dark);
    z-index: 5;
}
.header-top-contact {
    color: var(--color-white);
    font-weight: 400;
    font-size: 13px;
}
.header-top-contact i {
  color: var(--color-white);
}
.header-top-wrap .header-top-right .offer .bld {
    font-weight: 600;
}

.header-top-wrap .header-top-right .offer p {
    font-size: 13px;
    color: var(--theme-color2);
}
.ylw {
    color: var(--theme-color2);
}
.widget .category-list a i {
  margin-right: 5px;
  color: var(--color-dark);
}
.widget .widget-title::before {
    position: absolute;
    content: '';
    width: 150px;
    border-bottom: 3px solid var(--theme-color);
    bottom: 0;
    left: 0;
}
.header-top::before {
    content: "";
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    width: 35%;
    background: none;
    border-radius: 50px 0 50px 0;
    z-index: -1;
}
.navbar .nav-item .dropdown-menu {
    border-radius: 5px;
}
.navbar .nav-item .dropdown-menu .dropdown-item {
    border-radius: 2px;
}
.navbar-brand img {
    width: 230px;
}
.feature-icon img {
    width: 40px;
    filter: brightness(0) invert(1);
}
.feature-item {
    position: relative;
    text-align: center;
    background: #dbf39e;
    border-radius: 15px;
    padding: 60px 20px 35px;
    transition: var(--transition);
    z-index: 1;
}
.feature-icon {
    position: absolute;
    left: 50%;
    top: -30px;
    width: 80px;
    height: 80px;
    line-height: 70px;
    background: #819f37;
    border: 3px solid var(--color-white);
    border-radius: 50%;
    transition: var(--transition);
    transform: translateX(-50%);
}
.feature-content h4 {
    color: #153b55;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 12px;
}
.feature-content p {
    color:#153b55;
}
.theme-btn {
    font-size: 14px;
    color: var(--color-white);
    padding: 4px 16px;
    transition: all .5s;
    text-transform: capitalize;
    position: relative;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    background: #c33;
    box-shadow: var(--box-shadow);
    z-index: 1;
	width:auto;
}
.service-text{
    font-size: 14px;
}
.service-item {
    position: relative;
    padding: 10px;
    background: var(--color-white);
    border-radius: 20px;
    transition: var(--transition);
    overflow: hidden;
    z-index: 1;
}
.service-icon img {
    width: 60px;
    filter: brightness(1) invert(0);
}
.service-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background:none;
	border:0px solid  #6c6f97;
    font-size: 43px;
    color: var(--theme-color);
    text-align: center;
    border-radius: 10%;
    position: relative;
    margin-top: 10px;
}
.service-title a {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--color-dark);
}
.navbar .nav-item .nav-link {
    margin-right: 30px;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark);
    text-transform: capitalize;
}

.hero-single .hero-content .hero-title {
    color: var(--color-white);
    font-size: 50px;
    font-weight: 600;
    margin: 20px 0;
    text-transform: none;
}
.hs-2 .hero-single .hero-content .hero-sub-title {
    padding-left: 50px;
    color: var(--theme-color2);
}
.hero-slider.owl-theme .owl-nav [class*=owl-] {
    color: #b5acac;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background: #51524e;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    width: 40px;
    line-height: 25px;
    border-radius: 50px;
    text-align: center;
    transition: var(--transition);
}

.hero-single {
    padding-top: 120px;
    padding-bottom: 150px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.hero-single .hero-content .hero-sub-title {
    display: inline-block;
    color: var(--theme-color);
    font-size: 25px;
    letter-spacing: 0px;
    font-weight: 600;
    position: relative;
    text-transform: none;
}

.hero-single .hero-content .hero-sub-title2 {
    display: inline-block;
    color: var(--theme-color2);
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 600;
    position: relative;
    text-transform: none;
}
.hero-single .hero-content .hero-sub-title3 {
    display: inline-block;
    color: var(--color-white);
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 600;
    position: relative;
    text-transform: none;
}

.hero-single .hero-content p {
    color: var(--theme-color3);
    font-size: 25px;
    font-weight: 500;
    margin: 20px 0px;
}

.hero-single .hero-btn .theme-btn {
    font-size: 16px;
    color: var(--color-white);
    padding: 4px 16px;
    transition: all .5s;
    text-transform: capitalize;
    position: relative;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    background: #c33;
    box-shadow: var(--box-shadow);
    z-index: 1;
	width:auto;
}

.hero-slider.owl-theme .owl-nav .owl-prev {
    left: 10px;
}
.hero-slider.owl-theme .owl-nav .owl-next {
    right: 10px;
}
.hero-single .hero-content .hero-btn {
    gap: 1rem;
    display: flex;
    margin-top: 25px;
    justify-content: start;
}
.counter-box .unit {
    font-size: 50px;
    color: var(--color-white);
    font-weight: 500;
    line-height: 1;
}
.counter-box .title {
    color: var(--theme-color);
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.counter-box .icon img {
    width: 45px;
    filter: brightness(0.5);
	margin:15px;
}
.choose-item {
  display: flex;
  gap: 20px;
  margin: 25px 0;
}
.choose-img .img-1 {
    width: 85%;
    border-radius: 10px;
}
.choose-img .img-2 {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 75%;
    border-radius: 20px;
    border: 4px solid var(--color-white);
}
.mt-6{	
    margin-top: 6px;
}
.site-title-tagline.light , .site-title-tagline {
    background: transparent;
	color: #cc3333;
    font-weight: 600;
    font-size: 22px;
}
.site-title-tagline {
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    padding-right: 15px;
    margin-bottom: 15px;
}
.site-title-tagline i {
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #cc3333;
    color: var(--color-white);
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
}
.site-title {
    font-weight: 600;
    text-transform: none;
    font-size: 45px;
    color:  var(--color-dark);
    margin-bottom: 0;
}
.about-experience {
    background: var(--color-dark);
    box-shadow: var(--box-shadow);
    position: absolute;
    left: -30px;
    top: 1px;
    padding: 20px;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    text-align: center;
    border: 1px solid var(--theme-color2);
}
.about-experience span {
    color: var(--color-white);
    font-size: 65px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 5px;
    display: inline-block;
}
.about-list .icon img {
    width: 150px;
    filter: brightness(0.3);
}
.about-img .img-1 {
    border: 1px solid #CFDBE2;
}
.about-img .img-2 {
	border: 3px solid #CFDBE2;
}
.about-left .img-about{
	width:320px;
}
.about-left .img-about2{
	width:420px;
}
.bg {
    background: var(--theme-bg-blue);
}
.choose-item-icon::before {
    content: "";
    position: absolute;
    inset: -5px;
    border: 2px solid var(--color-dark);
    border-radius: 50%;
}
.choose-item-icon {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 50px;
    background: var(--color-dark);
    text-align: center;
    border-radius: 50%;
}
.choose-item-icon img {
  width: 38px;
  filter: brightness(0) invert(1);
  margin: 10px;
}
.counter-box .counter {
    display: block;
    line-height: 1;
    color: var(--color-white);
    font-size: 50px;
    font-weight: 600;
}
.testimonial-quote {
    position: relative;
    background: var(--theme-bg-light);
    padding: 40px 30px 40px;
    border-radius: 10px;
}
.testimonial-quote::before {
  content: "\f0dd";
  position: absolute;
  font-family: "font awesome 6 pro";
  bottom: -52px;
  left: 40px;
  font-weight: 700;
  font-size: 70px;
  color: var(--theme-bg-light);
}
.testimonial-rate {
  color: var(--color-dark);
}
.choose-img .refer {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 75%;
    padding: 30px 0px 30px 30px;
    display: flex;
    align-items: center;
    background-color: #E4EDF2;
    border: 1px solid #CFDBE2;
    border-radius: 10px;
}
.choose-img .refer .refer-cont {
	text-align:left;
    margin-right: 25px;
    width: calc(60% - 0px);
}
.choose-img .refer .refer-cont h1 {
    font-size: 37px;
    color: var(--color-dark);
    font-weight: 600;
    text-transform: none;
}
.choose-img .refer .refer-cont h2 {
    font-size: 15px;
    color: #121212;
    font-weight: 500;
    text-transform: none;
	line-height: 30px;
}
.choose-img .refer .refer-cont p {
    font-size: 18px;
    color: #535353;
    font-weight: 600;
    text-transform: none;
}
.choose-img .refer .refer-cont h3 {
    font-size: 33px;
    color: #CC3333;
	margin:10px 0px;
    font-weight: 600;
    text-transform: none;
}
.choose-img .refer .refer-cont h3 span {
    font-size: 15px;
    color: #CC3333;
    font-weight: 600;
    text-transform: none;
}
.choose-img .refer .refer-cont .earning-but {
    padding: 0px;
    font-size: 12px;
    color: #fff;
    background-color: #0A3161;
    border: 1px solid #0A3161;
    width: 160px;
    height: 25px;
    border-radius: 50px;
}
.choose-img .refer .refer-img {
    width: calc(40% - 0px);
}

.footer-social {
    display: flex;
    gap: 15px;
    justify-content: start;
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: 0.20rem;
}

.footer-icons {
    display: flex;
    justify-content: end;
}
.owl-carousel .owl-item img {
    display: block;
    width: auto ;
}
.copyright .copyright-text {
    color: var(--footer-text-color);
    margin-bottom: 0;
    font-size: 13px;
	text-align: center;
}
.site-breadcrumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  position: relative;
  padding-top: 75px;
  padding-bottom: 75px;
  z-index: 1;
}


.testimonial-quote-icon {
    position: absolute;
    right: 0;
    top: 0px;
    width: 30px;
    height: 30px;
    line-height: 33px;
    background: var(--theme-color);
    color: var(--color-white);
    border-radius: 50px;
    text-align: center;
    font-size: 15px;
}
.testimonial-quote-icon i{
    line-height: 33px !important;
}
.testimonial-quote p {
    position: relative;
    color: var(--color-dark);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    z-index: 1;
}
.testimonial-author-info h4 {
    font-size: 18px;
    color: var(--color-dark);
    font-weight: 700;
}
.hs-2 .hero-single {
    padding-bottom: 120px;
}
.valuestax-textlogo a{ 
	color: var(--footer-text-color);
}
hr.left{
	width: 115px;
    border-top: 3px solid var(--theme-color);
    margin: 5px 0px 15px 0px;
}
.bgalt{
	background-color: #e9ffc6;
}
.testimonial-area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .1;
    z-index: -1;
}
.testimonial-quote::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: translate(-50%, -50%);
    opacity: .08;
}
#scroll-top {
  position: fixed;
  bottom: -20px;
  right: 30px;
  z-index: 99;
  font-size: 20px;
  border: none;
  outline: none;
  border-radius: 50px;
  color: var(--theme-color2);
  background-color: var(--color-dark);
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  box-shadow: var(--box-shadow2);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  transform: rotate(-40deg);
  z-index: 1;
}
#scroll-top i.far{
	line-height:unset;
}
.service-details .far{
	margin-right: 5px;
}
.service-sidebar .widget {
  border-radius: 5px;
  background: var(--theme-bg-blue);
}

.faq-area .accordion-item {
  border: none;
  margin-bottom: 15px;
  background: var(--color-white);
  border-radius: 5px !important;
  box-shadow: var(--box-shadow);
}
.faq-area .accordion-button {
  border-radius: 0 !important;
  background: 0 0;
  font-weight: 500;
  font-size: 16px;
  color: var(--color-dark);
  box-shadow: none !important;
}
.faq-area .accordion-body {
  color: var(--color-dark);
  font-size: 15px;
  font-weight: 400;
}
.refer-earn {
    text-align: center;
}	
.refer-earn-banner {
    text-align: center;
}	
.refer-earn-banner h1 {
    text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid var(--theme-color);
    padding-bottom: 20px;
	line-height: 50px;
	color: var(--color-dark);
    font-size: 70px;
    font-weight: normal;
    display: block;
    vertical-align: middle;
    margin: 45px 0px;
}
.refer-earn-banner h1 small {
    font-size: 20px;
	font-weight: 400;
}
.refer-earn-banner-e {
    text-align: center;
}
.refer-earn-banner-e h2 {
	text-align: left;
    display: inline-block;
    font-size: 90px;
    color: var(--color-dark);
	line-height: 50px;
	font-weight: 700;
}
.refer-earn-banner-e p{
    text-align: left;
    display: inline-block;
    font-size: 25px;
    color: var(--color-dark);
    line-height: 30px;
    margin-left: 20px;
}
.refer-img{
    text-align: center;
}

.refer-earn-new{
    border-radius: 5px;
    width: 100%;
    text-align: center;
}
.refer-earn-new .br-1{
    border-right: 1px solid var(--theme-color2);
}
.refer-earn-new .faq-title {
    font-weight: 500;
    text-transform: none;
    font-size: 30px;
    color:  var(--color-dark);
}
.refer-earn-new .faq-title span {
    color:  var(--theme-color);
}
.refer-earn-new .head{
    font-size: 20px;
	font-weight: 600;
}
.refer-earn-new .head span{
	color:var(--theme-color);
}
.refer-earn-new .head-tag{
    font-size: 30px;
	font-weight: 600;
}
.refer-earn-new .head-tag span{
	color:var(--theme-color);
}
.announce-img .img-1{
	width:250px;
}

.refer-steps-widget{
    background: #E4EDF2;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.18);
	padding:20px;
    text-align: center;
}
.refer-steps h2 {
    margin: 40px 0px 20px 0px;
}
.refer-steps ul {
    position: relative;
}
.refer-steps ul:before {
    content: "";
    position: absolute;
    left: 15%;
    top: 49px;
    width: 70%;
    border-top: 2px dashed var(--color-dark);
}
.refer-steps ul li:first-child {
    margin-left: 0;
}
.refer-steps ul li {
    display: inline-block;
    text-align: center;
    width: 21%;
    vertical-align: top;
    margin: 25px 10px;
}
.refer-steps ul li span {
    border-radius: 50px;
    background: var(--color-dark);
    width: 50px;
    height: 50px;
    color: #FFF;
    font-size: 25px;
    display: inline-block;
    line-height: 48px;
    position: relative;
    z-index: 1;
}
.refer-steps ul li p {
    color: #043b72;
    width: 100%;
    margin-top: 25px;
    line-height: 24px;
	padding: 0px 40px;
}
.refer-steps ul li p b {
    font-weight: normal;
    color: var(--theme-color);
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    padding: 30px 20px;
    position: relative;
    margin-bottom: 25px;
    border-radius: 5px;
    background: var(--theme-bg-blue);
    transition: var(--transition);
}
.contact-form {
    background: var(--theme-bg-blue);
    padding: 20px 25px;
    border-radius: 5px;
}
.contact-form-header {
  margin-bottom: 10px;
}
.contact-info-icon i {
  font-size: 35px;
  color: var(--color-white);
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50px;
  background: var(--color-dark);
}
.contact-form .input-group .input-group-text {
    background: var(--color-white);
    color: var(--theme-color);
    border-radius: 5px;
    padding-left: 20px;
    border: none;
}
.contact-form .input-group .form-control {
    padding: 15px 25px 15px 0;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    background: var(--color-white);
}
.contact-form .input-group.textarea .input-group-text, .contact-form .input-group.textarea .form-control {
    border-radius: 5px;
}
.contact-form .input-group:focus-within {
  outline: 1px solid var(--theme-color);
  border-radius: 5px;
}
.contact-form .input-group.textarea:focus-within {
  border-radius: 5px;
}
.contact-no {
	margin-left: 50px;
}
.contact-no li{
	margin: 10px;
}
.footer-img li{
	margin: 20px 0px;
}
.or-line{ 
   width: 50%; 
   text-align: center; 
   border-bottom: 1px dotted var(--theme-color); 
   line-height: 0.1em;
}
.or-line span { 
    background:#fff; 
    padding:0 10px; 
}
.blog-single .blockqoute .blockqoute-icon {
  position: absolute;
  right: 20px;
  top: 10px;
  color: var(--theme-color);
  font-size: 25px;
}
.terms-content h3 {
  margin-bottom: 20px;
  position: relative;
  font-weight: 600;
}
.terms-content h4 {
  margin-bottom: 10px;
  position: relative;
}
.terms-content p:not(:last-child) {
  margin-bottom: 15px;
}
.terms-content:not(:last-child) {
  margin-bottom: 40px;
}
.terms-content ul li {
  margin: 5px 10px;
}

.taxreturn-title {
    text-align:center;
}
.taxreturn-title span{
    color: var(--theme-color);
}
.taxreturn-steps ul {
    display: flex;
}
.taxreturn-steps ul li {
    background: var(--theme-bg-blue);
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    margin-right: 40px;
    position: relative;
    padding: 15px;
    text-align: center;
    width: 100%;
    list-style: none;
	margin-bottom:40px;
}
.taxreturn-steps ul li:before {
    position: absolute;
    right: -42px;
    top: 0;
    content: '';
    background: url(../image/login-but.gif) center center no-repeat;
    width: 40px;
    height: 100%;
}
.taxreturn-steps ul li span {
    width: 44px;
    height: 44px;
    background: var(--color-dark);
    border-radius: 100%;
    position: absolute;
    left: calc(50% - 22px);
    top: -22px;
    text-align: center;
    line-height: 44px;
    font-size: 22px;
    color: #fff;
}
.taxreturn-steps ul li p {
    color: #666666;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
}
.taxreturn-steps ul li:last-child {
    margin-right: 0;
}
.taxreturn-steps ul li:last-child:before {
    background: none;
}
.sticky-item .service-sidebar{
	position: fixed;
	width: 250px;
	z-index: 999;
	transition: all .3s ease;
}
.login-left-bg{
  background: #0a1d43;
}
.login-right-bg{
  background: var(--color-white);
}
.login-form {
  padding: 50px 100px;
  border-radius: 0px;
  background: var(--color-white);
}
.login-form .theme-btn {
   	font-size:16px;
}
.login-form .theme-btn::before {
    width: 100%;
    transition: var(--transition2);
}
.login-form .alert-msg{
  line-height: 20px;
}
.login-form .input-group {
	margin-bottom: 18px;
	border: 1px solid #ECECEC;
}
.login-form .input-group .form-control, .login-form .input-group .form-select, .login-form .input-group .form-control::placeholder {
  color: #797979;
}
.login-form .input-group .input-group-text {
  background: var(--color-white);
  color: var(--theme-color);
  padding-left: 20px;
  border: none;
  border-radius: 0px;
}
.login-form .input-group .form-control {
  padding: 8px 5px 8px 5px;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background: var(--color-white);
}
.login-form .login-terms{
  font-size:14px;
  text-align:center;
}
.login-form .login-terms a{
  color: var(--theme-color);
}
.login-form .input-group:focus-within {
  outline: 1px solid var(--theme-color);
  border-radius: 0px;
}
.login-form .login-footer .separator {
  margin: 10px 20px;
  display: flex;
  align-items: center;
}.login-form .login-footer .separator .line {
  height: 1px;
  flex: 1;
  background-color: #CACACA;
}.login-form .login-footer .separator h2 {
  padding: 0px 15px;
  font-size: 14px;
  color: #CACACA;
}
.login-right-bg .copy-right {
  padding: 5px ;
  font-size: 13px;
  text-align:center;
  color: var(--color-dark);
}
.login-form .form-check-input {
    margin: 0;
    box-shadow: none;
    border-radius: 50px;
    border: 1px solid var(--theme-color3);
    width: 20px;
    height: 20px;
    background-color: var(--color-white);
}
.user-noticeboard{
  padding-top: 50px;
  color: var(--theme-color2);
}
.user-noticeboard h3{
  font-size: 25px;
  color: var(--color-white);
  text-align:center;
}
.user-noticeboard h2{
  color: var(--theme-color2);
  text-align:center;
}
.user-noticeboard .offers {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
	margin: 20px 0px;
}
.user-noticeboard .offers .offers-left {
    position: relative;
    display: inline-block;
	border-right:1px dotted #CCC;
	padding: 10px 60px 10px 5px;
	margin:10px 0px 20px 0px;
}
.user-noticeboard .offers .offers-left i{
	margin-right: 5px;
}
.user-noticeboard .offers .offers-right {
    position: relative;
    display: inline-block;
	padding:10px 5px 10px 60px;
}
.user-noticeboard .offers .offers-left .offers-head {
	color: var(--color-white);
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 12px;
}
.user-noticeboard .offers .offers-right .offers-head {
	color: var(--color-white);
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 12px;
}
.user-noticeboard .offers .offers-left ul li {
  display: block;
  font-size: 16px;
  text-align: left;
  position: relative;
	color: var(--color-white);
}
.user-noticeboard .offers  .offers-right ul li {
  display: block;
  font-size: 16px;
  text-align: left;
  position: relative;
  margin-top: 6px;
  padding-left: 0px;
  margin-left: 10px;
  color: #FFF;
}
.user-noticeboard .offers .offers-right ul li span {
	display: inline-flex;
	width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFF;
}

.user-noticeboard .office-times{
	font-size: 14px;
	text-align:center;
	color: var(--bs-highlight-bg);
	margin:10px 0px;
}
.user-noticeboard .office-times .off-num{
	display: inline-flex;
}

.user-noticeboard .valuestax-badges{
	text-align:center;
	margin:10px 0px;
}
.user-noticeboard .valuestax-badges .badge{
	display: inline-flex;
	vertical-align: middle;
}

/*-----*/
.login-form .login-header img {
  width: 250px;
  margin-bottom: 10px;
}
.login-out{
  padding: 50px 100px 20px 50px;
  border-radius: 0px;
}
.login-out .login-header {
  text-align: center;
  margin-bottom: 10px;
}
.login-out .login-header img {
  width: 250px;
  margin-bottom: 10px;
}
.login-out .login-header p {
  color: var(--color-dark);
  font-size: 20px;
}
.login-message{
  margin: 0px 50px;
}
.login-message p{
  line-height:22px;
}
.login-message a{
	color: var(--theme-color);
}
.login-form .group-db {
  background-color: #FFF;
  padding: 5px 20px;
}
.login-form .group-db .divCountryChange, .divCountryCode, .divContactNo {
  display: inline-block;
}
.login-form .group-db .divCountryImg{
	display:inline-block;
	margin-top:13px;
}
.login-form .group-db .divCountryContact{
    background:url(../images/login/form1.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dcdcdc;
	linear-gradient:(angle, #eaeaea, #FFF);
    float: left;
    height: 35px;
    margin: 10px 0 5px;
    padding: 0 5px 0 8px;
	border-radius:3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px; 
	width: 235px;
}
.login-form .group-db .divArrowImg{
	display:inline-block;	
	margin-top:0px;
	margin-right: 5px;
}
.login-form .group-db .Contact_code {
  width: 40px;
  height: 36px;
}
.login-form .group-db .divContactNo{
	width: 60%;
	border-left: 1px solid #EEE;
}
.login-form .group-db .Contact_no {
  height: 36px;
}
.login-form .group-db .divCountryList{
	display:none;
	background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 3px;
    width: 240px;
	color: #000;
    float: left;
	min-height:200px;
    max-height: 200px;
    overflow-y: scroll;
	border-radius: 4px;
    position: absolute;
	top: 20px;
    z-index: 1000;
	border-radius: 3px;	
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px; 
}
.login-form .group-db .divCountryList ul{ 
	list-style:none; 
	margin:0; 
	padding:0; 
}
.login-form .group-db .divCountryList ul li{ 
	 padding:2px; 
	 cursor:pointer;
}
.login-form .group-db .divCountryList ul li:hover{ 
	background-color:#CCCCCC;
}
.login-form .group-db .divCountryList ul li .spnCountryCode{ float:right;}
.login-form .group-db .divCountryList ul li .spnCountryImg{ padding:0px 5px;}
.login-form .group-db .cccode-right{ 
	border-right:1px #CCCCCC solid !important; 
	height: 30px;
}
.login-form .group-db .CountryContact-field{ 
	border:0;  
	background: none repeat scroll 0 0 transparent;
}
.sidebar-contact h6 {
    margin: 20px 0px 10px 0px;
}
.sidebar-about a {
    color: var(--theme-color);
}












/* Faq's */
.faqs ul li {
    list-style: none;
}
  
.faqs.accordion {
    width: 100%;
    margin: 20px auto 20px;
}
  
  /* submenu */
  
  .submenu {
    display: none;
    background: #f8f9f9;
  }
  
  .accordion .submenu > li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #8fa7b3;
    cursor: pointer;
  }
  
  .accordion .submenu > li:first-child {
    padding: 20px;
    border: none;
  }
  
  .accordion .submenu > li {
    border-top: 1px solid #dae0e0;
  }
  
  .accordion .submenu > li a:hover {
    background: #e6ecec;
    color: #1795d8;
    padding: 10px 15px 10px 20px;
    transition: padding 0.2s ease-in;
  }
  
  .fa {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
  }
  
  .active .fa {
    transform: translateY(-50%) rotate(180deg);
  }






/* Hide / Show tab's content  */

.tab-content {
    display: none;
    width: 100%;
    max-height: 100%;
    background: #fff;
  }
  .tab.active + .tab-content { display: block; }
  
  /* Styling tabs - this is enough for mobile - just like an accordion */
  
  .tab, .tab-content { padding: 10px; } 
  .tab { background: #ccc; }
  .tab-content { background: #ddd; }
  
  /* Styling for desktop - vertical tabs */
  
@media (min-width: 992px) {
	body{
		font-size: 15px; 
	}
    .tab { 
		width: 30% 
	}
	.tab-content {
		position: absolute;
		top: 0;
		right: 0;
		width: 70%;
		min-height: 100%;
		overflow-y: auto;
	}
	
	.tabs-container { 
		min-height: 400px; 
		background: #ccc;
	}
	
  .nav-right-link {
    position: relative;
    font-size: 20px;
    color: var(--color-dark);
    transition: var(--transition);
    border: none;
    background: 0 0;
    padding-right: 0;
    margin-left: 15px;
  }
}
  
@media (max-width: 991px) {
	.login-form {
		padding: 50px 50px;
		border-radius: 0px;
	}
    .navbar {
        position: absolute;
        width: 100%;
        height: auto;
        background-color: var(--color-white);
    }
	.nav-right-link {
		position: relative;
		font-size: 25px !important;
		color: var(--color-dark);
		transition: var(--transition);
		border: none;
		background: 0 0;
		padding-right: 0;
		margin-left: 15px;
	}
	
	.header-top-right{
		display: none;
	}
	.site-title {
		font-size: 55px;
	}
	.site-title-tagline.light, .site-title-tagline, .service-details h3 {
		font-size: 40px;
	}
	.service-title a, .choose-item-info h4, .about-list .content h4,  .choose-img .refer .refer-cont p, .service-details h5, .about-us-details h5 {
		font-size: 35px;
	}
	.service-text,  .counter-box .title, .testimonial-quote p, .navbar .nav-item .nav-link, .sidebar-contact h4,
	 .sidebar-about h4 {
		font-size: 30px;
	}
	.sidebar-contact h6 {
		font-size: 25px;
	}
	.header-top-contact, .choose-img .refer .refer-cont h2, .sidebar-contact li{
		font-size: 20px;
	}
	.about-list .icon img{
		width: 350px;
		display:flex;
	}
	.sticky-item{ 
		display:none;
	}
	.header-top{
		display:none;
	}
	.about-body{
		width:99%;	
	}
	
}