/*------------------ # Design Fonts ------------------*/

@import url(/assets/css/mycloudpos_com_fonts_eaeb2855.css);
@import url(/assets/css/mycloudpos_com_line-awesome_7615c883.css);


/* ----**** [ default CSS ] ****---- */

body { font-family: 'Plus Jakarta Sans'; font-weight:400; font-size: 16px; color:#212834;overflow-x:hidden;}

body.innerpage { height: auto;}

a { color: #212834; text-decoration: none;}
a:hover, a:active, a:focus { color: #212834; outline: none; text-decoration: none;}

.border-radius40 { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;}
.border-radius16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}


/* ----**** [ button css ] ****---- */

.order-btn { font-size:18px; font-weight: 500; color: #FFFFFF; min-width: 280px; height: 52px;
	display: inline-flex; justify-content: center; gap:16px; align-items: center; padding: 0 16px; 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
	-webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; 
	transition: background-color 300ms linear;}
.order-btn i { font-size: 24px;}	
.order-btn:hover, .order-btn:focus {}

.order-btn.red-clr { background: #D60000; color: #FFFFFF;}
.order-btn.red-clr:hover, .order-btn.red-clr:focus { background: #B10000; color: #FFFFFF;}

.order-btn.white-clr { background: #FFFFFF; color: #212834;}
.order-btn.white-clr:hover, .order-btn.white-clr:focus {}

.order-btn.dark-clr { background: #212834; color: #FFFFFF;}
.order-btn.dark-clr:hover, .order-btn.dark-clr:focus {}


/* ----**** [ heading css ] ****---- */

h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0;}
h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans'; font-weight:400;}

.clrWhite { color:#FFFFFF;}

p { font-family: 'Plus Jakarta Sans'; font-weight:400; font-size:16px; margin:0 0 16px 0; color:#212834;}

.margin-0 { margin: 0!important;}


/* ----**** [ sections header ] ****---- */

section { padding:60px 0;}

.section-header { margin-bottom:36px; text-align:center;}
.section-header h2 { font-size: 40px; font-weight:700; color:#212834; margin: 0;}
.section-header h2 span { font-size: 40px; font-weight:700; color:#D60000;}	
.section-header p { font-size: 20px; font-weight:400; color: rgba(30, 40, 52, 0.70); margin: 10px 0 0 0;;}	


/* ----**** [ form control ] ****---- */

.form-group { margin: 0 0 16px 0;}
label { display:none;}
textarea.form-control { height: auto;}	

.form-control { font-family: 'Plus Jakarta Sans'; font-size:16px; font-weight:400; 
	border: 1px solid rgba(33, 40, 52, 0.25); padding: 8px 16px; height:44px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.form-control::-webkit-input-placeholder {color: #212834!important; opacity: 0.8!important;}	
.form-control::-ms-input-placeholder {color: #212834!important; opacity: 0.8!important;}
.form-control::-moz-input-placeholder {color: #212834!important; opacity: 0.8!important;}

.form-control:focus { outline:none; box-shadow:none; border-color:#212834; color: #212834;}


/* ----**** [ back-to-top button ] ****---- */

.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 996;
	background: rgba(214, 0, 0, 0.50); width: 40px; height: 40px; visibility: hidden; opacity: 0;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
	
.back-to-top i { font-size: 28px; color: #FFFFFF; line-height: 0;}
.back-to-top:hover { background: rgba(214, 0, 0, 1);}
.back-to-top:hover i { color: #FFFFFF;}
.back-to-top.active { visibility: visible; opacity: 1;}


/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #18d26e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* ----**** [ header section ] ****---- */

.top-area { position: relative; width: 100%; /*height: 100%;*/ height:1040px;}

#header { background: rgba(255, 255, 255, 0); z-index: 997; height:84px; top: 0; padding: 0 24px;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}	
#header .header-inner { display: flex; justify-content: space-between; align-items: center;}	

#header .logo { margin: 0; padding: 0; text-align: center; /*border-bottom: 1px solid #e2e2e2;*/}
#header .logo img { max-height: 56px;}
#header .logo img.white-logo { display:flex;}
#header .logo img.color-logo { display:none;}

#header.header-scrolled { background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(231, 231, 231, 1); height: 84px; top:0;
	box-shadow: 1px 0 10px rgb(0 0 0 / 20%); -webkit-box-shadow: 1px 0 10px rgb(0 0 0 / 20%); -moz-box-shadow: 1px 0 10px rgb(0 0 0 / 20%);}
#header.header-scrolled .logo img.white-logo { display:none;}
#header.header-scrolled .logo img.color-logo { display:flex;}


/* ----**** [ desktop navigation section ] ****---- */

.nav-wrapper { display: flex; gap: 12px; justify-content: center; align-items: center;}

.navbar { padding: 0; justify-content: center;}

.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
.navbar ul li { position: relative;}
.navbar ul li a { display: flex; align-items: center; justify-content: space-between; 
	font-family: 'Plus Jakarta Sans'; font-weight: 500; font-size: 16px; text-transform: none; color: rgba(255,255,255,0.75);
	white-space: nowrap; padding: 0 16px;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
.navbar ul li a i { font-size: 26px;}	
.navbar ul li a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: rgba(255,255,255,1);}

.navbar li a:before { content: ""; width: 0; height: 2px; margin: 0 auto;
	position: absolute; bottom: -16px; left: 0; right: 0; background-color: #FFFFFF; visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before, .navbar li:hover a:before, .navbar .nav-link.active:before {
	visibility: visible; width: 48px;}

.nav-link:focus, .nav-link:hover { color: rgba(255,255,255,1);}
.navbar ul li a:hover, .navbar ul li a:active, .navbar ul li a:focus { color: rgba(255,255,255,1);}

.navbar ul li.join-partner-btn a { padding: 0 20px; min-width: 100px; height: 44px; gap: 12px;
	justify-content: center; border:1px solid #FFFFFF;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}	
.navbar ul li.join-partner-btn a:hover, .navbar ul li.join-partner-btn a:focus { background: rgba(255,255,255,1); color: #212834;}
.navbar ul li.join-partner-btn a:before { display:none;}	
	
#header.header-scrolled .navbar ul li a { color: #212834;}
#header.header-scrolled .navbar ul li a:hover, 
#header.header-scrolled .navbar .active, 
#header.header-scrolled .navbar .active:focus, 
#header.header-scrolled .navbar li:hover > a { color: #D60000;}

#header.header-scrolled .nav-link:focus, 
#header.header-scrolled .nav-link:hover{ color:#D60000;}

#header.header-scrolled .navbar li a:before { background-color: #D60000;}

#header.header-scrolled .navbar ul li.join-partner-btn a { border:1px solid #212834; color: #212834;}	
#header.header-scrolled .navbar ul li.join-partner-btn a:hover, 
#header.header-scrolled .navbar ul li.join-partner-btn a:focus { background: #212834; color: #FFFFFF;}


/* ----**** [ mobile navigation section ] ****---- */

.mobile-nav-toggle { color: #FFFFFF; font-size: 40px; cursor: pointer; display: none; line-height: 0;
  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
.mobile-nav-toggle.bi-x { color: #FFFFFF;}

@media (max-width: 991px) {
	
  .mobile-nav-toggle { display: block;}
  .navbar ul { display: none;}
  
}

.navbar-mobile { background: rgba(0, 0, 0, 0.45); overflow: hidden;
	position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
  
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 16px; right: 24px; font-size: 36px;}

.navbar-mobile ul { background: #212834; display: block; overflow-y: auto;
	position: absolute; top: 48px; right: 20px; bottom: 20px; left: 20px; padding: 16px;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}	
.navbar-mobile ul li { text-align:center; margin:0;}	
.navbar-mobile ul li a { padding: 8px 16px; font-weight:500; color: #FFFFFF; justify-content: center; border-right: 0px none;
	/*-webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;*/}
	
.navbar-mobile ul li a:focus { display:block;}
.navbar-mobile ul li a:hover, .navbar-mobile .active, .navbar-mobile ul li:hover > a { color: #D60000;}

#header.header-scrolled .navbar.navbar-mobile ul li a { color: #FFFFFF;}
#header.header-scrolled .navbar.navbar-mobile ul li a:hover, 
#header.header-scrolled .navbar.navbar-mobile .active, 
#header.header-scrolled .navbar.navbar-mobile ul li:hover > a { color: #D60000;}
#header.header-scrolled .navbar.navbar-mobile ul li.join-partner-btn a { border: 1px solid #FFFFFF;}
#header.header-scrolled .navbar.navbar-mobile ul li.join-partner-btn a:hover { color: #FFFFFF;}


/* ----**** [ slider section ] ****---- */

html, body { height: 100%}

.banner-image { position: absolute; bottom: -220px; left: 0; right: 0; margin: 0 auto; text-align: center;}

.banner-area { position: relative; width: 100%; /*height: 100%;*/ height: 1040px; 
	background:#D60000 url(/assets/images/mycloudpos_com_bg-graphic_01f0a815.png) center top no-repeat scroll; 
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover;}
	
.banner-slide { position: absolute; width: 100%; height: 100%; z-index: 99; overflow: hidden; padding-top: 200px;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    /*-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	
.banner-slide .banner-text { text-align:center;}	
.banner-slide .banner-text h1 { font-size:48px; font-weight: 500; color:#FFFFFF; margin: 0 0 24px 0;}
.banner-slide .banner-text h1 span { font-weight: 700; color:#FFFFFF;}
.banner-slide .banner-text p { color:#FFFFFF; font-size:22px; font-weight: 400; margin: 0 0 24px 0;}	


/* ----**** [ home counter section ] ****---- */

#home-counter-main { background:#F6F6F6; /*padding: 60px 80px;*/ padding: 260px 80px 48px 80px;}

.counter-info { width: 1140px; margin: 0 auto; display: flex; justify-content: center; gap: 36px;}

.counter-block { width: 25%;} 
.counter-info ul { list-style-type: none; margin: 0; padding: 0; text-align: center;  
	display: flex; flex-wrap: wrap; justify-content: center; gap: 24px;}
.counter-info ul li { color: #212834; margin: 0;} 
.counter-info ul li span { color:#EE0007;}
.counter-info ul li strong { font-weight: 700; color: rgba(30, 40, 52, 1);}

.counter-info ul li:first-child { font-size: 40px; font-weight: 700;}
.counter-info ul li:last-child { font-size: 18px; color: rgba(30, 40, 52, 0.70);}	


/* ----**** [ home benefits pos section ] ****---- */

#home-benefits-pos { background:#FFFFFF; display: flex; flex-wrap: wrap; padding: 80px 0 0 0;}
	
#home-benefits-pos .benefits-pos-block { display: flex; justify-content: space-between; gap: 36px; 
	width: 100%; align-items: center;}

.benefits-pos-block .benefits-pos-text { width: 50%; text-align: left;}	
.benefits-pos-block .benefits-pos-text h4 { font-size: 36px; font-weight: 700; color: #212834; margin: 0 0 36px 0;}

.benefits-pos-block .benefits-pos-text .accordion { border: 0px none; border-radius: 0px;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item { border: 0px none; border-radius: 0px; 
	background:#F7F7F7; margin:0 0 16px 0;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button { 
	font-size: 22px; font-weight: 600; color:#212834; background: transparent;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}	
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button:focus { outline:0; box-shadow: none;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button::after { content: "\f055";
	font-family: 'Line Awesome Free'; font-weight: 900; font-size: 26px; width:28px; height:28px;
	background-image: none; transition: none;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button:not(.collapsed)::after { 
	content: "\f056"; transform: none;}
	
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-body p { margin:0;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button:not(.collapsed) { 
	background:transparent; box-shadow: none;}

.benefits-pos-block .benefits-pos-image { width: 50%; text-align:center;}
	
	
/* ----**** [ home become partner section ] ****---- */

#home-become-partner { padding:80px 0;}

#home-become-partner .section-header h2 { font-weight: 400;}

.become-partner-image { text-align: center;}	
.become-partner-text { width:100%; text-align:center; padding: 0 24px;}
.become-partner-text ul { list-style-type: none; margin: 0; padding: 0; 
	display: flex; justify-content: center; gap:20px; flex-wrap: wrap;}
.become-partner-text ul li { display: flex; flex-wrap: wrap; gap: 16px;}
.become-partner-text ul li span { display: flex; gap: 20px; align-items: center;}
.become-partner-text ul li span i { background: #212834; width:80px; height:80px; 
	display: flex; align-items: center; justify-content: center; 
	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.become-partner-text ul li span strong { font-size: 26px; font-weight: 700;}		
.become-partner-text ul li p { margin:0; text-align:left; color: rgba(30, 40, 52, 0.80);}	
.become-partner-text ul li i img { max-width:54px;}	


/* ----**** [ home our solutions section ] ****---- */

#home-our-solutions { padding: 0;}

.our-solutions-info { background:#212834; padding: 48px 40px;}
.our-solutions-info .section-header h2 { color: #FFFFFF;}
.our-solutions-info .section-header p { color: rgba(255, 255, 255, 0.70);}

.our-solutions-info ul { list-style-type: none; margin: 0; padding: 0; 
	display: flex; justify-content: space-between; gap: 36px; align-items: baseline;}
.our-solutions-info ul li { width: 33%; display: flex; flex-wrap: wrap; gap: 24px;} 
.our-solutions-info ul li i { width: 100%;}
.our-solutions-info ul li span { width: 100%; display: flex; justify-content: center; font-size: 22px; font-weight: 600;}

.our-solutions-info ul li h2 { font-size: 24px; font-weight: 700; color: #FFFFFF; margin: 0;}
.our-solutions-info ul li p { color: rgba(255, 255, 255, 0.70); margin: 0;}
	
	
/* ----**** [ home your path section ] ****---- */

#home-your-path { padding: 80px 0;}

.your-path-info ul { list-style-type: none; margin: 0; padding: 48px 30px; 
	display: flex; justify-content: center; gap: 36px; background:#F8F8F8;}
.your-path-info ul li { width: 30%; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; text-align: center;} 
.your-path-info ul li i { border:2px solid #212834;
	height: 80px; width: 80px; margin: 0 auto; justify-content: center; display: flex; align-items: center;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.your-path-info ul li i img { max-width:54px;}

.your-path-info ul li span { width: 100%; display: flex; justify-content: center; font-size: 22px; font-weight: 600;}

.your-path-info ul li h2 { font-size: 24px; font-weight: 700; margin: 0; width:100%; }
.your-path-info ul li p { color: rgba(30, 40, 52, 0.70); margin: 0;}


/* ----**** [ home why partner section ] ****---- */

#home-why-partner { padding: 0;}

.why-partner-main { padding:48px; background:#D60000;}
.why-partner-main .section-header { text-align:left;}
.why-partner-main .section-header h2 { color: #FFFFFF;}
.why-partner-main .section-header p { color: rgba(255, 255, 255, 0.70);}	

.why-partner-inner { display: flex; justify-content: space-between; gap: 24px; row-gap: 36px; flex-wrap: wrap; align-items: start;}	
.why-partner-inner .why-partner-block { width:30%; display: flex; flex-wrap: wrap; gap: 16px;}
.why-partner-inner .why-partner-block i { background: rgba(255, 255, 255, 1);
	height: 80px; width: 80px; display: flex; justify-content: center; align-items: center;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.why-partner-inner .why-partner-block i img { max-width:54px;}
.why-partner-inner .why-partner-block h4 { font-size: 22px; font-weight: 700; margin: 0; color: #FFFFFF; width: 100%;}
.why-partner-inner .why-partner-block p { font-weight: 400; margin: 0; color: #FFFFFF;}
	

/* ----**** [ happy customers section ] ****---- */

#home-happycustomers { padding: 80px 0;}

.happycustomers-info .section-header { margin-bottom: 48px; padding: 0 80px;}
.happycustomers-info .section-header h2 { font-size: 36px; font-weight: 400; display: inherit;}
.happycustomers-info .section-header h2 strong { font-weight: 700;}

ul.customers-logo { list-style-type:none; margin:0; padding:0; 
	display: flex; justify-content: center; flex-wrap: wrap;}
ul.customers-logo li { display: flex; align-items: center; padding: 24px 36px; 
    justify-content: center; border-right: 1px solid #cccccc;}
ul.customers-logo li:last-child { border-right: 0px none;}	


/* ----**** [ home testimonials section ] ****---- */

#home-testimonials { position:relative; padding: 0;}	

.testimonials-info { background: #212834; padding: 48px;}
.testimonials-info .section-header h2 { color:#FFFFFF; display: block; font-weight: 400;}
.testimonials-info .section-header h2 strong { font-weight: 700;}

#home-testimonials .owl-carousel.testimonials-carousel { width: 60%; margin:0 auto;}	

#home-testimonials .testimonials-inner { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center;}

#home-testimonials .testimonials-item .item-text { min-height:180px; text-align: center; 
	display: flex; gap: 24px; flex-wrap: wrap; justify-content: center;}

.testimonials-item .testimonials-stars { display: flex; align-items: center; gap: 10px;}
.testimonials-item .testimonials-stars i { font-size:20px; color:#D60000;}	
.testimonials-item p { font-size: 18px; line-height: 28px; margin: 0; color:#FFFFFF;}
.testimonials-item h4 { font-size: 24px; font-weight:400; color:#FFFFFF; margin:0 0 36px 0;}

#home-testimonials .owl-nav, #home-testimonials .owl-dots { margin-top: 5px;}
#home-testimonials .owl-dots { width: 100%; margin: 0 auto; text-align: center;}
#home-testimonials .owl-dot { display: inline-block; margin: 0 5px; width: 15px; height: 15px; background: rgba(255, 255, 255, 0.45);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
#home-testimonials .owl-dot:focus { outline:none;}	
#home-testimonials .owl-dot.active { background-color:rgba(255, 255, 255, 1);}


/* ----**** [ home get started section ] ****---- */

#home-getstarted { background:#FFFFFF; padding: 60px 0;}

.getstarted-info .section-header p { font-size: 22px;}
.getstarted-info .getstarted-btn { display: flex; align-items: center; justify-content: center;}


/* ----**** [ home footer section ] ****---- */

#footer { background: #F8F8F8; padding:36px 0;}

#footer .footer-copy { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; text-align: center;}
#footer .footer-copy .footer-logo { width: 100%;}
#footer .footer-copy .footer-logo img { max-height: 48px;}
#footer .footer-copy ul { list-style-type: none; margin: 0; padding: 0; display: flex; gap: 24px;flex-wrap: wrap;}
#footer .footer-copy ul li a { color: rgba(30, 40, 52, 0.70); font-weight: 500;}
#footer .footer-copy ul li a:hover { color: rgba(30, 40, 52, 1);}
#footer .footer-copy ul li a.active, #footer .footer-copy ul li .active:focus { color: #D60000;}

#footer .footer-copy ul li:last-child a { display: flex; gap: 12px; align-items: center;}
#footer .footer-copy ul li:last-child a i { font-size: 20px;}
#footer .footer-copy p { width: 100%; font-weight: 500; margin:0;}


	/* ----**** [ breadcrumbs section ] ****---- */

	.breadcrumbs { display: flex; align-items: end; justify-content: center; 
		padding: 0 0 48px 0; text-align:center; min-height: 448px;  
		position: relative; width: 100%; height: 100%; 
		background:#D60000 url(/assets/images/mycloudpos_com_bg-graphic_01f0a815.png) center no-repeat fixed; 
		background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover;}
		
	.breadcrumbs .section-header { margin:0; text-align: left;}
	.breadcrumbs .section-header h2 { font-size: 40px; color:#FFFFFF; justify-content: left; margin: 0 0 20px 0;}
	.breadcrumbs .section-header p { font-size: 18px; color: #FFFFFF; margin: 0 0 24px 0;}
	.breadcrumbs .section-header .order-btn { display:none;}


	/* ----**** [ about us page section ] ****---- */

	#about-us-info { background:#F6F6F6; padding:80px 0;}

	#about-us-info .about-us-text { padding: 0 36px 0 0;}
	#about-us-info .about-us-text h2 { font-size: 40px; font-weight: 400; margin: 0 0 24px 0;}
	#about-us-info .about-us-text h2 span { display: flex; font-weight: 700;}
	#about-us-info .about-us-text p { font-size: 16px; font-weight: 400; margin:0 0 24px 0;}
	#about-us-info .about-us-text p strong { font-size: 18px; font-weight: 600;}	
	
	#about-us-info .about-us-list p { font-size: 20px; font-weight: 600;} 
	#about-us-info .about-us-list ul { list-style-type: none; margin: 0; padding:0; 
		display: flex; flex-wrap: wrap; gap: 16px;}
	#about-us-info .about-us-list ul li { font-size: 18px; font-weight: 500; width: 100%; 
		display: flex; gap: 12px; align-items: center;}
	#about-us-info .about-us-list ul li i { font-size: 24px;}

	
	#about-us-blocks { padding: 0;}	
	#about-us-blocks ul { list-style-type: none; margin: 0; padding: 48px 30px; 
		display: flex; justify-content: center; flex-wrap: wrap; gap: 36px; background:#F8F8F8;}
	#about-us-blocks ul li { width: 44%; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; text-align: center;} 
	#about-us-blocks ul li i { border:3px solid #212834;
		height: 80px; width: 80px; margin: 0 auto; padding: 10px; justify-content: center; display: flex; align-items: center;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	#about-us-blocks ul li i img { max-width:54px;}
	
	#about-us-blocks ul li span { width: 100%; display: flex; justify-content: center; font-size: 22px; font-weight: 600;}
	
	#about-us-blocks ul li h2 { font-size: 24px; font-weight: 700; margin: 0; width:100%; }
	#about-us-blocks ul li p { color: rgba(30, 40, 52, 0.70); margin: 0;}
	
	
	/* ----**** [ products page section ] ****---- */	
	
	.products-main { padding:0; }	

	.products-block { display: flex; flex-wrap: wrap; padding: 80px;}
	.products-block .products-inner { display: flex; justify-content: space-between; gap: 36px; padding: 36px 48px;
		width: 100%; align-items: center;}
	
	.products-inner .products-text { width: 50%; text-align: left;} 	
	.products-inner .products-text h4 { font-size: 36px; font-weight: 700; color: #212834; margin: 0 0 24px 0;}
	.products-inner .products-text p { font-size: 18px;}	
	.products-inner .products-image { width: 50%; text-align:left;}	
	.products-inner .products-image img { max-width: 500px;}
	
	.productwhite-bg { background:#FFFFFF;}
	.productwhite-bg .products-inner { background:#F2F0EB;}	
	.productlight-bg { background:#F2F0EB;}
	.productlight-bg .products-inner { background:#FFFFFF;}	
	.productdark-bg { background:#212834;}
	.productdark-bg .products-inner { background: rgba(255, 255, 255, 0.10);}
	.productdark-bg .products-inner .products-text h4 { color: #FFFFFF;}
	.productdark-bg .products-inner .products-text p { color: #FFFFFF;}
	
	
	#own-your-success { padding: 0;}	

	.own-success-block { display: flex; flex-wrap: wrap; background:#FFFFFF;}
	.own-success-block .own-success-inner { display: flex; justify-content: space-between; padding: 60px;
		align-items: center; gap: 36px; width: 100%; background:#D60000;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;}
	
	.own-success-inner .own-success-text { width: 50%; text-align: left;}	
	.own-success-inner .own-success-text h4 { font-size: 40px; font-weight: 700; color: #FFFFFF; margin: 0 0 24px 0;}
	.own-success-inner .own-success-text p { font-size: 16px; color: #FFFFFF;}
	.own-success-inner .own-success-text p:last-child { margin:0;}	
	.own-success-inner .own-success-text p span { display: flex; font-size: 22px; font-weight: 600;}
	.own-success-inner .own-success-image { width: 50%; text-align:left;}


	/* ----**** [ features page section ] ****---- */		
	
	.advanced-order-features { padding: 80px 0; background:#FFFFFF;}	
	.advanced-features-inner { display: flex; justify-content: space-between; 
		flex-wrap: wrap; column-gap: 36px; row-gap: 36px; width: 100%;}
		
	.advanced-features-block { width: 31%; padding: 16px; min-height: 300px; border: 1px solid rgba(33, 40, 52, 0.25);
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	.advanced-features-block ul { list-style-type: none; padding: 0; margin: 0; 
		display: flex; flex-wrap: wrap; gap: 20px;}
	.advanced-features-block ul li { width: 100%;}
	.advanced-features-block ul li i { background:#D60000; height: 80px; width: 80px; padding: 10px; 
		display: flex; align-items: center; justify-content: center; 
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	.advanced-features-block ul li i img { max-width:54px;}		
	.advanced-features-block ul li:nth-child(2) { font-size: 22px; font-weight: 700; color: #212834;}	
	.advanced-features-block ul li:last-child { color: rgba(30, 40, 52, 0.70);}	
	
	.features-blocks-main { display: flex; flex-wrap: wrap; padding: 80px 0;}	
	.features-blocks-main .features-block { display: flex; justify-content: space-between; gap: 36px; 
		width: 100%; align-items: center;}
	
	.features-block .features-text { width: 50%; text-align: left;}	
	.features-block .features-text h4 { font-size: 36px; font-weight: 700; color: #212834; margin: 0 0 36px 0;}
	
	.features-block .features-text .accordion { border: 0px none; border-radius: 0px;}
	.features-block .features-text .accordion .accordion-item { border: 0px none; border-radius: 0px; 
		/*background:#F7F7F7;*/ background: transparent; margin:0 0 16px 0;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
		
	.features-block .features-text .accordion .accordion-item .accordion-button { 
		font-size: 22px; font-weight: 600; color:#212834; background: transparent;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}	
	.features-block .features-text .accordion .accordion-item .accordion-button:focus { outline:0; box-shadow: none;}
	.features-block .features-text .accordion .accordion-item .accordion-button::after { content: "\f055";
		font-family: 'Line Awesome Free'; font-weight: 900; font-size: 26px; width:28px; height:28px;
		background-image: none; transition: none;}
	.features-block .features-text .accordion .accordion-item .accordion-button:not(.collapsed)::after { 
		content: "\f056"; transform: none;}
		
	.features-block .features-text .accordion .accordion-item .accordion-body p { margin:0;}
	.features-block .features-text .accordion .accordion-item .accordion-button:not(.collapsed) { 
		background:transparent; box-shadow: none;}
	
	.white-bg { background:#FFFFFF;}	
	.features-blocks-main.white-bg .accordion .accordion-item { background: #F7F7F7;}
	
	.light-bg { background:#F7F7F7;}
	.features-blocks-main.light-bg .accordion .accordion-item { background: #FFFFFF;}
	
	.dark-bg { background:#212834;}
	
	.features-blocks-main.dark-bg .features-text h4 { color: #FFFFFF;}
	.features-blocks-main.dark-bg .accordion .accordion-item { background: rgba(255, 255, 255, 0.10);}
	.features-blocks-main.dark-bg .accordion .accordion-item .accordion-button { color: #FFFFFF;}
	.features-blocks-main.dark-bg .accordion .accordion-item .accordion-body p { color: #FFFFFF;}
	
	.features-block .features-image { width: 50%; text-align:center;}
	
	
	#features-information { padding:0 0 80px 0; }	

	.features-info-block { display: flex; flex-wrap: wrap; background:#FFFFFF;}
	.features-info-block .features-info-inner { display: flex; justify-content: space-between; gap: 36px; 
		padding: 60px; align-items: center; width: 100%; background:#D60000;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;}
	
	.features-info-inner .features-info-text { width: 50%; text-align: left;}	
	.features-info-inner .features-info-text h4 { font-size: 36px; font-weight: 700; color: #FFFFFF; margin: 0 0 24px 0;}
	.features-info-inner .features-info-text h2 { font-size: 22px; font-weight: 600; color: #FFFFFF; margin: 0 0 16px 0;}
	.features-info-inner .features-info-text p { font-size: 16px; color: #FFFFFF;}
	.features-info-inner .features-info-text p:last-child { margin:0;}	
	.features-info-inner .features-info-image { width: 50%; text-align:left;}
			
	
	#operations-management { padding:0;}
	
	.operations-management-info {}
	.operations-management-info ul { list-style-type: none; padding: 0; margin: 0; 
		display: flex; flex-wrap: wrap; gap: 36px; flex-direction: row; row-gap: 24px;} 
	.operations-management-info ul li { display: flex; flex-wrap: wrap; gap: 16px; 
		background:#F7F7F7; padding:20px; width:48%; 
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	.operations-management-info ul li strong { font-size: 24px; font-weight: 700; color: #D60000;}
	.operations-management-info ul li span { color: rgba(30, 40, 52, 0.80);}


	/* ----**** [ contact us page section ] ****---- */
	
	#contact-page-form { padding-top: 180px; padding-bottom: 60px; min-height: auto;}
	#contact-page-form .section-header h2 { font-weight: 400;}
	#contact-page-form .section-header p { font-weight: 600;}
	#contact-page-form form { max-width: 100%; margin: 0 auto;}
	#contact-page-form button.order-btn { border: 0px none; width: 100%;}		
	#contact-page-form .section-header h2 span { color: #fff;}
	
	#contact-page-form button.order-btn { background: #212834; color: #ffffff;}
	
	
	.contact-about-area { padding: 80px 0; background:#FFFFFF;}	
	.contact-about-inner { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 36px; row-gap: 36px; 
		width: 100%; background:#F8F8F8; padding: 48px;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;}
		
	.contact-about-block {  width: 30%;}
	.contact-about-block ul { list-style-type: none; padding: 0; margin: 0; 
		display: flex; flex-wrap: wrap; gap: 24px;}
	.contact-about-block ul li { width: 100%;}
	.contact-about-block ul li i { background:#212834; height: 80px; width: 80px; padding: 10px; 
		display: flex; align-items: center; justify-content: center; 
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}		
	.contact-about-block ul li i img { max-width:54px;}
	.contact-about-block ul li:nth-child(2) { font-size: 24px; font-weight: 700; color: #212834;}	
	.contact-about-block ul li:last-child { color: rgba(30, 40, 52, 0.70);}	
	
	
	.contact-take-business { padding:0; }	

	.contact-business-block { display: flex; flex-wrap: wrap; background:#FFFFFF;}
	.contact-business-block .contact-business-inner { display: flex; justify-content: center; flex-wrap: wrap; 
		width: 100%; background:#D60000; padding: 48px;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;}	
	.contact-business-block .contact-business-inner h4 { font-size: 36px; font-weight: 700; color: #FFFFFF; margin: 0 0 36px 0;}
	.contact-business-block .contact-business-inner p { font-size: 18px; color: #FFFFFF; text-align: center; margin: 0 0 24px 0;}	
	.contact-business-block .contact-business-inner p span { display: flex; font-size: 22px; font-weight: 600; margin: 0 0 24px 0;}
	
	
	
	#card {
      position: relative;
      padding: 80px 0;
      width: 320px;
      display: block;
      margin: auto;
      text-align: center;
      font-family: "Source Sans Pro", sans-serif;
    }

    #upper-side {
      padding: 2em;
      background-color: #8bc34a;
      display: block;
      color: #fff;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;
    }

    #checkmark {
      font-weight: lighter;
      fill: #fff;
      margin: -3.5em auto auto 20px;
    }

    #status {
      font-weight: lighter;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 1em;
      margin-top: -0.2em;
      margin-bottom: 0;
    }

    #lower-side {
      padding: 2em 2em 5em 2em;
      background: #f8f9fa;
      display: block;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    #message {
      margin-top: -0.5em;
      color: #757575;
      letter-spacing: 1px;
    }

    #contBtn {
      position: relative;
      top: 1.5em;
      text-decoration: none;
      background: #8bc34a;
      color: #fff;
      margin: auto;
      padding: 0.8em 3em;
      -webkit-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
      -moz-box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
      box-shadow: 0px 15px 30px rgba(50, 50, 50, 0.21);
      border-radius: 25px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }

    #contBtn:hover {
      -webkit-box-shadow: 0px 15px 30px rgba(60, 60, 60, 0.4);
      -moz-box-shadow: 0px 15px 30px rgba(60, 60, 60, 0.4);
      box-shadow: 0px 15px 30px rgba(60, 60, 60, 0.4);
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    
/**** Accordian Design ****/
/*.benefits-pos-block .benefits-pos-text .accordion { border: 0px none; border-radius: 0px;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item { border: 0px none; border-radius: 0px; 
	background:#fff; margin:0 0 12px 0;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
	
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button { 
	font-size: 18px; font-weight: 600; padding: 12px 16px; color:#212834; background: transparent;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}	
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button:focus { outline:0; box-shadow: none;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button::after { content: "\f055";
	font-family: 'Line Awesome Free'; font-weight: 900; font-size: 26px; width:28px; height:28px;
	background-image: none; transition: none;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button:not(.collapsed)::after { 
	content: "\f056"; transform: none;}
	
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-body p { margin:0; text-align: left; font-size: 16px;}
.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-button:not(.collapsed) { 
	background:transparent; box-shadow: none;}

.benefits-pos-block .benefits-pos-text .accordion .accordion-item .accordion-body { padding: 0 16px 12px 16px;}


@media(max-width: 767px){
    .benefits-pos-block .col-6{width: 100%;}
    .benefits-pos-block .benefits-pos-text{order:2;}
}*/


	/* ----**** [ white-label-pos page section ] ****---- */

	body.white-label-pos-page #header { background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(231, 231, 231, 1);} 
	body.white-label-pos-page #header .logo img.white-logo { display: none;}
	body.white-label-pos-page #header .logo img.color-logo { display: flex;}
	body.white-label-pos-page #header .nav-wrapper { display:  none;}

	body.white-label-pos-page #header .header-inner { justify-content: center;}

	#white-label-pos-main .form-group { position: relative; margin: 0 0 24px 0;}
	#white-label-pos-main label { display: inline-flex; margin: 0; font-weight: 700; background: #ffffff; padding: 0 4px;
		position: absolute; top: -10px; left: 12px; z-index: 996;} 
	#white-label-pos-main .form-control { height: 60px;}
	#white-label-pos-main textarea.form-control { height: auto; padding-top: 20px;}
	#white-label-pos-main i { position: absolute; right: 16px; top: 18px; font-size: 24px; z-index: 996;}

	.form-group .iti.iti--allow-dropdown { display: flex;}
	.form-group .iti.iti--allow-dropdown .iti__country-list { z-index: 9999;}
	.form-group .iti.iti--allow-dropdown .iti__flag-container { padding: 0;}
	.form-group .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag { padding: 0 14px 0 16px;}
	.form-group .iti.iti--allow-dropdown input { padding-right: 16px; padding-left: 60px;}

	#white-label-pos-main { padding-top: 160px; padding-bottom: 80px;}
	#white-label-pos-main .white-label-pos-head .section-header {  text-align: left;}
	#white-label-pos-main .white-label-pos-head .section-header span,
	#home-our-solutions  .section-header span{ background: #D60000; color: #FFFFFF; 
		padding: 10px 20px; display: inline-flex; margin: 0 0 16px 0;
	    -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
	#white-label-pos-main .white-label-pos-head .section-header h2 { font-size: 36px; margin: 0 0 20px 0;}
	#white-label-pos-main .white-label-pos-head .section-header p { color: #212834; font-weight: 500; padding: 0 36px 0 0;}

	#white-label-pos-main .white-label-pos-head .white-label-testimonial { padding: 24px 0; margin: 0 0 24px 0;
		border-top: 1px solid rgba(33, 40, 52, 0.25); 
		border-bottom: 1px solid rgba(33, 40, 52, 0.25);}
	#white-label-pos-main .white-label-pos-head .white-label-testimonial p { font-size: 18px; font-weight: 500; 
		font-style: italic; margin: 0 0 24px 0;}
	#white-label-pos-main .white-label-pos-head .white-label-testimonial div { font-size: 16px; font-weight: 700;}
	#white-label-pos-main .white-label-pos-head .white-label-testimonial div span { display: flex; font-weight: 400;}

	.white-label-counter-main { width: 100%; margin: 0 auto; display: flex; center; gap: 16px;}
	.white-label-counter-main .white-label-counter-block { width: 30%;} 
	.white-label-counter-main .white-label-counter-block ul { list-style-type: none; margin: 0; padding: 0;
		display: flex; flex-wrap: wrap; gap: 12px;}
	.white-label-counter-main .white-label-counter-block ul li { color: #212834; margin: 0;} 
	.white-label-counter-main .white-label-counter-block ul li span { color:#EE0007;}
	.white-label-counter-main .white-label-counter-block ul li strong { font-weight: 700; color: rgba(30, 40, 52, 1);}

	.white-label-counter-main .white-label-counter-block ul li:first-child { font-size: 20px; font-weight: 700;}
	.white-label-counter-main .white-label-counter-block ul li:last-child { font-size: 16px; color: rgba(30, 40, 52, 1);}

	#white-label-pos-main .white-label-pos-form { border: 1px solid rgba(33, 40, 52, 0.25); padding: 36px 24px;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	#white-label-pos-main .white-label-pos-form .section-header h2 { font-size: 36px;}
	#white-label-pos-main .white-label-pos-form .section-header p { color: #212834; font-weight: 500; font-size: 16px;}
	#white-label-pos-main .white-label-pos-form .order-btn.red-clr { box-shadow: none; border: 0px none; min-width: 100%;}

	body.white-label-pos-page #home-happycustomers { padding-top: 0;}

	body.white-label-pos-page #home-your-path { padding-top: 0;}

	body.white-label-pos-page #home-testimonials { padding-top: 80px; padding-bottom: 80px;}

	#white-label-get-started .white-label-pos-form { border: 1px solid rgba(33, 40, 52, 0.25); padding: 32px 36px;
    	-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}

	#white-label-get-started .white-label-pos-form .section-header h2 { font-size: 36px;}
	#white-label-get-started .white-label-pos-form .section-header p { color: #212834; font-weight: 500; font-size: 16px;}

	#white-label-get-started .white-label-pos-form .order-btn.red-clr { box-shadow: none; border: 0px none; min-width: 100%;} 

	#white-label-get-started .form-group { position: relative; margin: 0 0 24px 0;}
	#white-label-get-started label { display: inline-flex; margin: 0; font-weight: 700; background: #ffffff; padding: 0 4px;
		position: absolute; top: -10px; left: 12px; z-index: 996;} 
	#white-label-get-started .form-control { height: 60px;}
	#white-label-get-started textarea.form-control { height: auto; padding-top: 20px;}
	#white-label-get-started i { position: absolute; right: 16px; top: 18px; font-size: 24px; z-index: 996;}


	/* ----**** [ thankyou request page section ] ****---- */

	body.thankyou-request {}

	#thankyou-request-main { padding-top: 140px; padding-bottom: 80px;}
	#thankyou-request-main .thankyou-request-head .section-header { margin: 0;}
	#thankyou-request-main .thankyou-request-head i { font-size: 60px; margin: 0 0 12px 0; color: green;}
	#thankyou-request-main .thankyou-request-head h2 { font-size: 36px;}
	#thankyou-request-main .thankyou-request-head p { color: rgba(30, 40, 52, 1); font-weight: 500;}

	body.thankyou-request #home-getstarted { padding-top: 0;}
	body.thankyou-request #home-getstarted .section-header h2 { font-size: 32px; font-weight: 400;}

	#what-happens-next { padding: 0 0 80px 0;}

	.what-happens-info { padding: 48px 30px; background:#F8F8F8;}
	.what-happens-info h2 { font-size: 36px; margin-bottom: 36px; text-align: center; font-weight: 600;}

	.what-happens-info ul { list-style-type: none; margin: 0; display: flex; justify-content: center; gap: 36px;}
	.what-happens-info ul li { width: 30%; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; text-align: center;} 
	.what-happens-info ul li i { border:3px solid #212834; font-size: 48px;
		height: 80px; width: 80px; margin: 0 auto; justify-content: center; display: flex; align-items: center;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	.what-happens-info ul li i img { max-width:54px;}

	.what-happens-info ul li span { width: 100%; display: flex; justify-content: center; font-size: 22px; font-weight: 600;}

	.what-happens-info ul li h2 { font-size: 24px; font-weight: 700; margin: 0; width:100%; }
	.what-happens-info ul li p { color: rgba(30, 40, 52, 0.70); margin: 0;}


	/* ----**** [ blogs page section ] ****---- */
	
	
	.nav-breadcrumb { padding: 48px 0 0 0;} 
	.nav-breadcrumb .breadcrumb { border-bottom:1px solid rgba(33, 37, 41, 0.75); padding: 0 0 20px 0;}
	
	.blogs-btn { font-size:16px; font-weight: 500; color: #FFFFFF; min-width: 180px; height: 42px;
		display: inline-flex; justify-content: center; gap:16px; align-items: center; padding: 0 16px; 
		-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
		-webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; 
		transition: background-color 300ms linear;}
	.blogs-btn i { font-size: 20px;}	
	.blogs-btn:hover, .blogs-btn:focus {}
	
	.blogs-btn.dark-clr { background: #212834; color: #FFFFFF;}
	.blogs-btn.dark-clr:hover, .blogs-btn.dark-clr:focus {}
	
	
	.blogs-section { margin:60px 16px;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;}
	.blogs-section .container { max-width: 1140px;}
	
	.blogs-section.clr-bg { background:#f1f1f2;}
	.blogs-section.white-bg { background:#FFFFFF; margin:0;}	
	
	.blogs-section-inner { display: flex; flex-wrap: wrap; gap: 8px;}
	
	.blogs-section-mainDiv { background:#FFFFFF; max-width: 100%; width: 100%; display: flex; align-items: center;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
	
	.blogs-section-mainDiv .blogs-section-image {  position: relative;
		overflow: hidden; aspect-ratio: 2; flex: none; align-self: stretch; width:40%; border: 1px solid #fff3;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
			
	.blogs-section-mainDiv .blogs-section-image img { z-index: 1; pointer-events: none;
		width: calc(100% + 4px); max-width: none; height: calc(100% + 4px); position: absolute; inset: -2px;
		transition: all 350ms; object-fit: cover; display: inline-block;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}	
	
	.blogs-section-mainDiv .blogs-section-text { width: 60%; grid-row-gap: 24px; flex-direction: column;
		padding: 36px 48px; display: flex;}		
	.blogs-section-mainDiv .blogs-section-text .text-top { grid-row-gap: 24px; flex-direction: column;
		justify-content: flex-start; align-items: flex-start; display: flex;}
	
	.blogs-section-mainDiv .blogs-section-text.text-width100 { width: 100%;}
		
	.blog-tag { grid-column-gap: 1rem; grid-row-gap: 1rem; color: #0051f2; text-transform: uppercase;
		background-color: #0051f21a; border-radius: 50px; align-items: center; height: 24px;
		padding: 0 12px; font-size: 12px; font-weight: 600; display: flex;}
		
	.blogs-section-text h1 { font-size: 32px; font-weight: 700; color: #212834; margin: 0;}
	.blogs-section-text p { font-size: 16px; font-weight: 600; margin: 0;}
	
	.blogs-section-listSmall { display: flex; column-gap:8px; width: 100%;}
	
	.blogs-section-listSmall .blogs-section-mainDiv { padding: 20px; align-items: flex-start; border: 1px solid rgba(0, 0, 0, 0.10);}
	.blogs-section-listSmall .blogs-section-mainDiv .blogs-section-image { width: auto; max-width: 100px;
		max-height: 100px; min-width: 100px;}
	.blogs-section-listSmall .blogs-section-mainDiv .blogs-section-text { padding:0; width: auto;}
	.blogs-section-listSmall .blogs-section-mainDiv .blogs-section-text .text-top { grid-row-gap: 16px;}
	
	.blogs-section-mainDivInner { display: flex; gap: 16px; width: 100%;}	
	.blogs-section-mainDivInner a.blogs-linksTab { display: flex; gap: 16px; width: 100%;}
	
	.blogs-section-mainDivInner .blogs-section-text h2 { font-size: 18px; margin: 0; font-weight: 600;}
	.blogs-section-mainDivInner .blogs-section-text ul { margin: 0; display: flex; flex-wrap: wrap; gap: 6px;}
	.blogs-section-mainDivInner .blogs-section-text ul li { font-weight: 500; width: 100%;}
	
	.blogs-section-inner.three-block-layout { gap: 20px;}
	.blogs-section-inner.three-block-layout .blogs-section-listSmall { column-gap: 18px;}	
	.blogs-section-inner.three-block-layout .blogs-section-listSmall .blogs-section-mainDiv { padding: 0;}	
	.blogs-section-inner.three-block-layout .blogs-section-listSmall .blogs-section-mainDiv .blogs-section-image {}		
	
	.blogs-section-listMedium { display: flex; column-gap:16px; width: 100%;}	
	.blogs-section-listMedium .blogs-section-mainDiv { border: 1px solid rgba(0, 0, 0, 0.10);}		
	.blogs-section-listMedium .blogs-section-mainDiv .blogs-section-image { aspect-ratio: 200 / 160;}
	.blogs-section-listMedium .blogs-section-mainDiv .blogs-section-text { padding: 24px 16px;}
	.blogs-section-listMedium .blogs-section-mainDiv .blogs-section-text .text-top { grid-row-gap: 16px;}

	.blogs-section.clr-bg .blogs-section-listMedium .blogs-section-mainDiv { border: 0px none;}
	.blogs-section.clr-bg .blogs-section-listSmall .blogs-section-mainDiv { border: 0px none;}
	
	.blogs-section-inner.two-block-layout { gap: 8px; flex-wrap: nowrap;}
	.blogs-section-inner.two-block-layout .blogs-section-mainDiv { width: 60%;}	
	.blogs-section-inner.two-block-layout .blogs-section-listSmall { row-gap: 8px; width: 40%; flex-wrap: wrap;}
	.blogs-section-inner.two-block-layout .blogs-section-listSmall .blogs-section-mainDiv { 
		padding: 20px; width: 100%; align-items: flex-start;}
		
	.blogs-section-inner.two-block-layout .blogs-section-mainDiv.img-text-layout { flex-wrap: wrap; padding: 8px;}	
	.blogs-section-inner.two-block-layout .blogs-section-mainDiv.img-text-layout .blogs-section-image { width: 100%;}
	.blogs-section-inner.two-block-layout .blogs-section-mainDiv.img-text-layout .blogs-section-text { width: 100%; padding: 16px;}
		
	.blogs-section-inner.two-block-layout .blogs-section-listSmall .blogs-section-mainDiv .blogs-section-image {
		max-width: 140px; max-height: 140px; min-width: 140px; height: 140px;}
	
		
	
	.blogs-main { padding:0; }	

	.blogs-blocks { display: flex; justify-content: space-between; padding: 80px; gap: 36px; background:#F2F0EB;}
	.blogs-blocks .blogs-inner { display: flex; flex-wrap: wrap; gap: 24px; background:#FFFFFF; 
		padding: 36px; width: 50%; align-items: center;}
	
	.blogs-inner .blogs-text { width: 100%; text-align: left;} 	
	.blogs-inner .blogs-text h4 { font-size: 36px; font-weight: 700; color: #212834; margin: 0 0 24px 0;}
	.blogs-inner .blogs-text p { font-size: 18px;}	
	.blogs-inner .blogs-image { width: 100%; text-align:left;}	
	.blogs-inner .blogs-image img {}
	
	
	.blogs-heading { padding: 48px 0;}
	
	.blogs-heading-inner { display: flex; flex-wrap: wrap; gap: 36px;}
	.blogs-heading-inner .blogs-heading-text { width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
	.blogs-heading-inner .blogs-heading-text h1 { font-size: 36px; font-weight: 700; color: #212834; margin: 0;}
	.blogs-heading-inner .blogs-heading-text p { font-size: 16px; font-weight: 500; margin:0; line-height: 24px;}
	
	/*.blogs-heading-inner .blogs-heading-image { width:100%; aspect-ratio: 800 / 360; position: relative; overflow: hidden;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}		
	.blogs-heading-inner .blogs-heading-image img { 
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}*/	
	
	.blogs-story { padding:0;}
	.blogs-story .blogs-story-main {}
	.blogs-story-outer { padding:60px 0;}
	
	.blogs-story-outer.gray-clr-bg { background: #FFFFFF; padding:0;}	
	.blogs-story-outer.gray-clr-bg .blogs-story-inner .blogs-story-text { background: #f1f1f2;}	
	.blogs-story-outer.gray-clr-bg .blogs-story-inner .blogs-story-text.no-bg-clr { background:transparent; 
		padding: 0; padding-top: 24px;}

	
	.custm-step-block-outer { display: flex; flex-wrap: wrap;}
	.custm-step-block { display: flex; gap: 24px;}

	.blogs-story-outer.white-clr-bg { background: #FFFFFF;}	
	.blogs-story-outer.white-clr-bg .blogs-story-inner .blogs-story-text { padding:0;}
	
	.blogs-story-outer.white-clr-bg .blogs-story-inner.white-clr-story-inner { background: #FFFFFF; padding:36px 0;}
	
	.blogs-story-inner { }
	.blogs-story-mainDiv { width: 100%; display: flex; gap: 30px; flex-wrap: wrap;}
	.blogs-story-mainDivOne { width: 100%; display: flex;}
	.blogs-story-mainDivOne .blogs-story-text { width: 100%!important;}
	
	.blogs-story-inner .blogs-story-text { width: 100%; padding: 24px; background: #FFFFFF;}
		
	.blogs-story-inner .blogs-story-text.flex-text { display: flex; /*flex-wrap: wrap;*/ gap: 24px;}
	.blogs-story-inner .blogs-story-text.flex-wrap { display: flex; flex-wrap: wrap; gap: 24px;}
	.two-text-blocks { flex-wrap: inherit !important;}
	.two-text-blocks div { width: 50%;}	
	.two-text-blocks div.width100 { width: 100%;}
	.two-text-blocks div.width100 ul { margin: 0 0 20px 0;}
	.two-text-blocks div.width100 p:last-child { margin: 0;}
	
	.blogs-story-inner .blogs-story-text h1 { font-size: 40px; font-weight: 700; color: #212834; margin: 0 0 16px 0;}	
	.blogs-story-inner .blogs-story-text h3 { font-size: 20px; font-weight: 700; color: #212834;}
	.blogs-story-inner .blogs-story-text p { font-size: 16px; font-weight: 500; line-height: 24px;} 	
	.blogs-story-inner .blogs-story-text p a { color:#0d6efd; text-decoration:underline;}
	
	.no-margin-text div p { margin:0;}
	
	.blogs-story-inner .blog-section-head { width: 100%; text-align: center; display: flex; flex-wrap: wrap;
		justify-content: center; gap: 10px; margin: 0 0 24px 0;}
	.blogs-story-inner .blog-section-head h2 { width: 100%; font-size: 30px; font-weight: 700; color: #212834; margin: 0;}
	.blogs-story-inner .blog-section-head p { width: 100%; font-size: 16px; font-weight: 500; margin:0;}	
		
	.blogs-story-inner .blogs-story-text ol { margin: 0; display: flex; flex-wrap: wrap; gap: 16px;}
	.blogs-story-inner .blogs-story-text ol li { width:100%; font-size: 16px; line-height: 24px;}	
	.blogs-story-inner .blogs-story-text ol li strong { font-weight: 600;}
	.blogs-story-inner .blogs-story-text ul { margin: 0; display: flex; flex-wrap: wrap; gap: 16px;}
	.blogs-story-inner .blogs-story-text ul li { width:100%; font-size: 16px; font-weight: 500; line-height: 24px;}	
	.blogs-story-inner .blogs-story-text ul li strong { font-weight: 600;}
	
	/*.blogs-story-inner .blogs-story-image { width: 100%;}*/
	
	.blog-cover-img { position: relative; overflow: hidden; aspect-ratio: 740 / 380; max-width: 100%; width: 100%;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}	
	.blog-cover-img img { z-index: 1; pointer-events: none; width: calc(100% + 4px); max-width: none; height: calc(100% + 4px);
		position: absolute; inset: -2px; object-fit: cover; display: inline-block;}
		
	.blogs-two-main {}
	.blogs-five-main .key-difference-sect {}
	.blogs-five-main .key-difference-sect .key-difference-sect-inner { display: flex; flex-wrap: wrap; gap: 24px; 
		justify-content: space-between;}
	.blogs-five-main .key-difference-sect .key-difference-sect-inner div { width: 48%; }


	/* new css added ashu*/
	
.flex-block {display: flex;     justify-content: space-between; gap: 24px;}
.text-italic {font-style:italic;}
.borderBox {border:1px solid rgba(0, 0, 0, 0.10);padding:24px; margin:20px 0;}
.borderBox p {font-size:16px;}
.borderBox p:last-child {margin:0;}
.align-item-center { align-items: center;}
.borderBox ul li { font-size:16px;}
.width-60 {width:60%;}
.width-40 {width:40%;}
.width-100 {width:100%;}
.button {background:#0d6efd; border-radius:4px; text-align:center; color:#ffffff !important; text-decoration:none !important; padding:10px 25px;    display: inline-flex; align-items: center;}
.button:hover {background:#0366f8;}
.button i { font-size:24px; margin:3px 0 0 10px;}
.btnCenter { margin:0 auto;}
.align-center { text-align:center;}
.btnMrgin {margin:30px 0 0 0;}
.p-top-0 {
	padding-top:0;
}
.grayBorder {border:solid 1px #ededed !important;}
.grayBox { background:#f1f1f2; padding:24px;}
.flex-none {display:inherit;}
.blogs-story-inner ul.checklist { margin: 0; padding:0; display: flex; flex-wrap: wrap; gap:6px;}
.blogs-story-inner ul.checklist li { list-style-type:none; width:100%; font-size: 16px; line-height: 30px; 
	background:url(../img/checknark.png) no-repeat 0 7px; padding:0 0 0 30px;}	
.blogs-story-inner ul.checklist li strong { font-weight: 600;}
.imgPadding {padding:30px;}
.blockPadding {padding:20px;}
.table {border-radius:10px; background:#ffffff; padding:5px 5px 8px 5px;}
.table table {margin:0;}
.table table tr td { padding:5px 8px;}
.table table tr:last-child {border:0;} 
.table table tr:last-child td {border:0;padding:5px 8px 0 8px;}
.blogs-story-inner .blog-section-head.text-algin-left {justify-content: start; margin:0; text-align:left;} 
.three-block-layout .blogs-section-mainDivInner { height:100%;}