/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.sticky-header #logo a svg{height: 40px;}
#logo a{font-size: revert;line-height: 1;}
#logo a svg{vertical-align: baseline; transition: all .3s;}
#section-pricing{background-color: rgb(219, 242, 255);}
.iconlist_wrap{ background-color: #eee; padding: 2% 3% 0;}
.iconlist_2{list-style: none;text-align: center; margin-bottom: 0; display: flex; justify-content: space-around; align-items: center;flex-wrap: wrap;}
.iconlist_2 li{height: 200px; width: 33%; display: flex; align-items: center;flex-direction: column;justify-content: center;}
.iconlist_2 li img{height: 100px; margin-bottom: 5px;}


.list_group{margin-bottom: 5px;}
.list_group li{display:inline-block; margin-right: 30px;}
.form-check-input{ display: none;}
.form_check_group .form-check label{font-size: clamp(1rem, 3vw, 1rem);letter-spacing: 0.60px;font-weight: 350;}
.form-check-input + label{position: relative;cursor: pointer;padding: 0;color: #555;line-height: 1;}
.form-check-input + label:before{content: "";margin-right: 10px;display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: #e8e8e8;border-radius: 100px;border: 1px solid #e8e8e8;}
.form-check-input:checked + label:after{content: "";position: absolute;left: 5px;bottom: 9px;background: #555;width: 2px;height: 2px;box-shadow: 2px 0 0 #555, 4px 0 0 #555, 4px -2px 0 #555, 4px -4px 0 #555, 4px -6px 0 #555, 4px -8px 0 #555;transform: rotate(45deg);}
#gotoTop{z-index: 599;opacity: 1;}
small, .small{color:var(--cnvs-themecolor) ;}
.feedetail{list-style: none;}
.redColor{color: var(--cnvs-themecolor);}
.verifyimg{margin-left: 3%;display: flex;align-items: center;}

#captcha{margin-right: 1%;width: 150px;}
.fancy-title{margin-top: 3%;}
.feedetail li{margin-bottom: 5px;}
.feedetail li .feeTitle{width: 100px;display: inline-block;}
.feedetail li .feecount{display: inline-block;width: 100px;}
#section-examples .text-center h3{color: var(--cnvs-themecolor);}
#slider{background-color: #fff8d3;position: relative;}
#slider .wording{position: relative; z-index: 2;}
#content{position: relative;}
.title_descript{line-height: 1.9;}
/* .blog-note{margin-top: 8px;margin-left: 5px;} */
#slider{background: url(../images/splash.png)no-repeat bottom; background-size: cover; min-height: 842px!important;}
.fs-7{font-size: .9rem;}
.fs-8{font-size: .9rem;}
.mobile-note{margin-left: 1%;}
#headerbutton{--cnvs-btn-fontsize: 1rem;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color:var(--cnvs-themecolor)!important;}

.inputValidation .col-4{padding-right: revert;}
/* .five-digits label{display: inline-block;width: 45%;} */
.five-digits input{display: inline-block;flex: 1;}
.digits_wrap{padding: 5%; background-color: #eee;}
.sub-invoice{margin-left: 30px;margin-bottom: 20px;}
.sub-invoice .form-check-label{color: #555;}
#sub-invoice_company{margin-top: 10px;}
#section-service ol{list-style-type: decimal;padding-left: 40px;margin-left: 10px;}
#section-service ol li{    line-height: 1.8;margin-bottom: 8px;}
#section-service ol li ol{ list-style-type: disc;padding-left: 20px;} 
@media screen and (min-width: 1921px) {
	#slider{background-size: 80%; background-position: center;position: relative;}
	
}

/******************************
      privacy-policy
******************************/

.privacy-policy-wrap ul {padding-left: 48px;}
.privacy-policy-wrap ul li {
line-height: 1.8;
margin-bottom: 8px;
}
.privacy-policy-wrap h4 {
margin: 40px 0 16px;
font-size: 1.25rem;
color: var(--titleColor);
}
.privacy-policy-wrap {margin-bottom: 140px;font-size: .9rem;}
.banner-title h2, .banner-title h1 {color: #fff;z-index: 2;}
.banner-title p {text-transform: uppercase;z-index: 2;}
.banner-title::after {
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .5;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.privacy-policy-wrap {margin: 40px auto;}
}
  

@media (max-width: 1800px) {
	
}
@media (max-width: 1000px) {
	#section-examples .line{display: none;}
	.iconlist_2 li{ width: 50%;}
	#headerbutton{--cnvs-btn-fontsize: .8rem;--cnvs-btn-padding-x: 1rem;--cnvs-btn-padding-y: 0.3rem;}
	#section-examples .card h3:nth-child(1){margin-bottom: 0;margin-top: 30px;text-align: center;}
	#header #header-wrap{padding: 5px 0;}
	
}
@media (max-width: 991px) {
	body:not(.is-expanded-menu) #header:not([data-mobile-sticky=true]) #header-wrap{position: fixed;}
	#slider{padding-top: 60px;background-color: #fff8d3;padding-bottom: 40%;background-size: 100%;min-height: revert!important;}

	
}
@media (max-width: 600px) {
	#logo a svg{height: 40px;}
	#header #header-wrap{padding: 2px 0;}
	.tip li{font-size: 12px}
	.iconlist_wrap .pricing-features{padding-bottom: .5rem !important;    margin-top: 1rem !important;}
	.iconlist{    margin-bottom: 0!important;}
	.iconlist_wrap{padding-bottom: 5%;}
	.iconlist_2 li{height: auto;padding-top: 2rem;}
	.iconlist_2 li img{height: 70px;}
	.iconlist_2 li{font-size: .9rem;}
	.mobile-note{display: block;margin-left: revert;}
	#slider{padding-top: 60px;background-size: 100%;min-height: revert!important;}
	#captcha{margin-right: revert;width: 120px;}
	.fs-8{font-size: .7rem;}
	.inputValidation .col-8{padding-left: revert;}
}

.footer-contact li {
      margin: 0 15px 15px;
  color: #333;
}
.footer-contact li a {color: #333;font-size: .875rem;}
.footer-contact li a:hover, .footer-contact li a:hover i {color: #888;} 
.footer-contact li i {
  margin-right: 8px;
  color: #333;
}
.footer-contact ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      justify-content: center;
}
@media screen and (max-width: 991px) {
  .footer-contact {
    flex: 0 0 100%;
  }
  .footer-contact ul {
      flex-direction: column;
      align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .footer-contact {
    margin-right: 0;
    flex: 0 0 100%;
    margin-bottom: 15px;
  }
}