/*Main Logo*/
.header-logo{
	margin-right: 0px !important;
}

.grid-7-img{
	height: 100px !important;
	width: 100px !important;
	max-width: 100% !important;
	
}

.card-grid-style-6{
	padding: 10px !important;
	margin-bottom: 0px !important;
}
.card-list-style-1{
  width: 93% !important;
  border: none !important;
  padding-top: 20px !important;
}

.blog-img-user{
  min-width: 200px !important;
}
.item-logo{
	padding: 0px !important;
}
.item-logo img{
	/*width: 65% !important;*/
	max-width: 100% !important;
}
/*Navbar menu in left only in desktop mode*/
@media only screen and (min-width: 992px){
	.nav-main-menu{
		margin-left: -65px !important;
	}
	.slider-news{
		display: none !important;
	}

	.header-right{
		float: right;
		margin-top: -80px;

	}
	.header-logo{
		margin-left: -55px !important;
	}

	.header .main-menu li ul li a{
		font-size: 14px !important;
	}
}

/*Product dropdown bg*/
.sub-menu{
	min-width: 845px !important;
}

.header .main-menu li ul.four-col {
    
    -webkit-columns: 4;
    
    min-width: 700px;
}
/*Hamburger hide in dektop mode only*/
@media only screen and (min-width: 992px){
	.burger-icon{
		display: none !important;
	}
	.card-grid-style-6{
		height: auto !important;
	}
}

/*Logo height*/
.custom_img{
	height: 35px !important;
}
/*Icons near submenu*/
.custom_svg{
	margin-right: 10px !important;
	width: 15px !important;
	height: 15px !important;
}

strong{
	font-size: 18px !important;
}

.header .main-menu li.hr{
	padding: 0px !important;
}
.header .main-menu li ul li a{
	padding: 15px 10px 15px 10px !important;
}

.text-display-2{
	font-size: 35px !important;
	line-height: 42px !important;
}

.text-heading-1{
  font-size: 35px !important;
}

.text-heading-2{
  font-size: 35px !important;
}
.brand5-carousel .text-heading-4{
  font-size: 22px !important;
}
.custom_left{
	background-color: black !important;
	padding: 0px 15px 2px 15px !important;
	color: white !important;
}

.custom_right{
	background-color: #006D77  !important;
	padding: 0px 15px 2px 15px !important;
	color: white !important;
}

.hr{
	font-size: 16px !important;
}

.block-news::before{
	background-color: #bee1e670 !important;
}

.slider-news{
	margin-top: -105px !important;
}


@media screen and (min-width: 1200px) and (max-width: 1440px) {
	.header-right {
		display: block !important;
	}
}

@media only screen and (max-width: 600px){
	.header-right{
		display: none !important;
	}
	/*.tab-pane .col-6{
		flex: none !important;
		width: 100% !important;
	}*/

	.box-square .col-6{
		flex: none !important;
		width: 100% !important;
	}
	.custom_about{
		margin-top: 0px !important;
	}
	.chosen-container{
		width: 270px !important;
	}
}


/*
.panel-box{
	max-height: 600px !important;
}
*/
.custom_container .btn.btn-select{
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.custom_container .btn{
	padding: 15px 15px !important;
}



.banner-hero.banner-homepage6 .banner-imgs .block-2 img{
	border-radius: 0px !important;
	box-shadow: none !important;
}

.swiper-slide-2 .grid-category-style-2 .grid-image-left-category{
	width: 100% !important;
}

.grid-category .grid-image-left-category .category-image .for-design-office:hover{
	background: url(../imgs/office.svg) no-repeat center !important;
}


.grid-category .grid-image-left-category .category-image .for-design-office{
	background: url(../imgs/office.png) no-repeat center !important;
}
.grid-category .grid-image-left-category .category-image .for-design-account:hover{
	background: url(../imgs/office.svg) no-repeat center !important;
}
.grid-category .grid-image-left-category .category-image .for-design-account{
	background: url(../imgs/account.png) no-repeat center !important;
}


.grid-category .grid-image-left-category .category-image .for-design-gst:hover{
	background: url(../imgs/GST.svg) no-repeat center !important;
}
.grid-category .grid-image-left-category .category-image .for-design-gst{
	background: url(../imgs/gst.png) no-repeat center !important;
}
.span701{
	color: black !important;
	padding-right: 10px !important;
}

.text-ul{
	font-size: 15px !important;
	margin-top: 16px !important;
  font-weight: bold !important;
}



.block-new:hover{
	transform: scale(1.1) !important;
	-ms-transform: scale(1.1)!important; /* IE 9 */
	-webkit-transform: scale(1.1)!important; /* Safari 3-8 */
}

.grid-category .grid-image-left-category .category-image .for-design-account{
	background-color: white !important;
}

.grid-category .grid-image-left-category .category-image .for-design-gst{
	background-color: white !important;
}

.grid-category .grid-image-left-category .category-image .for-design-office{
	background-color: white !important;
}


.noHover{
	pointer-events: none !important;
}

.grid-category .grid-image-left-category .category-image{
	margin-right: 0px !important;
}

#accordionFAQ .accordion-button{
	background-color: #fff !important;
  border: 1px solid #006d77 !important;
	color: #000 !important;
  font-weight: 100 !important;
  font-size: 20px !important;
}
.accordion-body{
  border: 1px solid;
    border-radius: 4px;
    font-size: 17px;
}
#accordionFAQ .accordion-button:not(.collapsed){
	background-color: #006d77 !important;
	color: white !important;

}


.box-slider-3{
	background-color: #d1e5e882;
}

.block-news::before{
	background-color: #d1e5e882;
}



.box-newsletter .block-chart{
	height: auto !important; 
}
.box-newsletter .block-chart{
	bottom: 60px !important;
}
.box-newsletter .block-chart img{
	box-shadow: none !important;
}

.box-newsletter .img-newsletter{
	bottom: -90px !important;
}
/*extra*/

.section-padding{
	padding:60px 0;
}

.owl-dots {
	text-align: center;

}
.owl-dot {
	display: inline-block;
	height: 4px !important;
	width: 11px !important;
	background-color: #d1e5e882 !important;
	opacity: 0.8;
	border-radius: 0%;
	margin: 0 5px;
}
.owl-dot.active {
	background-color: #000 !important;
}
.btn-default{
	background-color: #d1e5e882 !important;
	
}
.btn-default:hover{
	background-color: #006D77 !important;

}

.btn.btn-default:hover{
	background-image: none !important;
}

.brand-carousel{
	padding-top: 0px !important;
}

/*.btn.active{
	background-color: #101828!important;
	color: #E4E7EC  !important;
	border: 5px solid #E4E7EC !important;
}*/

.btn-custom{
	background-color: #E4E7EC !important;
	color: #101828 !important;
	border: 2px solid #101828 !important;
}

.btn-custom:hover{
	background-color: #101828!important;
	color: #E4E7EC  !important;

}

.btn-black:hover{
	border: 2px solid #101828!important;
}

#scrollUp{
	background-color: #006D77 !important;
	right: 0px !important;
	left: 30px !important;
	width: 55px !important;
    height: 55px !important;
}
#scrollUp i{
	    line-height: 60px !important;
}
.accordion .accordion-item{
	margin-bottom: 10px !important;
}

.card-grid-1.bg-business::before{
	background: none !important;
}

.card-grid-1.bg-local::before{
	background: none !important;
}

.card-grid-1.bg-social::before{
	background: none !important;
}

.card-grid-style-6{
	background: white !important;
}

/*Product detail page*/
/*.box-square{
	height: auto !important;
}

.product-description .btn-default{
	padding: 15px 32px !important;
	    margin-right: 20px;
    margin-bottom: 15px;
}

.product-description {
	max-width: 1080px !important;
}

.list-icons .item-icon{
	border: none !important;
	padding: 0px 0px 0px 80px !important;
}

.main-box{
	padding: 30px;
    background: #d1e5e882;
    box-shadow: 0 3px 10px #ddd;
    border: 1px solid #ededed;
    border-radius: 5px;
    min-height: 260px;
    display: block;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
}

@media only screen and (max-width: 600px){
	.box-square {
			height: auto !important;

	}

}*/

/*Easyoffice*/

.section1 .box-banner-left h2{
	font-size: 40px !important;
	line-height: 50px !important;
}

.section2 .product-description .btn-default{
	padding: 15px 32px !important;
	    margin-right: 20px;
    margin-bottom: 15px;
}

.section2 .product-description {
	max-width: 1080px !important;
}

/*.section2 .tab-pane{
	height: 360px;
    width: 1000px;
    object-fit: fill;
}*/

.section4 .block-pricing .box-pricing-item .line-bd-bottom{
	padding: 40px 0px 40px 0px !important;
}

.section1 .banner-hero.bg-service-1 .banner-imgs img{
	border-radius: 0px !important;
	height: 315px !important;
	box-shadow: 0px 47px 65px rgb(21 23 26 / 51%) !important;
	width: 650px !important;
}

.section1 .banner-imgs{
	width: 600px !important;
}

.section1 .btn-custom1{
	background: transparent; 
	border: 2px solid black;
	color: #101828;
	font-size: 18px;
    line-height: 22px;
    font-family: "Chivo", sans-serif;
    font-weight: bold;
}

.section1 .btn-custom1:hover{
	background: black; 
	border: none;
	color: white !important;
	font-size: 18px;
    line-height: 22px;
    font-family: "Chivo", sans-serif;
    font-weight: bold;
}

.section1 .btn-black-custom:hover{
	background-color: transparent !important;
	color: black !important;
}

.section4 .box-pricing-item{
	height: 650px !important;
}


/*image of any size*/
.section3 .bdrd-16{
	width: 100% !important;
    object-fit: cover !important;
}

.section1 .banner-imgs{
	margin-top: 25px !important;
}

.section1 .banner-hero.bg-service-1::before{
	height: 580px !important;
}

.section1 .banner-hero.bg-service-1{
	padding-top: 60px !important;
}

/*offer slider*/
.cust-guid-item{
	padding: 20px;
    display: block;
}
 .marquee_custom p{
	margin-bottom: 30px !important;
}

 .marquee_custom img{
	vertical-align: middle;
}

.section1 .owl-dot{
	background-color: #006D77 !important;
}

.news_item .grid-4-img{
	width: auto !important;
	vertical-align: middle !important;
}

.news_item .grid-4-img::before{
	background: none !important;
}

/*checkout page*/


/*Extra*/
.shopping-cart{
	padding-bottom: 50px;
	font-family: 'Montserrat', sans-serif;
}

.shopping-cart.dark{
	background-color: #f6f6f6;
}

.shopping-cart .content{
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
	background-color: white;
}

.shopping-cart .block-heading{
    padding-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}

.shopping-cart .block-heading p{
	text-align: center;
	max-width: 420px;
	margin: auto;
	opacity:0.7;
}

.shopping-cart .dark .block-heading p{
	opacity:0.8;
}

.shopping-cart .block-heading h1,
.shopping-cart .block-heading h2,
.shopping-cart .block-heading h3 {
	margin-bottom:1.2rem;
	color: #3b99e0;
}

.shopping-cart .items{
	margin: auto;
}

.shopping-cart .items .product{
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.shopping-cart .items .product .info{
	padding-top: 0px;
	text-align: center;
}

.shopping-cart .items .product .info .product-name{
	font-weight: 600;
}

.shopping-cart .items .product .info .product-name .product-info{
	font-size: 14px;
	margin-top: 15px;
}

.shopping-cart .items .product .info .product-name .product-info .value{
	font-weight: 400;
}

.shopping-cart .items .product .info .quantity .quantity-input{
    margin: auto;
    width: 80px;
}

.shopping-cart .items .product .info .price{
	margin-top: 15px;
    font-weight: bold;
    font-size: 22px;
 }

.shopping-cart .summary{
	border-top: 2px solid #5ea4f3;
    background-color: #d1e5e882;
    height: 100%;
    padding: 30px;
}

.shopping-cart .summary h3{
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
}

.shopping-cart .summary .summary-item:not(:last-of-type){
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shopping-cart .summary .text{
	font-size: 1em;
	font-weight: 600;
}

.shopping-cart .summary .price{
	font-size: 1em;
	float: right;
}

.shopping-cart .summary button{
	margin-top: 20px;
}

@media (min-width: 768px) {
	.shopping-cart .items .product .info {
		padding-top: 25px;
		text-align: left; 
	}

	.shopping-cart .items .product .info .price {
		font-weight: bold;
		font-size: 22px;
		top: 17px; 
	}

	.shopping-cart .items .product .info .quantity {
		text-align: center; 
	}
	.shopping-cart .items .product .info .quantity .quantity-input {
		padding: 4px 10px;
		text-align: center; 
	}
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
/*checkout page*/
.section1_checkout .checkout_grid{
	position: relative;
    box-shadow: 0px 45px 80px rgb(0 0 0 / 4%);
    border: 1px solid #E4E7EC;
    padding: 34px 29px;
    border-radius: 16px;
    margin-bottom: 30px;
    background-color: #ffffff;
}
.section1_checkout{
	margin-top:20px;
    background:#eee;
}


.text-navy {
    color: #1ab394;
}
.cart-product-imitation {
  text-align: justify;
  padding-top: 30px;
  height: 150px;
  width: auto;
  vertical-align: middle;
}

.cart-product-imitation img{
	width: 150px;
	object-fit: cover;
}

.product-imitation.xl {
  padding: 120px 0;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}
.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}
table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: center;
}

table.shoping-cart-table tr th {
  border: none;
  text-align: center;
}

table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.btn-danger{
	width: 50px;
}

.section1_checkout .form-control{
	border: 2px solid !important;
	width: 100% !important;  
	padding: 12px 32px !important;
	height: auto !important;
	border-radius: 4px !important;

}

.section1_checkout .btn-default{
	padding: 12px 32px !important;
}

.section1_checkout .sec1{
	height: auto !important;
}

/*Section2*/
.section1_checkout .checkout_grid{
	position: relative;
    box-shadow: 0px 45px 80px rgb(0 0 0 / 4%);
    border: 1px solid #E4E7EC;
    padding: 34px 29px;
    border-radius: 16px;
    margin-bottom: 30px;
    background-color: #ffffff;
}
.section1_checkout{
	margin-top:20px;
    background:#eee;
}


.text-navy {
    color: #1ab394;
}
.cart-product-imitation {
  text-align: justify;
  padding-top: 30px;
  height: 150px;
  width: auto;
  vertical-align: middle;
}

.cart-product-imitation img{
	width: 150px;
	object-fit: cover;
}

.product-imitation.xl {
  padding: 120px 0;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}
.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}
table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: center;
}

table.shoping-cart-table tr th {
  border: none;
  text-align: center;
}

table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.btn-danger{
	width: 50px;
}

.section1_checkout .form-control{
	border: 2px solid !important;
	width: 100% !important;  
	padding: 12px 32px !important;
	height: auto !important;
	border-radius: 4px !important;

}

.section1_checkout .btn-default{
	padding: 12px 32px !important;
}

.section2_checkout .sec1{
	height: 609px !important;
}

.section1_checkout{
	background: #F2F4F7 !important;
}

/*breadcrumb active*/
.breadcrumb .custom_breadcrumb{
	color: #006D77 !important;
	font-weight: bold !important;
}

/*Product page*/
	
	.card-body{-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.40rem}
	.img-sm{width: auto;height: 80px}.itemside .info{padding-left: 15px;padding-right: 7px}
	.table-shopping-cart .price-wrap{line-height: 1.2}
	.table-shopping-cart .price{font-weight: bold;margin-right: 5px;display: block}
	.text-muted{color: #969696 !important}a{text-decoration: none !important}
	.card{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: 20px;}
	.itemside{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%}
	.dlist-align{display: -webkit-box;display: -ms-flexbox;display: flex}[class*="dlist-"]{margin-bottom: 5px}
	.coupon{border-radius: 1px}.price{font-weight: 600;color: #212529}
	.btn.btn-out{outline: 1px solid #fff;outline-offset: -5px}
	.btn-main{border-radius: 2px;text-transform: capitalize;font-size: 15px;padding: 10px 19px;cursor: pointer;color: #fff;width: 100%}
	.btn-light{color: #ffffff;background-color: #F44336;border-color: #f8f9fa;font-size: 12px}
	.btn-light:hover{color: #ffffff;background-color: #F44336;border-color: #F44336}
	.btn-apply{font-size: 11px}

/*detail page*/
.section4 .box-pricing-item:hover{

}
#accordionFAQ{
	overflow-y: scroll !important;
	height:700px !important;
}

.custom_pricing:hover{
	background-color: white !important;

}

 .block-pricing-2 .box-pricing-item:hover .text-heading-5{
	color: black !important;
}

.block-pricing-2 .box-pricing-item:hover .text-body-small{
	    color: #98A2B3 !important;
}

.block-pricing-2 .box-pricing-item:hover .list-package-feature li{
	color: #101828 !important;
	    background: url(../imgs/template/icons/check-circle.svg) no-repeat left center;
}

.block-pricing-2 .box-pricing-item:hover .btn.btn-black{
	color: #ffffff;
    background-color: #101828;
    /*border-radius: 50px;*/
    font-size: 18px;
    line-height: 22px;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
}

.block-pricing-2 .box-pricing-item:hover{
	    border: 1px solid #D0D5DD;
}

/*lightbox*/
	#presentation{
  width: 480px;
  height: 120px;
  padding: 20px;
  margin: auto;
  background: #FFF;
  margin-top: 10px;
  box-shadow: 0 3px 15px -5px rgba(0,0,0,0.1); 
  transition: all 0.3s; 
  border-radius: 10px;
  }
  h1{
    font-weight: 400;
  }
  
  h3{
    font-weight: 400;
    color: #666;
  }


#presentation:hover{
  box-shadow: 0 12px 28px -5px rgba(0,0,0,0.13);
  transition: all 0.3s;
  transform: translateZ(10px);
}

#floating-button{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #006D77;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}

.plus{
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 50px;
}

#container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

/* #container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
} */

.edit{
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  opacity: 0;
  margin: auto;
  line-height: 65px;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: edit-out 0.3s;
  
}

#container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
}

.nd1{
  background: #d3a411;
  right: 40px;
  bottom: 120px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.nd3{
  background: #3c80f6;
  right: 40px;
  bottom: 180px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.nd4{
  background: #ba68c8;
  right: 40px;
  bottom: 240px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

#container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

#container-floating:hover .nd3{
  animation-delay: 0.08s;
}
#container-floating:hover .nd4{
  animation-delay: 0.15s;
}
#container-floating:hover .nd5{
  animation-delay: 0.2s;
}

.letter{
  font-size: 23px;
  font-family: 'Roboto';
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 40px;
}

.reminder{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

.profile{
  border-radius: 50%;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}

.home_slider_custom{
	border: 1px solid #E4E7EC;
    border-radius: 16px;
    margin-bottom: 10px;
   
    padding: 20px 20px 15px 20px;
    height: 530px;
}

.grid-category-custom img{
	    height: 90px;
    max-height: 100%;
    margin-bottom: 15px;
    border-radius: 0px !important;
}

.home_slider_custom .grid-category-style-2 .grid-image-bottom{
	margin: 50px 0px 0px 0px !important;
}

.home_slider_custom .text-heading-6{
	font-size: 28px !important;
  color: #000 !important;
}
.text-heading-3,.text-heading-5{
  color: #000 !important;
}
.home_slider_custom .grid-category-style-2{
	    padding: 10px 20px 10px 20px !important;
}

/* video page */
/* .video_section1 .accordion-button::after{
  background-color: white;
    padding: 10px;
   
    border-radius: 10px;
}

.video_section1 .accordion-button:not(.collapsed)::after{
  background-color: black;
} */

/*.video_section1 .accordion-button{
  width: 500px;
}

.video_section1 .accordion-collapse{
  width: 500px;
}*/

/*information page*/
.information_section1 .form-group input{
	height: 30px !important;
	padding: 20px !important;
}

.information_section1 .form-control{
	height: 40px !important;
	padding: 11px !important;
}

.information_section1 textarea.form-control{
	padding: auto !important;
}

.card-body-custom .text-heading-6{
	font-weight: 100 !important;
}

.itemside img{
	width: 130px;
    height: 50px;
    object-fit: cover;
}

.product-item-3 .product-image img{
	width: 150px !important;
	height: 50px !important;
}

.product-item-3{
	height: 305px;
}
/*Product page*/
	.counter {
		width: 50px;
		margin: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.counter input {
		width: 50px;
		border: 0;
		line-height: 30px;
		font-size: 13px;
		text-align: center;
		background: #d1e5e882;
		color: #000;
		appearance: none;
		outline: 0;
	}
	.counter span {
		display: block;
		font-size: 25px;
		padding: 0 10px;
		cursor: pointer;
		color: #000;
		user-select: none;
	}
/*Dealer Page*/
.banner-hero.banner-faqs-1{
	margin-top: 0px !important;
}

.single-logo img{
	width: 600px !important;
	height: 100px !important;
  object-fit: contain !important;
}

.dealer2 .card-grid-style-6{
	background: #fff3eac4!important;
	height: 460px !important;
}

.dealer2 ul{
	list-style: inherit !important;
	margin: 20px !important;
}
/*information page*/
.custom_product_slider p{
	font-size: 15px !important;
}

.custom_product_slider{
	text-align: end !important;
	border-bottom: 1px solid grey !important;
}

.brand5-carousel .owl-item img{
	width: 45% !important;
}

.brand5-carousel .list-icons .item-icon{
	border: 2px solid #E4E7EC !important;
  border-radius: 16px;
	padding: 10px;
}

/*home slider*/
.brand-carousel-img .home_slider_custom .grid-category-style-2{
	padding: 0px !important;
}

.brand-carousel-img .grid-category-style-2{
	padding: 0px !important;
}

.demo1 {
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 6; 
           line-clamp: 6; 
   -webkit-box-orient: vertical;
}
.demo2 {
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 6; 
           line-clamp: 6; 
   -webkit-box-orient: vertical;
}
.brand5-carousel .item-icon{
  height: 295px !important;
}
.brand5-carousel .list-icons .item-icon:hover{
	border: 2px solid #006D77  !important;
}

  /* .blink {
            animation: blinker 4s linear infinite;
            color: red;
            font-family: sans-serif;
        }
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }*/

 .panel-box{
 	max-height: fit-content !important;
 }

 .panel-box .list-icons .item-icon{
 	border-bottom: none !important;
 	text-align: center !important;
 }

 .panel-box .list-icons .item-icon:hover{
 	border-bottom: 2px solid #006D77 !important;
 }

 .panel-box .list-icons .item-icon img{
 	height: 60px !important;
   /* width: 170px !important; */
 }

 .panel-box .box-optimized{
 	padding: 35px !important;
 }

/*.home_news .card-grid-style-4 .grid-4-img img {
	height: 150px !important;
	width: 150px !important;
}

.home_news .card-grid-style-4 .grid-4-img::before {
	height: 150px !important;
	width: 150px !important;
	right: 165px !important;
}*/

.home_section strong{
	font-size: 17px !important;
    line-height: 1.5 !important;
}

.text-heading-2{
  color: #000 !important;
}

/*video page*/
.product-item-1 .product-image{
	width: 100px !important;
}
/*.product-item-1 .product-info {
	padding: 20px 0px 20px 120px !important;
}*/
 /*.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #d1e5e882 ;
    border-radius: 16px !important;
 }

 .product-item-1:hover .overlay {
    opacity: 1 !important;
 }

 .text {
   color: black;
    font-size: 14px;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    width: 100%;
    left: 53%;

 }*/

 .gst-tutorials-box{
 	background: #fff;
    padding: 15px;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0 5px #ccc;
    overflow: hidden;
    text-align: center;
 }
.gst-tutorials-box .title-product{
	font-size: 15px !important;
}

.gst-tutorials-box .btn-play-video {
    position: absolute;
    top: 39%;
    /*margin-top: -30px;*/
   /* left: -34px;
*/    width: 64px;
    height: 72px;
    margin-left: 50% !important;
    background: url(../imgs/template/icons/play-button.svg) no-repeat;
}
a {
    text-decoration: none !important;
}
.video-carousel .title-product{
	font-size: 23px !important;
}

.video_section1 #accordionFAQ{
  overflow: hidden !important;
  height: auto !important;
}


/* download/update page */

.download-mirror {
  background: #006D77;
  padding: 10px 15px;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 0 5px #ccc;
  text-align: center;
  color: white;
}

.download-update-box {
  background: #fff;
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 0 5px #595757;
  overflow: hidden;
}

.download-update-box table{
  width: 100%;
    border-collapse: collapse;
}

.download-update-box h4{
  font-size: 25px;
    font-weight: bold;
    color: #000;
    position: relative;
    padding-bottom: 20px;
    line-height: 1.5 !important;
}

.download-update-box h4:after{
  position: absolute;
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 1px;
    background: #006D77;
    content: "";
}

.download_section2 tbody, .download_section2 td, .download_section2 tfoot, .download_section2 th, .download_section2 thead, .download_section2 tr{
  border: 1px solid gray;
  text-align: center;

}


.product-item-3:hover{
	    border: 2px solid #006D77 !important;
}

.section6 .btn-default{
	font-size: 15px !important;
	line-height: 15px !important;
	/*text-transform: lowercase !important;*/
}

.section7 .product-feature-box{
	padding: 20px;
    background: #fff;
    box-shadow: 0 3px 10px #ddd;
    border: 1px solid #ededed;
    min-height: 100px;
    display: block;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
}

.product-feature-box:hover{
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    background: #fff;
    border-bottom: 2px solid #006D77;
}

.product-feature-box:before{
	content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    height: 2px;
    background: #dc502c;
}

.section7 .btn-custom1:hover{
	background: black;
    border: none;
    color: white !important;
    font-size: 18px;
    line-height: 22px;
    font-family: "Chivo", sans-serif;
    font-weight: bold;
}



.product-feature-box p{
	font-size: 15px;
    color: #445475;
    line-height: 24px;
    margin: 0;
    min-height: 80px;
}

.why-choose-cricle-box{
	padding: 20px;
    background: #fff;
    box-shadow: 0 3px 10px #ddd;
    display: block;
    position: relative;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
}

.why-choose-cricle-box:hover{
	    margin-top: -20px!important;
    padding-top: 40px;
    box-shadow: 1px 0 34px 1px rgb(0 0 0 / 13%), 0 15px 34px 1px rgb(0 0 0 / 13%);
}

#fold{
	border-bottom:  1px solid black;
	width: 100px;

}

.details .btn.btn-tab{
	color: black !important;
}

.details .btn.btn-tab:hover{
	color: white !important;
}


/*dealer page*/
.item-slide-box{
	background: #fcfdfd;
    border: 1px solid #ebf1f8;
    position: relative;
    padding: 15px;
    display: block;
    clear: both;
    border-radius: 10px;
    transition: all ease .3s;
    margin-bottom: 30px;
    height: auto;
}

.item-slide-box:hover{
	transform: scale(1.04);
}

.item-slide-box:hover img{
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.item-slide-box img{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    width: 70px;
    height: 70px;
}

/*.item-slide-box p{
	padding: 15px;
}*/

.reas-box{
	min-height: 320px;
    overflow: hidden;
    background: #f8f9fb;
    padding: 20px 30px;
    margin: 0 0 25px 0;
    text-align: center;
    border-radius: 12px;
    transition: all ease .3s;
    box-shadow: 0 10px 8px #f9f9f9;

}

.reas-box:hover{
	background: #fff;
	/* min-height: 320px; */
}

.reas-box:hover .reas-icon{
	margin: 0;
}

.reas-box:hover h3{
	text-align: left;
    margin: 15px 0 15px;
    color: #006D77;
}

.reas-box h3{
	font-size: 20px;
    font-weight: bold;
    margin: 25px 0 15px;
    position: relative;
}

.reas-box:hover .reas-txt{
	display: block;
    text-align: left;
    position: relative;
    padding-top: 10px;
    width: 100%;
    float: left;
    margin-top: 15px;
}

.reas-box .reas-txt{
	display: none;
}

.reas-box:hover .reas-txt:before{
	content: "";
    background: #da261e;
    left: 0;
    top: 0;
    height: 2px;
    width: 30%;
    position: absolute;
}

.reas-box .reas-txt p{
	font-size: 15px;
    color: #4e5d6e;
    line-height: 25px;
}

.home_section .text-body-excerpt{
	font-size: 17px !important;
}
.text-body-excerpt{
	font-size: 15px !important;
}
.banner-hero .text-body-excerpt{
	font-size: 17px !important;
}
.text-body-text{
  font-size: 15px !important;
}

.sub-menu img{
  margin-right: 8px !important;
    vertical-align: middle !important;
    /* background-color: #d1e5e882;
    border-radius: 20px; */
    padding: 5px;
}

.dealer_container .container {
  position: relative;
  /* width: 50%; */
 
}
.img_container{
  background-color: rgb(202, 195, 195);
  height: 230px;
  width: 300px;
  justify-content: center;
  display: flex;
}
.image {
  display: block;
  width: 100%;
  padding: 10%;
  height: 180px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 0;
  height: 230px;
  width: 300px;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.dealer_container .container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.list-icons-dealer{
  border: 5px solid #E4E7EC !important;
    padding: 10px;
}


.list-icons-dealer:hover{
  border: 5px solid #006D77  !important;
}

.item-icon-dealer img{
  width: 25%;
}

.custom2_button{
  padding: 15px 20px !important;
    background-color: #fff !important;
    border: 3px solid #d1e5e882 !important;
    color: black !important;
}

/* .custom2_button{
  color: #d1e5e882 !important ;
} */

/* contact us */
.address-box{
  background: url(../imgs/dotbg.png) repeat #fff3eac4;
    padding: 15px;
    position: relative;
    overflow: hidden;
    min-height: 168px;
    margin-bottom: 30px;
}

.address-box:after{
  position: absolute;
    width: 85px;
    height: 85px;
    background: rgba(255,255,255,.1);
    right: -20px;
    bottom: -20px;
    content: "";
    border-radius: 100%;
}

.address-box h4{
  font-size: 22px;
    font-weight: 900;
    color: rgb(0, 0, 0);
    position: relative;
    padding-bottom: 20px;
}

.address-box p{
  font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 24px;
    margin: 0;
}

.address-box-2{
  background-color: #ddd3fa91;
}

.address-box-3{
  background-color: #df5c56;
}

.query-form-box{
  background: #fff;
    padding: 15px;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0 5px #ccc;
    overflow: hidden;
}

.query-form-box .form-group{
  margin-bottom: 15px;
}

.query-form-box .form-control{
  /* color: #000; */
  border-radius: 0px;
  border: 1px solid #ccc;
  height: 40px;
  width: 100%;
}

.video_home .text-heading-5{
  font-size: 15px !important;
}

.form-group{
  margin-bottom: 15px !important;
}
/* 
.grid-4-img img{
  width: 300px !important;
} */

/* .card-grid-style-4 .grid-4-img::before{
  right: 5px !important;
}

.card-grid-style-4 .grid-4-img.color-bg-9::before {
  width: 250px!important;
} */

/* .card-grid-style-4 .grid-4-img::before{
  content: "";
  position: absolute;
  bottom: 0px;
  right: 300px;
  width: 35%;
  border-radius: 16px;
  background-color: #d1ecfd91;
  top: 30px;
  transition-duration: 0.2s;
}

.blogs-carousel .owl-item img{
  width: 100% !important;
}

.card-grid-style-4:hover .grid-4-img::before{
  right: 0px !important;
} */

.sub-product a{
  padding: 15px 22px 15px 22px !important;
  height: 70px !important;
}

.sub-product:hover{
  background-color: #edf7f9;
}

/* new css */
.home_news .card-grid-style-4 .grid-4-img img{
  width: 250px !important;
}

.home_news .card-grid-style-4 .grid-4-img::before{
  content: "";
    position: absolute;
    bottom: 3px !important;
    /* right: 10px !important;
    width: 90% !important; */
    right: 90px !important;
    width: 70% !important;
    border-radius: 16px;
    background-color: #d1ecfd91;
    top: 20px;
    transition-duration: 0.2s;
}

.product-info{
  margin-top: -10px !important;
}

.easytax .product-feature-box{
  background: #f8f9fb !important;
  padding: 53px 48px;
    width: 100%;
    border-radius: 16px;
    position: relative;
    margin-bottom: 30px;
    height: 190px;
}

.easytax .product-feature-box:hover{
  border: 2px solid #006D77 !important;
}

.easytax span{
  height: 20px !important;
  font-size: 30px !important;
  color: #000 !important;
  margin-bottom: 20px !important;
}

.section7 span{
  height: 20px !important;
  font-size: 30px !important;
  color: #006D77 !important;
  margin-bottom: 20px !important;
}


.easytax1 .product-feature-box:hover{
  border: 2px solid #000 ;
}

.easytax1 .product-feature-box{
  border: 2px solid #006D77;

}

.easytax1 .color-gray-900:hover{
  color: #006D77!important;
}

.easytax2 .product-feature-box:hover{
  height: 145px !important;
}

.easytax2 .product-feature-box:hover{
  border: 2px solid #006D77;
}

.easytax4 .item-slide-box{
  border: 2px solid #000 !important;
}

.easytax2 .product-feature-box{
  height: 145px !important;
}

.easytax3 .product-item-2{
  height: 280px !important;
}

.easyaudit3 .product-item-2 {
  height: auto !important;
  width: 75% !important;
  margin-left: 2% !important;

}

@media only screen and (max-width:1027px){
  .easyaudit3 .second_gst::before{
   
    left: -30% !important;
   
  }
  
  .easyaudit3 .third_gst::before{
   
    left: -30% !important;

  }
  
  .easyaudit3 .fourth_gst::before{
    
    left: -30% !important;
   
}
}

.easyaudit3 .second_gst::before{
  top: 45%;
  left: -27%;
  content: "";
  height: 22px;
  width: 84px;
  background: url(../imgs/page/about/2/asset1.svg) no-repeat;
  position: relative;
  justify-content: center;
    display: flex;
    align-items: center;
}

.easyaudit3 .third_gst::before{
  top: 45%;
  left: -27%;
  content: "";
  height: 22px;
  width: 84px;
  background: url(../imgs/page/about/2/asset2.svg) no-repeat;
  position: relative;
  justify-content: center;
    display: flex;
    align-items: center;
}

.easyaudit3 .fourth_gst::before{
  top: 45%;
  left: -27%;
  content: "";
  height: 22px;
  width: 84px;
  background: url(../imgs/page/about/2/asset1.svg) no-repeat;
  position: relative;
  justify-content: center;
    display: flex;
    align-items: center;
}


.easyaudit3 .second_gst .product-item-2{
  position: relative !important;
  margin-top: -10% !important;
}
.easyaudit3 .third_gst .product-item-2{
  position: relative !important;
  margin-top: -10% !important;
}
.easyaudit3 .fourth_gst .product-item-2{
  position: relative !important;
  margin-top: -10% !important;
}
.easycma .product-feature-box{
  padding: 30px 30px !important;
  height: 130px !important;
}

/* detail pages */
.easytax4 .item-slide-box .row{
  display: flex !important; 
  align-items: center !important;
}

.easytax8 .why-choose-cricle-box .row{
  display: flex !important; 
  align-items: center !important;
}

.tdsr2 .product-feature-box{
  height: 110px !important;
}

.tdsr2 .product-feature-box:hover{
  height: 110px !important;
}
.spanTA201{
  background-color: #ffffff;
  border: 1px solid black;
  border-radius: 50%;
  padding: 5px;
  color: #000000;
  font-size: 30px !important;
  margin-left: -5% !important;
}

#custom_multiple .spanTA201{
  background-color: #ffffff;
  border: 1px solid black;
  border-radius: 50%;
  padding: 20px;
  color: #000000;
  font-size: 30px !important;
  margin-left: -5% !important;
}

#custom_multiple_1  .spanTA201{
  background-color: #fff;
  border: 3px solid #006d77;
  border-radius: 50%;
  padding: 5px;
  color: #000000;
  font-size: 30px !important;
  margin-left: -5% !important;
  width: 70px !important;

}
.box-square{
  height: 85% !important;
}

.box-square .box-image-inners{
  padding: 5px !important;
}

.box-image-inner img{
  height: 223px !important;
  width: 396px !important;
}

.dealer_li li{
  padding-bottom: 0px !important;
}
/* Career Page */
#career_button .btn-default{
  background-color: #006D77 !important;
  color: #fff;
  padding: 10px 32px!important;
}

#career_button .btn-default:hover{
  background-color: #d1e5e882  !important;
  color: #000 !important;

}

/* #career_table table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

#career_table td{
  padding: 5px;
} */

#accordionCareer .accordion-item .accordion-button{
  border-radius: 0px !important;
}

#accordionCareer .accordion-body{
  border: 1px solid gray;
}

#accordionCareer h4{
  font-size: 15px;
  font-weight: bold;
  color: #000;padding: 10px;
}

#accordionCareer p{
  font-size: 15px;
  color: #000;padding: 10px;
}

/* easytax */
.section9 .container_tax {
  position: relative;
  /* width: 50%; */
}

.section9 .image {
  display: block;
  width: 100%;
  height: auto;
}

.section9 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fff ;
  border-radius: 16px;
}

.section9 .container_tax:hover .overlay {
  opacity: 1;
}

.section9 .text {
  color: black;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: -40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;}

.section9 .text-body-lead{
  width: 105%;
}

.section9 span {
  height: 20px !important;
  font-size: 30px !important;
  color: #006D77 !important;
  margin-bottom: 20px !important;
}

.office7 .spanTA201{
  background-color: #ffffff;
    border: 1px solid black;
    border-radius: 50%;
    padding: 10px;
    color: #000000;
    font-size: 20px !important;
    margin-left: -5% !important;
}

.office7 .text-body-lead {
  font-family: "Noto Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}

/* trial tab */
#try_office .btn-tab{
  width: 255px !important;
  color: black !important;
}

#try_office .btn-tab:hover{
  color: white !important;
}

#try_office .row{
  display: flex;
  align-items: center;
}

#try_acc .btn-tab{
  width: 290px !important;
  color: black !important;
}

#try_acc .img_col{
  padding-left: 35px;
}

.financial .text-heading-3{
  font-size: 18px !important;
}

.card-grid-1{
  padding: 35px !important;
  height: 400px !important;
}

.bordered-text {
  border: 2px solid black;
  text-align: center;
  padding: 10px;
}

/* #content {
  max-width: 600px;
  margin: 25vh auto;
} */

.testimonial blockquote {
  margin: 10px 10px 0;
  background: #d1e5e882 ;
  padding: 20px 60px;
  position: relative;
  border: none;
  border-radius: 8px;
}

.testimonial blockquote:before,
.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #006D77 ;
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #006D77 ;
  margin: 0 0 0 60px;
}

.testimonial p {
  margin: 8px 0 0 20px;
  text-align: left;
  color: #000;
}

.bg-11{
  background-color: #F2F4F7;
}

.spanTA202{
  background-color: #ffffff;
    border: 1px solid black;
    border-radius: 50%;
    padding: 20px;
    color: hsl(0, 0%, 0%);
    font-size: 30px !important;
    margin-left: -5% !important;
}

#new_trial .why-choose-cricle-box .row{
  display: flex !important;
    align-items: center !important;

}

#new_trial .text-body-lead{
  font-size: 16px !important;
}

#new_trial .panel-box .box-optimized{
  padding-bottom: 5px !important;
}

.block-pricing .box-pricing-item .line-bd-bottom{
  border-bottom: 1px solid #D0D5DD;
    padding: 0px 0px 20px 0px;
    margin-bottom: 21px;
}

#trial_gst .card-grid-style-2{
  padding: 15px 15px !important;
  height: 230px !important;
  box-shadow: none !important;
}

#trial_audit .card-grid-style-2{
  padding: 15px 15px !important;
  height: 190px !important;
  box-shadow: none !important;
}

#trial_tdsr .card-grid-style-2{
  padding: 15px 15px !important;
  height: 225px !important;
  box-shadow: none !important;
}
#trial_tdsr ul{
  margin-left: 20px !important;
}
.easyaudit4 .panel-box{
  border-radius: 0px !important;
}

.easyaudit4 .panel-box img{
  border-radius: 0px !important;

}

/* dealer page */
.banner-hero.bg-about-2 .box-banner-left{
  padding-bottom: 30px !important;
}

/* detail page 1st section */
.banner-hero.bg-service-1::before{
  /* background: none !important; */
}

.banner-hero.bg-service-1{
  background-color: #F3F4F8 !important;
  /* background-image: url("../imgs/page/services/1/bg-banner2.png");
  background-size: cover;
  background-repeat: no-repeat; */
}

/* easyoffice detail page */
/* trial gst */
#trial_gst .content .title {
  background-color: hsla(180, 100%, 30%, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 5px;
}

.banner-hero.bg-service-1::before{
  background: url(../imgs/Artboard_3.png) no-repeat;
  /* top: 407px;
  right: 1px; */
}

/* gst page */
.text_gst{
  border: 1px solid #f2f4f7;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}

/* account page */
.easyacc  .product-item-2 {
  height: 310px !important;
  /* width: 370px !important; */
}
/* 3rd meeting changes */
/* header changes */
.sticky-bar.stick{
  height: 90px;
  padding: 0px;
}

#modules .btn.btn-black{
  background-color: #E4E7EC;
    color: #101828;
    border: 2px solid #101828!important;
}

    #modules .btn.btn-black:hover{
      color: #ffffff;
    background-color: #101828;
    border: 0px;
    }

    .item-icon{
      margin-right: 25px;
    }

/* testimonial section */
#testimonial .owl-carousel .owl-item img{
  width: 60% ;
  height: 210px;
}


/* akshy code in office detail page 1st */
 /* .section1 .banner-hero.bg-service-1::before{
  height: 660px !important;
}

.banner-hero.bg-service-1::before{
  background: url(../imgs/Artboard_4.png);
  background-size: cover;
  content: "";
    position: absolute;
    height: 651px;
    width: 1469px;
    right: 0px;
    bottom: 0px;
    

}  */
.grid-image-left-category{
  padding-left: 5px;
}

.grid-category .grid-image-left-category .category-image{
  margin-right: 5px !important;
}

.grid-category .grid-image-left-category .category-image{
  height: 40px;
    width: 50px;
}

.grid-category .grid-image-left-category .category-info{
  width: calc(140% - 75px);
}

.grid-category{
  height: 73px;
  width: 280px;
  padding: 10px 0px;
  margin-bottom: 15px;
}

.grid-category .grid-image-left-category .category-image span {
  height: 30px;
    width: 30px;
}

.product-price-icon-box {
  width: 530px;
  margin-bottom: 0px;
  margin-top: 20px;
  display: block;
  clear: both;
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
}

.product-rates {
  display: block;
  clear: both;
  margin-bottom: 0px;
}

.product-rates .product-ins {
  font-size: 20px;
  padding-right: 10px;
  border-right: 1px solid #445475;
  color: #445475;
  display: inline-block;
}

.easygst_section1 .text-body-lead{
  font-size: 14px;
}

.easygst_section1 .grid-category .text-body-lead:hover{
  font-size: 15px;
  color: #fff !important;
}

.bg12{
  background-color: #F2F4F7 !important;
}

#audit_1 .product-item-2{
  border: 2px solid #006d77 !important;
}

#audit_1 .product-item-2 .text-heading-4{
  font-size: 26px !important;
}

.tab-pane img{
  box-shadow: 5px 5px 10px grey !important;
  border-radius: 20px !important;
}

.btn.btn-tab.active{
  box-shadow: 5px 5px 10px grey !important;

}

#try_office img{
  box-shadow: 5px 5px 10px grey !important;
  border-radius: 20px !important;


}

#Management .product-feature-box{
  padding: 25px 48px !important;
  height: 130px !important;
}

.download-update-box{
  background-color: #E8F2F3 !important;
} 

.easygst_section1 .grid-category{
  pointer-events: none !important;
}

#office .product-feature-box {
  background: #f8f9fb !important;
  padding: 20px 45px;
  width: 100%;
  border-radius: 16px;
  position: relative;
  margin-bottom: 30px;
  height: 125px;
}

/* cma page */
#trial_audit .product-item-2{
  height: 360px;
}

#trial_audit .product-item-2 .product-info .text-body-lead-small{
  text-align: center;
}

#trial_gst .text-heading-5{
  text-align: center;
}

#audit_1 .text-heading-4{
  text-align: center;
}

#audit_1 ul{
  font-size: 15px;
}

#custom_pan .text-heading-4{
  font-size: 27px !important;
}

#custom_pan ul{
  font-size: 15px !important;
}

/* custom section in all pages */
.custom_add{
  background-color: #006D77;
  padding: 50px;
}

.custom_add h1{
  color: white !important;
  line-height: 50px !important;
}

.panel-box .text-heading-2{
  font-size: 34px !important;
}

.panel-box ul{
  font-size: 15px !important;

}

.detail_carousel .product-item-2{
  border-radius: 0px !important;
}

.footer .footer-top{
  padding: 0px !important;
}

.detail_carousel .active{
  height: auto !important;
}

.product-item-3 .product-image img{
  border-radius: 0px !important;
}

/* about page new section */
.about-client-sec{
  display: block;
    clear: both;
    /* background: #F2F4F7 ; */
    padding-bottom: 30px;
    padding-top: 50px;
}

.about-client-sec ul{
  text-align: center;
}

.about-client-sec li:first-child, .about-client-sec li:nth-child(7) .about-client-sec li:nth-child(13), .about-client-sec li:nth-child(19){
  border-left: 1px solid transparent;
}

.about-client-sec li{
  width: 16.66%;
    margin: 0 -2px;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    padding: 30px 0 20px;
    position: relative;
    display: inline-block;
}

.about-client-sec li img{
  display: inline-block;
    position: relative;
}

.about-client-sec li h3{
  color: #000;
  font-family: "Noto Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}

/* new svg icons */
.icon-call{
  background: url(../imgs/template/icons/icon-call.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 30px;
}


.icon-mail{
  background: url(../imgs/template/icons/icon-mail.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 30px;
}

.list-steps li.custom_icon::before{
  content: "";
    height: 72px;
    width: 60px;
    background: url(../imgs/page/about/2/asset3.svg) no-repeat 0px 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    top: -425px !important;
    transform: rotate(145deg) !important;
    right: 294px !important;
}

.list-steps li.custom_icon::after{
  content: "";
    height: 14px;
    width: 77px;
    background: url(../imgs/page/about/2/asset4.svg) no-repeat 0px 0px;
    position: absolute;
    top: 110px;
    right: 15px;
}

#about_steps .list-steps li{
  /* padding-bottom: 0px !important; */
}

#custom_about1 .why-choose-cricle-box{
  height: 165px !important;
}

#about_steps .list-steps li .block-step{
  height: 235px !important;
}

/* video page changes */


#accordionFAQ1 .accordion-button{
  color: #000 !important;
    background-color: #d1e5e882 !important;
}

#accordionFAQ1 .accordion-button:not(.collapsed){
  background-color: #006d77 !important;
    color: white !important;
}

.video-carousel .product-item-1 .product-info{
  padding: 5px 0px 5px 130px !important;
}

.video-carousel .product-item-1 .product-image{
  padding: 10px 0px 0px 0px !important;
}

.video-carousel .product-item-1 .product-info .price-regular{
  font-size: 22px !important;
}

/* partner page */
#dealer1 .banner-hero.bg-about-2 .block-1{
  position: absolute !important;
    right: 0px !important;
    left: 155px !important;
    bottom: -26px !important;
    z-index: 3 !important;
    width: 350px !important;
}

#dealer2 .list-steps li .block-step p.text-body-text{
  height: auto !important;
}

/* career page change */
#accordionCareer .accordion-button{
  color: #fff !important;
    background-color: #006d77 !important;
}

#accordionCareer .accordion-button:not(.collapsed){
  background-color: #006d77 !important;
    color: white !important;
}

/* menu logo hyperlink */
.header .nav-main-menu{
  width: 83% !important;
    padding: 0px !important;
    float: none !important;
}

/* media query for home page */
@media only screen and (max-width: 600px) {
  .why-choose-cricle-box{
    min-height: 182px !important;
  }

  #tab_video .btn-play-video{
    left: 50% !important;
  }
  .testimonial-carousel-img .btn-play-video{
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%);
  }

  .blogs-carousel .card-grid-style-4 .mb-10{
      width: 100% !important;
  }

  .blogs-carousel .card-grid-style-4 .mb-10 img{
    height: auto !important;
    width: auto !important;
}

  /* dealer page */
  #dealer1 .banner-hero.bg-about-2 .block-1{
    position: relative !important;
      right: 0px !important;
      left: 0px !important;
      bottom: 0px !important;
      z-index: 3 !important;
      width: auto !important;
  }
  #dealer1 .banner-hero.bg-about-2 .block-1 img{
    max-width: -webkit-fill-available !important;
  }
  .brand5-carousel .item-icon{

    margin-right: 0px !important;
  }
  #second_ul{
    margin-top: 0px !important;
  }

  #first_ul{
    margin-top: 0px !important;
  }
  #dealer3 .block-pl{
    padding-left: 15px !important;
  }
  .section8  .why-choose-cricle-box{
    min-height: 90px !important;
  }
  .dealer_contact .btn{
    margin-right: 0px !important;
  }

  #career_one .text-heading-2{
    line-height: 40px !important;
    }

    #career_apply_one .btn{
      margin-right: 0px !important;
    }
    #about_steps .list-steps li .block-step{
      height: auto !important;
    }

    #custom_about1 .why-choose-cricle-box{
      height: auto !important;
    }

    #custom_about1 .why-choose-cricle-box:hover{
      height: auto !important;
    }

    #about_about .btn{
      margin-right: 0px !important;
    }
    .list-steps li.custom_icon::after{
      display: none !important;
    }

    #abt_img img{
      height: 100% !important;
    }

    .header-top-green{
      text-align: center !important;
    }

    #custom_green{
      text-align: center !important;
    }

    .header-logo{
      margin-top: 15px !important;
    }

    .sticky-bar.stick{
      height: 50px !important;
    }

    /* .mobile-header-wrapper-style{
      top: 30px !important;
    } */

    /* .burger-icon.burger-close{
      background-color: black;
    width: 25px;
    color: white;
    } */
    .burger-icon.burger-close{
      /* position: sticky !important; */
    }

    .sub-menu{
      min-width: 0px !important;
    }
    /* .mobile-header-wrapper-style .mobile-header-wrapper-inner{
      height: 255px !important;
    } */
    /* catalouge page */
#product_catalouge_custom form .btn{
  margin-right: 0px !important;
}
#custom_contact{
  margin-top: -80px !important;
}
#custom_contact form .btn{
  margin-right: 0px !important;

}
  }
/* for BR tag */
.BR {
  display: none;
}

/* show the <br> tag on desktop devices */
@media only screen and (min-width: 768px) {
  .BR {
    display: block;
  }
}
/* demo page */
.banner-hero.banner-breadcrums{
  background-color: #fff3eac4 !important;
    padding: 48px 0px !important;
}

/* home page change */
.brand5-carousel .text-body-excerpt{
  color: black !important;
    /* font-weight: 700 !important; */
}

/* youtube icon in footer */
.footer .footer-bottom .icon-socials.icon-youtube {
  background: url(../imgs/template/icons/youtube_2.png) no-repeat 0px 0px;
  transition-duration: 0.2s;}

  .footer .footer-bottom .icon-socials.icon-youtube:hover{
    opacity: 0.8 !important;
    transition-duration: 0.2s !important;
  }

  /* header change */
  .header .main-menu li a{
    padding: 30px 15px 30px 15px !important;
  }


  #about_steps .text-body-excerpt{
    font-weight: 600!important;
  }

  /* career page */
  #accordionCareer .accordion-button::after{
    background-image: url(../imgs/template/icons/angle-up-white.svg) !important;
    transform: rotate(180deg) !important;
  }

  #accordionCareer .accordion-button:not(.collapsed)::after{
    background-image: url(../imgs/template/icons/angle-up-white.svg) !important;
    transform: rotate(0deg) !important;
  }