@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, ol, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	vertical-align:top;
	background:transparent;
}
b, strong { font-weight: bold; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

html, body {
	/*height: 100%;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-family: "Red Hat Display", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	padding: 0;
	margin: 0;
	text-size-adjust: none ;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}
body.menu-open {
	overflow: hidden;
}
*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	display:block;
	max-width:100%;
}
img.rounded {
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
img.shadow {
	-webkit-box-shadow: 0px 0px 10px rgba(112, 140, 178, .35);
    -moz-box-shadow: 0px 0px 10px rgba(112, 140, 178, .35);
    box-shadow: 0px 0px 10px rgba(112, 140, 178, .35);
}
img.left {
	float: left;
	margin: 0 70px 70px 0;
}
a {
	color: #000;
	text-decoration: none;
	padding: 0;
	outline: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
a:hover {
	color: #39b577;
	text-decoration: none !important;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
/**** TYPOGRAPHY START ****/
.title {
	margin-bottom: 30px;
}
.title .label {
	display: inline-block;
	border: 1px solid #6255c9;
	margin-bottom: 40px;
	font-size:18px;
	font-weight:700;
	line-height:normal;
	padding: 12px 28px;
	color: #6255c9;
	-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.dark-bg .title .label { border: 1px solid #fff; color: #fff; }

h1, h2 {
	font-family: "Red Hat Display", sans-serif;
	font-weight: 800;
	font-size: 48px;
	line-height: normal;
	color: #6255c9;
	margin-bottom: 20px;
}
h1 span, h2 span {
	color: #39b577;
}
h3 {
	font-family: "Red Hat Display", sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: normal;
	margin-bottom: 20px;
}
h4 {
	font-family: "Red Hat Display", sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: normal;
	margin-bottom: 20px;
}
h5 {
	font-family: "Red Hat Display", sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: normal;
	margin-bottom: 10px;
}
h6 {
	font-family: "Red Hat Display", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 10px;
}
p {
	margin-bottom: 24px;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
.title:last-child {
	margin-bottom: 0;
}
.dark-bg,
.dark-bg h1,
.dark-bg h2 {
	color: #fff;
}
.text-center {
	text-align: center;
}
.f-small {
	font-size: 14px;
}
.italic {
	font-style: italic;
}
/**** TYPOGRAPHY END ****/

/**** CONTAINER, SPACINGS, FLEX CSS START ****/
.wrapper {
	/*overflow: hidden;*/
	width: 100%;
	min-height: 100vh;
	padding-top: 93px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
main {
	width: 100%;
}
.container {
	width: 100%;
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}

/* PADDINGS */
.s-pt,
.s-py {
    padding-top: 80px !important;
}
.s-pb,
.s-py {
    padding-bottom: 80px !important;
}
.s-pt-half,
.s-py-half {
    padding-top: 50px !important;
}
.s-pb-half,
.s-py-half {
    padding-bottom: 50px !important;
}
.p-20 {
	padding: 20px;
}
/* PADDINGS */
/* WIDTH */
.max-w-450 { max-width: 450px; }
.max-w-800 { max-width: 800px; }
/* WIDTH */
/* MARGINS */
.ml-auto,
.mx-auto {
	margin-left: auto;
}
.mr-auto,
.mx-auto {
	margin-right: auto;
}
.mt-auto,
.my-auto {
	margin-top: auto;
}
.mb-auto,
.my-auto {
	margin-bottom: auto;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-20 { margin-bottom: 20px; }
/* MARGINS */
.text-purple { color: #6255c9; }
.text-green { color: #39b577; }
.d-block {
	display: block;
}
.d-flex{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.align-center {
    align-items:center;
    -webkit-align-items:center;
    -ms-align-items:center;
}
.align-start {
    align-items:start;
    -webkit-align-items:start;
    -ms-align-items:start;
}
.align-end {
	align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
}
.space-between {
	justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}
/**** CONTAINER, SPACINGS, FLEX CSS END ****/

/**** FORMS AND BUTTONS ****/
.btn {
	font-family: "Red Hat Display", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	padding: 13px 30px;
	min-height: 50px;
	cursor: pointer;
	border: 0;
	-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.btn + .btn {
	margin-left: 26px;
}
.btn.outline { padding: 11px 30px; }
.btn.small-btn {
	font-size: 14px;
	padding: 11px 20px;
	min-height: 40px;
}
.btn.small-btn.outline { padding: 9px 20px; }
.primary-btn {
	background: #6255c9;
	color: #fff;
}
.primary-btn:hover {
	background: #39b577;
	color: #fff;
}
.primary-btn.outline {
	background: transparent;
	color: #6255c9;
	border: 2px solid #6255c9;
}
.primary-btn.outline:hover {
	background-color: #6255c9;
	color: #fff;
}
.secondary-btn {
	background-color: #39b577;
	color: #fff;
}
.secondary-btn:hover {
	background: #6255c9;
	color: #fff;
}
.secondary-btn.outline {
	background: transparent;
	color: #39b577;
	border: 2px solid #39b577;
}
.secondary-btn.outline:hover {
	background-color: #39b577;
	color: #fff;
}
.green-btn {
	background-color: #39b577;
	color: #fff;
}
.green-btn:hover {
	background: #333;
	color: #fff;
}
.white-btn {
	background-color: #fff;
	color: #333;
}
.white-btn:hover {
	background: #333;
	color: #fff;
}
.white-btn.outline {
	background-color: transparent;
	color: #fff;
	border: 2px solid #fff;
}
.white-btn.outline:hover {
	background: #333;
	color: #fff;
	border: 2px solid #333;
}
/**** FORMS AND BUTTONS ****/

/* SITE HEADER START */
.site-header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	padding: 24px 0;
	background: #fff;
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, .16);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .16);
}
.logo {
	display: block;
	max-width: 215px;
}
.site-header .btn,
.site-header .main-nav { display: inline-block; margin-left:30px; }
.mobile-menu{
	width: 30px;
	height: 30px;	
	display: none;
}
.mobile-menu span,
.mobile-menu span:before,
.mobile-menu span:after{
	background: #0c2452;
	width: 30px;
	height: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	transition: all 0.15s linear
}
.mobile-menu span:before,
.mobile-menu span:after{
	content: '';
	position: absolute;
}
.mobile-menu span:before{
	transform: translateY(-7px);
}
.mobile-menu span:after{
	transform: translateY(7px);
}
.mobile-menu.open span{
	background: transparent;
}
.mobile-menu.open span:before{
	transform: rotate(45deg);
}
.mobile-menu.open span:after{
	transform: rotate(-45deg);
}
.menu {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
}
.menu li {
	margin-right: 32px;
}
.menu li:last-child {
	margin-right: 0;
}
.menu li a {
	font-family: "Red Hat Display", sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}

.main-banner {
	padding: 92px 0 80px 0;
	text-align: center;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.main-banner h1 { color:#39b577; }
.main-banner p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
}

.charity-software {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position:relative;
}
.charity-software:before { position:absolute; content:""; background:rgba(98,85,201,0.9); width:100%; height:100%; left:0; top:0; }
.charity-software .container { position:relative; z-index:1; }
.charity-software .img-blocks {
	margin-left: -70px;
	width: 100%;
	position: relative;
}
.charity-software .img-blocks img {
	border: 1px solid #e2e5ec;
	-webkit-box-shadow: 10px 0px 30px rgba(35, 31, 32, .15);
    -moz-box-shadow: 10px 0px 30px rgba(35, 31, 32, .15);
    box-shadow: 10px 0px 30px rgba(35, 31, 32, .15);
}
.charity-software .img-blocks .block {
	position: relative;
}
.charity-software .img-blocks .block:nth-child(1) {
	width: 34%;
	padding-right: 22px;
}
.charity-software .img-blocks .inner-img1,
.charity-software .img-blocks .inner-img2 {
	width: 309px;
	position: absolute;
	z-index: 1;
}
.charity-software .img-blocks .inner-img1 {
	top: 62px;
	right: -32px;
	-webkit-animation-name: example; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes example {
    0%   {}
    25%  {top:40px;}
  	50%  {top:40px;}    
     100% {}
}
.charity-software .img-blocks .inner-img2 {
	top: 193px;
	right: -62px;
	-webkit-animation-name: example; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    animation-name: example2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.charity-software .img-blocks .block:nth-child(2) {
	width: 66%;
	margin-top: 100px;
	padding-left: 22px;
}
@keyframes example2 {
    0%   { right: -20px; }
    25%  { right:0; }
  	50%  { right:0; }    
     100% { right: -20px; }
}
.charity-software .logo1,
.charity-software .logo2,
.charity-software .logo3 {
	position: absolute;
	width: 100px;
/*	height: 100px;*/
	padding: 9px;
	background: #fff;
	-webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.charity-software .logo1 { right: -70px; top: -120px; }
.charity-software .logo2 { right: -140px; top: 0; }
.charity-software .logo3 { right: -40px; top: 70px; }
.spin-animation {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 10000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 10000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 10000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;    
    animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

.grey-block {
	padding: 30px;
	border: 1px solid #ebebeb;
	background-color: #f9fafc;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.grey-block h5 {
	color: #39b577;
}
.key-features .grey-block {
	overflow: hidden;
	margin-bottom: 52px;
}
.key-features .grey-block p {
	font-size: 18px;
	line-height: 30px;
	color: #666;
}
.key-features .campaign-img {
	max-width: 100%;
	width: 1080px;
	height: 300px;
	overflow: hidden;
	margin-bottom: -40px;
	border: 1px solid #e2e5ec;
	-webkit-box-shadow: 10px 0px 30px rgba(35, 31, 32, .15);
    -moz-box-shadow: 10px 0px 30px rgba(35, 31, 32, .15);
    box-shadow: 10px 0px 30px rgba(35, 31, 32, .15);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.key-features .campaign-img img {
	width: 100%;
}
.features-slider {
	margin-bottom: 52px;
}
.features-slider .slick-track {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.features-slider .item {
	max-width: 615px;
	margin: 0 25px;
	padding: 0;
	height: auto;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.features-slider .item .content {
	padding: 30px 20px;
}
.features-slider .item p {
	font-size: 16px;
}

.animation-txt { /*color: #39b577;*/ font-weight: 800; display: inline-block; }
.animation-txt span { color:inherit; border-right: .05em solid; animation: caret 1s steps(1) infinite; }
@keyframes caret {
  50% {
    border-color: transparent;
  }
}

.header-right { font-size:0; }
.menu-btn { text-transform: uppercase; color: #ef3a24; padding: 20px 0 20px 35px; float: right; position: relative; display: none; }
.menu-btn:hover { opacity: 0.7; color: #39b577; }
.menu-line { display: block; top: 50%; margin-top: -2px; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.menu-line, .menu-line::before, .menu-line::after { width: 25px; height: 3px; background-color: #39b577; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; position: absolute; left: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; }
.menu-line::before, .menu-line::after { content: ""; display: block; }
.menu-line::before { top: -7px; transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.menu-line::after { bottom: -7px; transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.menu-btn.active .menu-line { -webkit-transform: rotate(225deg); transform: rotate(225deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.menu-btn.active .menu-line::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.menu-btn.active .menu-line::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
.main-menu li { display: inline-block; position: relative; }
.main-menu .submenu-button { position: absolute; right: 0; line-height: 40px; color: #000; }
/*.main-menu li.has-sub > a:before { display:none; width:8px; height:5px; position:absolute; top:29px; right:-28px; content:""; background:url(../images/down-arrow-white.svg) center no-repeat; }*/

.main-menu .leftmenu { display:inline-block; }
.main-menu { width:100%; text-align:right; }
.main-menu li { margin: 0; }
.main-menu li:last-child.active a:before { display:none; }
.main-menu li.has-sub > a { padding:0 20px 0 15px; }
.main-menu li a { display: block; padding:0 15px; margin:0; font-size:14px; line-height: 40px; font-weight: 700; text-transform: uppercase; color:#000000; }
.main-menu li:last-child > a { padding-right:0; }
.main-menu li a:before,
.main-menu li.active a:before { display:none; position:absolute; content:""; left:0; bottom:0; width:0; height:3px; background:#ef3a24; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
/*.main-menu li a:hover:before,*/
.main-menu li.active a:hover:before,
.main-menu li.active a:before { width:100%; }
.main-menu li.active a { color: #39b577; }
.main-menu li a:hover { color: #39b577; }
.main-menu li ul { padding: 0; display:none; position: absolute; width: 260px; background:#6255c9; top:26px; left: 0; opacity:0; visibility:hidden;  -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; 
 -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.1); box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.main-menu li:last-child ul { /*right: 0; left: auto;*/ width: 200px; }
.main-menu li:hover > ul { display:block; top:40px; opacity:1; visibility: visible; }
.main-menu li ul li ul { display: none; position: absolute; width:220px; top: 0; left: 100%; }
.main-menu li ul li:hover ul { display: block; }
.main-menu li ul li { display: block; text-align: left; margin:0; }
.main-menu li ul li a { display: block; padding:0 10px; font-size:14px; text-transform: none; font-weight:400; margin: 0; line-height: 36px; color: #fff; }
.main-menu li.active ul li a { background: #39b577; color:#fff; }
.main-menu li ul li:hover > a, .main-menu li ul li a:hover { background:#39b577 ; color: #fff; }
.main-menu li ul li a:after, .main-menu li ul li a:before { display: none; }

.pricing-section { background: #f5f6fa url(../images/line-bg-02.jpg) 0 0 repeat-y; }
.pricing-section .custom-tab-list,
.pricing-section .plan-tab { display: flex; font-size: 0; margin: 0 auto 50px auto; text-align: center; border: 1px solid #39b577; width: 350px;	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; list-style:none; }
.pricing-section .custom-tab-list .tab-item,
.pricing-section .plan-tab li { display: inline-block; width: 50%; }
.pricing-section .custom-tab-list .tab-item a,
.pricing-section .plan-tab li a {
	font-family: "Red Hat Display", sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 60px;
	color: #6255c9;
	cursor: pointer;
	display: inline-block;
	padding: 0;
	min-width: 175px;
	border: 0;
	-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.pricing-section .custom-tab-list .tab-item.active a,
.pricing-section .plan-tab li a.active { background: #39b577; color: #fff; }
.pricing-section .plan-outer { margin-left: -50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.pricing-section .plan-outer .plan { border: 1px solid #e2e5ec; background: #fff; width: calc(33.33% - 50px); margin-left: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: flex; flex-flow: column; }
.pricing-section .plan-outer .plan:hover { -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .16); }
.pricing-section .plan-outer .plan .top { background: #f7f7f7; padding: 30px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.pricing-section .plan-outer .plan .bottom { padding: 30px; }
.pricing-section .plan-outer .plan .pname { font-size: 20px; font-weight: bold; color: #6255c9; padding-bottom: 10px; }
.pricing-section .plan-outer .plan .pname .save { float: right; font-size: 18px; font-weight: 800; color: #333333; line-height: 40px; padding: 0 20px; margin-top: -7px; background: #ffcc66; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.pricing-section .plan-outer .plan .pprice .label { font-size: 14px; font-weight: 500; color: #666666; }
.pricing-section .plan-outer .plan .pprice .price { font-size: 40px; line-height: 40px; font-weight: 900; color: #283d9a; padding-bottom: 20px; }
.pricing-section .plan-outer .plan .pprice .price span { color: #6255c9; }
.pricing-section .plan-outer .plan .ptext { font-size: 16px; color: #000000; }
.pricing-section .plan-outer .plan h6 { font-size: 16px; font-weight: 700; color: #6255c9; padding: 0 0 10px 0; margin: 0; }
.pricing-section .plan-outer .plan .list { padding: 0; }
.pricing-section .plan-outer .plan .list li { list-style: none; font-weight: 600; line-height: 36px; padding-left: 25px; position: relative; }
.pricing-section .plan-outer .plan .list li:before { position: absolute; left: 0; content: '\f00c'; color: #39b577; font-family: var(--fa-style-family, "Font Awesome 6 Free"); }
.pricing-section .plan-outer .plan .button { margin: auto 30px 30px 30px; text-align: center; }
.pricing-section .plan-outer .plan .button a { font-size: 18px; font-weight: 800; display: block; background-color: #6255c9; color: #fff; line-height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pricing-section .plan-outer .plan.highlight { border: 2px solid #6255c9; -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .16); }
.pricing-section .plan-outer .plan.highlight:hover { -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, .25);
    box-shadow: 0px 2px 30px rgba(0, 0, 0, .25);}
.pricing-section .plan-outer .plan.highlight .button a { background: #39b577; }
.pricing-section .plan-outer .plan:hover .button a { background: #333; }


.integrations {
	background-size: contain;;
	background-position: center center;
	background-repeat: repeat-y;
	background-color: #6255c9;
}
.integrations .small-text { font-weight: 500; width: 85%; margin: 0 auto 50px auto; }
.integrations .img-blocks { width: calc(50% - 50px); }
.integrations .img-blocks .img { position: relative; }
.integrations .logo1,
.integrations .logo2,
.integrations .logo3 {
	position: absolute;
	width: 100px;
	padding: 9px;
	background: #fff;
	-webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.integrations .logo1 { right: 50%; top: 0; margin-right: -50px; }
.integrations .logo2 { right: 50px; bottom: 50px; }
.integrations .logo3 { left: 50px; bottom: 50px; }
.integrations .content-blocks {	width: calc(50% + 50px); padding-left: 50px; }
.integrations .app-list { margin-bottom: 30px; }
.integrations .app-list li { list-style: none; padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.integrations .app-list li:first-child { padding-top: 0; }
.integrations .app-list li h6 { font-size: 24px; font-weight: 800; }
.integrations .app-list li { font-size: 18px; font-weight: 500; line-height: 30px; }

.faqs-section { background: #fff; }
.faqs-section .que { margin-bottom: 20px; -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.faqs-section .que:last-child { margin-bottom: 0; }
.faqs-section .custom-accordion { width: 80%; margin: 0 auto; }
.faqs-section .custom-accordion .accordion { background: transparent; font-size: 22px; color: #000000; cursor: pointer; padding: 18px 20px; margin: 0; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s;  }
.faqs-section .custom-accordion .active, 
.faqs-section .custom-accordion .accordion:hover { color: #39b577; }
.faqs-section .custom-accordion .accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 5px; }
.faqs-section .custom-accordion .active:after { content: "\2212"; }
.faqs-section .custom-accordion .panel { font-size: 18px; line-height: 30px; color: #666666; padding: 0 20px 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.faqs-section .custom-accordion .panel p { margin-bottom: 20px; }
.faqs-section .custom { padding-top: 20px; }
.faqs-section .custom .custom-accordion { width: 70%; padding-right: 50px; }
.faqs-section .custom .que-box { width: 30%; text-align: center; background: #e1f4eb; padding: 30px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
.faqs-section .custom .que-box .icon { font-size: 48px; color: #39b577; margin-bottom: 15px; }
.faqs-section .custom .que-box h5 { color: #6255c9; font-weight: 800; margin-bottom: 15px; }
.faqs-section .custom .que-box p { font-size: 18px; color: #666666; font-weight: 600; line-height: 30px; }
.faqs-section .custom .que-box .button a { font-size: 18px; font-weight: 800; display: block; background-color: #39b577; color: #fff; line-height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.faqs-section .custom .que-box .button a:hover { background: #6255c9; }
.faqs-section .custom .que-box .button a i { margin-left: 10px; }

.ready-box { width: 100%; max-width: 80%; margin: 70px auto 0 auto; padding: 7px; border: 2px solid #6255c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.ready-box .img { width: 48%; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.ready-box .img img { width: 100%; height: 100%; object-fit: cover; }
.ready-box .data { width: 52%; padding: 30px 40px; background: #efeef9; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.ready-box h5 { font-size: 48px; color: #6255c9; font-weight: 800; margin-bottom: 15px; }
.ready-box p { font-size: 18px; color: #000000; font-weight: 800; line-height: 30px; }
/*.ready-box .button a { font-size: 18px; font-weight: 800; color: #39b577; line-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ready-box .button a:hover { color: #6255c9; }*/
.ready-box .button a i { margin-left: 10px; }

.charity-list { list-style: none; margin: -20px 0 0 -20px; text-align: center; font-size: 0; }
.charity-list li { display: inline-block; border: 1px solid #f1f1f1; width: calc(16.66% - 20px); margin: 20px 0 0 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.charity-list li img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;  }
.charity-list li:hover img { -webkit-filter:grayscale(0); filter:none; }


/*Footer css start*/
.site-footer { background-color: #6255c9; margin-top: auto; color: #fff; position: relative; }
.site-footer h6 { font-size: 16px; font-weight: 600; margin-bottom: 10px; }
.site-footer ul { list-style: none; }
.footer-menu li { margin-bottom: 5px; }
.footer-menu li:last-child { margin-bottom: 0; }
.footer-menu li a { color: #fff; display: block; padding: 3px 0; }
.footer-menu li a:hover { opacity: .7; }
.footer-top { padding-top: 70px; padding-bottom: 40px; }
.footer-logo { display: block; width: 100%; max-width: 260px; }
.footer-top .logo-block { width: 25%; padding-right: 60px; }
.footer-top .right-block { width: 75%; padding-left: 60px; }
.footer-top .right-block .block { width: 25%; padding-right: 30px; }
.footer-top .right-block .block:last-child { padding-right: 0; }
.footer-top .contact-link {	margin-bottom: 20px; }
.contact-link li { margin-bottom: 5px; }
.contact-link li:last-child { margin-bottom: 0; }
.contact-link li a { position: relative; padding-left: 24px; color: #fff; display: block; word-break: break-all; }
.contact-link li a i { position: absolute; top: 5px; left: 0; }
.contact-link li a:hover { opacity: .7; }
.social-media li { margin-right: 20px; margin-bottom: 10px; }
.social-media li:last-child { margin-right: 20px; }
.social-media li a { color: #fff; display: block; }
.social-media li a:hover { opacity: .7; }
.footer-bottom { padding: 34px 0; border-top: 1px solid rgba(255, 255, 255, .2); }
/*Footer css end*/

.inner-banner,
.inner-page {
	padding: 92px 0 80px 0;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.inner-banner .l-block,
.inner-page .l-block { width: 50%; padding: 0 25px; }
.inner-banner .r-block,
.inner-page .r-block { width: 50%; padding: 0 25px; text-align: right; }
.inner-banner .r-block img { display: inline-block;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
.inner-banner h1,
.inner-banner h2,
.inner-page h1,
.inner-page h2 { font-weight: 800; }
.inner-banner h5,
.inner-page h5 { font-weight: 800; color: #39b577; }
.inner-banner p { font-size: 18px; line-height: 30px; font-weight: 500; }

.office-section { padding: 0 20px; }
.office-section .office-outer { max-width: 1900px; margin: 0 auto; }
.office-section img { display: inline-block; max-width: 100%; }
.office-section .l-block { width: 40%; text-align: right; }
.office-section .r-block { width: 60%; text-align: left; padding-left: 20px; }
.office-section .img-01,
.office-section .img-02,
.office-section .img-02b,
.office-section .img-03,
.office-section .img-04 {
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
.office-section .note { width: calc(45% - 20px); background: #6255c9; font-size: 16px; color: #fff; font-weight: 700; line-height: 30px; text-align: left; padding: 40px 40px 30px 40px; margin-right: 20px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
.office-section .img-01,
.office-section .img-02,
.office-section .img-02b { width: 100%; max-height: calc(400px - 20px); object-fit: cover; }
.office-section .note .msg { position: relative; margin-bottom: 10px; }
.office-section .note .msg p { position: relative; z-index: 1; }
.office-section .note .msg:before { position: absolute; content: ""; background: url(../images/msg-t-icon.png) 50% 50% no-repeat; background-size: contain; width: 65px; height: 54px; left: -30px; top: -20px; }
.office-section .note .msg:after { position: absolute; content: ""; background: url(../images/msg-b-icon.png) 50% 50% no-repeat; background-size: contain; width: 65px; height: 54px; right: -30px; bottom: -20px; }
.office-section .note b { font-size: 18px; font-weight: 900; color: #39b577; }
.office-section .img-04 { width: 55%; object-fit: cover; object-position: 50% 50%; }

.ofc-msg-section { padding-top: 60px; padding-bottom: 60px; line-height: 30px; color: #666666; }
.ofc-msg-section .l-block { width: 50%; padding-right: 25px; padding-left: 40px; }
.ofc-msg-section .r-block { width: 50%; padding-left: 25px; padding-right: 40px; }
.ofc-msg-section h5 { font-weight: 800; }
.ofc-msg-section p { font-size: 16px; font-weight: 500; }
.divider-01 { width: 100%; height: 1px; border-bottom: 1px solid rgba(98, 85, 201, 0.5); margin: 30px 0; }

.subscibe { background: #efeef9; border: 1px solid #6255c9; padding: 30px 40px; width: 760px; margin: 0 auto; -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.subscibe p { font-size: 18px; color: #000000; line-height: 30px; }
.subscibe-outer { position: relative; }
.subscibe-outer .form-control { font-family: "Red Hat Display", sans-serif; width: 100%; border: 2px solid #39b577; background: #fff; font-size: 18px; color: #333; font-weight: 600; padding: 0 280px 0 20px; line-height: 48px;
	-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }
.subscibe-outer .form-control:focus { outline: none; }
.subscibe-outer .button { position: absolute; right: 0; top: 0; border: 2px solid #39b577; background: #39b577; font-family: "Red Hat Display", sans-serif; font-size: 18px; color: #fff; font-weight: 800; padding: 0 25px; line-height: 48px;
	-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer; } 
.subscibe-outer .button:hover { border-color: #6255c9; background: #6255c9; }

.blog-top { padding-top: 60px; }
.category-part { border-bottom: 1px solid #39b577; padding: 10px 20px; margin-bottom: 40px; }
.category-part ul { list-style: none; font-size: 18px; }
.category-part li { display: inline-block; font-weight: 500; margin-right: 20px; line-height: 36px; }
.category-part li:first-child { font-weight: 800; }
.category-part .search { margin:0 0 0 auto; }
.search { position: relative; }
.search .searchicon { cursor: pointer; width: 36px; line-height: 36px; text-align: center; position: relative; }
.search .searchbar { position: absolute; width: 0; opacity: 0; visibility: hidden; right:0; top:0; transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; }
.search .searchbar.active { position: absolute; opacity: 100; visibility: visible; z-index: 1; right:0; top:0; width: 300px; padding:0; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.search .searchbar .form-control { font-family: "Red Hat Display", sans-serif; width: 100%; border:0; background: #fff; font-size: 14px; color: #333; font-weight: 600; padding: 0 10px; line-height: 36px;
	-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }
.search .searchbar .form-control:focus { outline: none; }
.search .searchbar .button { background: none; position: absolute; right: 0; top: 0; font-size: 16px; color: #39b577; width: 36px; line-height: 36px; border: 0; margin: 0; padding: 0; outline: none;
	-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer; } 
.search .searchbar .button:hover { color: #6255c9; }

.main-blog { background: #fff; padding: 20px; margin-bottom: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.10);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10); }
.main-blog .img { width: 50%; padding-right: 20px; }
.main-blog .img img { width: 100%; max-height: 400px; object-fit: cover; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.main-blog .data { width: 50%; padding: 20px; }
.main-blog .data .label { display: inline-block; font-size: 14px; font-weight: 700; background: #ebf7f1; color: #39b577; padding: 8px 20px; margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.main-blog .data h2,
.main-blog .data .btitle { margin-bottom: 20px; }
.main-blog .data h2 a,
.main-blog .data .btitle a { color: #6255c9; }	
.main-blog .data h2 a:hover,
.main-blog .data .btitle a:hover { color: #39b577; }
.main-blog .data p { font-size: 18px; color: #333333; line-height: 30px; }
.main-blog .data .by { font-size: 14px; color: #39b577; }
.main-blog .data .by b { font-weight: 700; margin-right: 5px; }
.main-blog .data .by span { font-weight: 500; margin-left: 5px; }

.blog-list { }
.blist { list-style: none; margin-left: -40px; margin-top: -40px; }
.blist li { width: calc(33.33% - 40px); margin: 40px 0 0 40px; background: #fff; padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.10);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10); }
.blist li .img { margin-bottom: 10px; }
.blist li .img img { width: 100%; height: 250px; object-fit: cover; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.blist li .data { padding: 15px; }
.blist li .data .label { display: inline-block; font-size: 14px; font-weight: 700; background: #ebf7f1; color: #39b577; padding: 8px 20px; margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.blist li .data h4 { font-weight: 800; margin-bottom: 20px; }
.blist li .data h4 a { color: #6255c9; }	
.blist li .data h4 a:hover { color: #39b577; }
.blist li .data p { font-size: 18px; color: #333333; line-height: 30px; }
.blist li .data .by { font-size: 14px; color: #39b577; }
.blist li .data .by b { font-weight: 700; margin-right: 5px; }
.blist li .data .by span { font-weight: 500; margin-left: 5px; }

.feature-list { }
.flist { list-style: none; margin-left: -40px; margin-top: -40px; }
.flist li { width: calc(33.33% - 40px); margin: 40px 0 0 40px; background: #f9fafc; border: 1px solid #ebebeb; display: flex; flex-flow: column;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.10);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10); }
.flist li .img { margin: auto 0 0 0; }
.flist li .img img { width: 100%; height: 250px; object-fit: cover; -webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px; }
.flist li .data { padding: 15px; margin-bottom: 10px; }
.flist li .data .label { display: inline-block; font-size: 14px; font-weight: 700; background: #ebf7f1; color: #39b577; padding: 8px 20px; margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.flist li .data h4 { font-weight: 800; margin-bottom: 20px; }
.flist li .data h4 a { color: #39b577; }	
.flist li .data h4 a:hover { color: #6255c9; }
.flist li .data p { font-size: 16px; color: #333333; line-height: 24px; }
.flist li .data .by { font-size: 14px; color: #39b577; }
.flist li .data .by b { font-weight: 700; margin-right: 5px; }
.flist li .data .by span { font-weight: 500; margin-left: 5px; }

.pagination { text-align:center; display:block; }
.pagination ul { font-size:0; }
.pagination li { display:inline-block; font-size:18px; font-weight: 800; margin:2px 3px; }
.pagination li a.prev { width:auto; margin-right:10px; }
.pagination li a.first { width:auto; margin-right:20px; }
.pagination li a { text-decoration: none; display:inline-block; margin:0; padding:0; color:#333333; line-height:39px; width:39px; vertical-align:middle; background-color:transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.pagination li a:hover { color:#6255c9; }
.pagination li a.active { background-color:#6255c9; color:#fff; }
.pagination li a.next { width:auto; margin-left:10px; }
.pagination li a.last { width:auto; margin-left:20px; }

.blog-detail { padding-top: 60px; }
.blog-detail .data { width: 75%; padding-right: 40px; }
.blog-detail.full .data { width: 100%; padding-right: 0; }
.blog-detail .data .img { margin-bottom: 20px; }
.blog-detail .data .img img { width: 100%; max-height: 500px; object-fit: cover; -webkit-border-radius: 10px;	-moz-border-radius: 10px; border-radius: 10px; }
.blog-detail .data .label { display: inline-block; font-size: 14px; font-weight: 700; background: #ebf7f1; color: #39b577; padding: 8px 20px; margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.blog-detail .data h4 { font-weight: 800; margin-bottom: 10px; }
.blog-detail .data h4 a { color: #6255c9; }	
.blog-detail .data h4 a:hover { color: #39b577; }
.blog-detail .data p { font-size: 18px; color: #333333; line-height: 30px; }
.blog-detail .data .by { font-size: 14px; color: #39b577; margin-bottom: 20px; }
.blog-detail .data .by b { font-weight: 700; margin-right: 5px; }
.blog-detail .data .by span { font-weight: 500; margin-left: 5px; }
.blog-detail .data ul,
.blog-detail .data ol,
.page-detail ul,
.page-detail ol { margin-bottom: 20px; }
.blog-detail .data li,
.page-detail li { margin-left: 20px; font-size: 18px; color: #333333; line-height: 30px; }
.page-detail { font-size: 18px; color: #333333; line-height: 30px; /*padding-bottom:80px;*/ }

.blog-detail .sidebar { width: 25%; background: #fff; padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.10);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10); }
.blog-detail .sidebar .sticky { position:bkit-sticky; position: sticky; top: 150px; }
.blog-detail .sidebar ul { list-style: none; }
.blog-detail .sidebar .sd-search,
.blog-detail .sidebar .sd-category { margin-bottom: 20px; }

.blog-detail .sidebar .sd-search .searchbar { position: relative; }
.blog-detail .sidebar .sd-search .form-control { font-family: "Red Hat Display", sans-serif; width: 100%; border: 1px solid #39b577; background: #fff; font-size: 16px; color: #333; font-weight: 600; padding: 0 40px 0 15px; line-height: 36px;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
.blog-detail .sidebar .sd-search .form-control:focus { outline: none; }
.blog-detail .sidebar .sd-search .button { background: transparent; position: absolute; right: 0; top: 0; border:0; font-size: 18px; color: #39b577; padding: 0 15px; line-height: 38px; cursor: pointer; } 
.blog-detail .sidebar .sd-search .button:hover { color: #6255c9; }

.blog-detail .sidebar .sd-category ul { margin-bottom: 20px; }
.blog-detail .sidebar .sd-category li { /*border-bottom: 1px solid #dedede;*/ }
.blog-detail .sidebar .sd-category li a { position: relative; padding: 0 0 0 15px; display: block; font-weight: 600; line-height: 30px; }
.blog-detail .sidebar .sd-category li a:before { position: absolute; content: "\f105"; left: 0; top: 0; font-family: "Font Awesome 6 Free"; font-weight: bold; }

.feature-detail { padding-top: 0; }
.feature-detail .sidebar { background: transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }

.sidebox { background: #39b577; text-align: center; -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.sidebox img { -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }
.sidebox .sbtitle { font-size: 20px; font-weight: 700; color: #fff; margin: 20px; }
.sidebox .btn { margin-bottom: 20px; }
.sidebox .btn:hover { background: #333; }

.sd-blogs li { border-bottom: 1px solid #dedede; padding: 10px 0; }
.sd-blogs li .img { width: 30%; }
.sd-blogs li .img a { display: block; }
.sd-blogs li .img img { width: 100%; height: 50px; object-fit: cover; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.sd-blogs li .data { padding:0 0 0 15px; width: 70%; }
.sd-blogs li .data .label { display: inline-block; font-size: 12px; font-weight: 700; background: #ebf7f1; color: #39b577; padding: 0 15px; margin-bottom: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.sd-blogs li .data h4 { font-size: 14px; font-weight: 800; margin-bottom: 0; }
.sd-blogs li .data h4 a { color: #6255c9; }	
.sd-blogs li .data h4 a:hover { color: #39b577; }
.sd-blogs li .data p { font-size: 13px; color: #333333; line-height: 30px; }

.ff-default .ff-el-form-control { -webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important; }
.ff-default .ff-el-form-control:focus { border-color:#39b577 !important; }
.ff-btn {
	font-family: "Red Hat Display", sans-serif !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: normal !important;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	padding: 13px 30px !important;
	min-height: 50px !important;
	cursor: pointer;
	border: 0 !important;
	-webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.ff-btn {
	background-color: #39b577 !important;
	color: #fff !important;
}
.ff-btn:hover {
	background: #6255c9 !important;
	color: #fff !important;
}
.no-vacancy { display: inline-block; padding: 5px 20px; background: #f1f1f1; border-radius: 10px; font-weight: 600; border: 1px solid #dedede; font-size: 16px; }

.price-table { background: #fff; overflow: hidden; -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
.price-table td,
.price-table th { text-align: center; vertical-align: middle; }
.price-table td:first-child,
.price-table th:first-child { text-align: left; font-weight: 700; }
.price-table td:first-child { background: #f1f1f1; }
.price-table th { font-weight: 700; font-size: 16px; padding: 15px; /*background: #39b577 !important;*/ color: #6255c9; }
.price-table ul { list-style: none; }
.price-table .highlight { background: rgba(98, 85, 201, .8); color: #fff; }
.price-table th.highlight { color: #fff; }
.price-table tr:nth-child(2),
.price-table tr:nth-child(3) { background: #f7f7f7; }
.price-table tr:nth-child(2) li,
.price-table tr:nth-child(3) li { font-weight: 600; }

.price-table .button { text-align: center; margin: 10px 0; }
.price-table .button a { display: inline-block; font-size: 16px; font-weight: 700; background-color: #6255c9; color: #fff; padding: 0 30px; line-height: 50px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.price-table .button a:hover,
.price-table .highlight .button a:hover { background: #333; }
.price-table .highlight .button a { background: #39b577; }

.res-table table { border:1px solid #e2e5ec; }
.res-table th, .res-table td { border: 1px solid #e2e5ec; border-collapse: collapse; }
.res-table th { font-weight: 700; }

table { border-spacing: 0; border-collapse: collapse; }
table th, table td { padding: 8px 15px; }
.res-table th.center { text-align: center; }
.res-table { position: relative; }
.res-table table { border: 1px solid #ededed; }

@media screen and (max-width: 1024px) {
    .res-table {
        overflow: scroll;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .res-table {
        width: 100%;
        overflow-x: scroll;
    }
}
.two-col { margin-left: -25px;  margin-right: -25px; }
.two-col .l-block,
.two-col .r-block { width: 50%; padding: 0 25px; text-align: left; }
.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
.size-full { width: 100%; }
.gap-10 li { margin-bottom: 10px; }
.gap-10 li:last-child { margin-bottom: 0; }
blockquote { width: 80%; margin: 0 10% 24px 10%; background: #f1f1f1; font-size: 18px; color: #333; font-weight: 600; line-height: 30px; text-align: left; padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
blockquote *,
blockquote p { font-size: 18px; color: #333; font-weight: 600; line-height: 30px; text-align: left; }

.page-id-349 .inner-page { background: url(https://donateoffice.co.uk/wp-content/uploads/2025/03/section-bg1.jpg) 50% 50% no-repeat !important; background-size: cover; }
.page-id-349 .inner-page:before { position: fixed; content: ""; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; left: 0; top: 0; }
.page-id-349 .inner-page .title * { color: #fff; }
.page-id-349 .inner-page .container { position: relative; z-index: 1; }

.site-header .menu-item-object-custom { display: none; }


.top-banner { padding: 92px 0 80px 0; background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
.top-banner h1 { color:#39b577; }
.top-banner p { font-size: 18px; line-height: 30px; font-weight: 600; }
.top-banner .d-flex { margin-left:-15px; margin-right:-15px; }
.top-banner .left-block { width:50%; padding:0 15px; }
.top-banner .right-block { width:50%; padding:0 15px; }
.top-banner .video {}

.charities { background:#f5f6fa; }

.logo-marquee {	position: relative; z-index: 2; overflow: hidden; }
.logo-marquee .js-marquee {	/*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -ms-align-items: center;*/ margin: 0 !important; color: #ffffff; position: relative; font-size: 0; }
.logo-marquee .logo-item { width: 200px; background: #ffffff; padding: 10px; position: relative;	/*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-inline-flex; display: inline-flex;*/ display: inline-block; vertical-align: middle; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:15px; }
.logo-marquee .logo-item img { display: block; mix-blend-mode: luminosity; }
.logo-marquee .logo-item:hover img { mix-blend-mode: inherit; }

.clist { list-style: none; margin-left: -35px; margin-top: -35px; }
.clist li { width: calc(25% - 35px); margin: 35px 0 0 35px; background: #f9fafc; border: 1px solid #ebebeb; display: flex; flex-flow: column;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.10);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .10); }
.clist li .img { margin: auto 0 0 0; }
.clist li .img img { width: 100%; height: 250px; mix-blend-mode: luminosity; object-fit: cover; -webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; }
.clist li .data { padding: 20px 30px; margin-bottom: 10px; }
.clist li .data .label { display: inline-block; font-size: 14px; font-weight: 700; background: #ebf7f1; color: #39b577; padding: 8px 20px; margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.clist li .data h4 { font-weight: 800; margin-bottom: 20px; }
.clist li .data h4 a { color: #000000; }	
.clist li .data h4 a:hover { color: #6255c9; }
.clist li .data p { font-size: 16px; color: #333333; line-height: 24px; }
.clist li .data .by { font-size: 14px; color: #39b577; }
.clist li .data .by b { font-weight: 700; margin-right: 5px; }
.clist li .data .by span { font-weight: 500; margin-left: 5px; }
.clist li:hover .data h4 a { color: #6255c9; }
.clist li:hover .img img { mix-blend-mode: inherit; }
.why-charities .btns { margin-top:50px; text-align:center; font-size:24px; color:#000000; }
.why-charities .btns .btn { margin-left:30px; }


.linear-wipe { font-size: 26px; color:#283d9a; font-weight:bold; line-height:36px; padding:20px 0; }

.linear-wipe {
  text-align: center;  
  background: linear-gradient(to right, #ada3fa 20%, #283d9a 40%, #283d9a 60%, #283d9a 80%);
  background-size: 200% auto;
  
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 1.5s linear infinite;
}
.linear-wipe-green {
  text-align: center;  
  background: linear-gradient(to right, #9eeec6 20%, #39b577 40%, #39b577 60%, #39b577 80%);
  background-size: 200% auto;
  
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 1.5s linear infinite;
}
@keyframes shine {
    to {
      background-position: 200% center;
    }
  }

.l-plans .plan-outer { margin-left: -50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.l-plans .plan-outer .plan { border: 1px solid #e2e5ec; background: #fff; width: calc(33.33% - 50px); margin-left: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: flex; flex-flow: column; }
.l-plans .plan-outer .plan:hover { -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .16); }
.l-plans .plan-outer .plan .top { background: #f7f7f7; padding: 30px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.l-plans .plan-outer .plan .bottom { padding: 30px; }
.l-plans .plan-outer .plan .pname { font-size: 20px; font-weight: bold; color: #6255c9; padding-bottom: 10px; }
.l-plans .plan-outer .plan .pname .save { float: right; font-size: 18px; font-weight: 800; color: #333333; line-height: 40px; padding: 0 20px; margin-top: -7px; background: #ffcc66; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.l-plans .plan-outer .plan .pprice .label { font-size: 14px; font-weight: 500; color: #666666; }
.l-plans .plan-outer .plan .pprice .price { font-size: 40px; line-height: 40px; font-weight: 900; color: #283d9a; padding-bottom: 20px; }
.l-plans .plan-outer .plan .pprice .price span { color: #6255c9; }
.l-plans .plan-outer .plan .ptext { font-size: 24px; font-weight: bold; color: #000000; }
.l-plans .plan-outer .plan h6 { font-size: 16px; font-weight: 700; color: #6255c9; padding: 0 0 10px 0; margin: 0; }
.l-plans .plan-outer .plan .list { padding: 0; }
.l-plans .plan-outer .plan .list li { list-style: none; font-weight: 600; line-height: 36px; padding-left: 0; position: relative; }
.l-plans .plan-outer .plan .button { margin: auto 30px 30px 30px; text-align: center; }
.l-plans .plan-outer .plan .button a { font-size: 18px; font-weight: 800; display: block; background-color: #6255c9; color: #fff; line-height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.l-plans .plan-outer .plan.highlight { border: 2px solid #6255c9; -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, .16);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, .16); }
.l-plans .plan-outer .plan.highlight:hover { -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, .25);
    box-shadow: 0px 2px 30px rgba(0, 0, 0, .25);}
.l-plans .plan-outer .plan.highlight .button a { background: #39b577; }
.l-plans .plan-outer .plan:hover .button a { background: #333; }
.l-plans .b-text { font-size: 24px; color: #39b577; text-align:center; font-weight:bold; line-height:36px; padding:30px 0;  }

.testimonial { background: #f5f6fa url(../images/line-bg-02.jpg) 0 0 repeat-y; }
.testimonial .testi_slider { max-width:1000px; width:100%; margin:0 auto; text-align:center; }
.testimonial .testi_slider .item p { background:#fff; padding: 20px; font-size: 24px; color: #000000; line-height: 36px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.testimonial .testi_slider .item .th6 { font-size:24px; font-weight:bold; color: #000000; }
.testimonial .slick-dots { position: relative; display: flex !important; justify-content: center; width: 100%; list-style: none; padding: 0; margin: 30px 0; }
.testimonial .slick-dots li { margin: 0 4px; line-height: 12px; }
.testimonial .slick-dots li button { font-size: 0; outline: 0; width: 12px; height: 12px; border-radius: 50%; border: 4px solid #898989; background: #fff; cursor: pointer; padding: 0; transition: all 0.3s ease; }
.testimonial .slick-dots li.slick-active button { background: #898989; /*transform: scale(1.2);*/ }

.key-points .list { justify-content: center; }
.key-points .item { margin:0 25px; }
.key-points .item .icon { width:45px; margin-right:20px; }
.key-points .item .th6 { font-size:24px; color:#39b577; font-weight:bold; }

.btn { position: relative; }
.stext { position: absolute; font-size: 14px; font-weight: 700; color: #000000; width: 100%; left: 0; bottom: -30px; pointer-events: none; }

.l-cta { background:#f5f6fa; }
.points { background:#6255c9; color: #fff; }
.points .list { width: 100%; margin-left: -15px; margin-right: -15px; }
.points .list .left-block,
.points .list .right-block { width: 50%; padding-left: 15px;  padding-right: 15px; }
.points .list .th5 { font-size: 30px; font-weight: 800; padding-bottom: 20px; }
.points .list li { position: relative; list-style: none; padding-left: 30px; font-size: 24px; font-weight: bold; line-height: 50px; }
.points .list li:before { position: absolute; content: ""; width: 20px; height: 50px; left: 0; background: url(../images/green-tick.svg) 50% 50% no-repeat; }
.points .list .btn { margin-top: 30px; }
.points .list .btn:hover { background: #000; }

.charity-software.landingpage .img-blocks .block:nth-child(2) { margin-top: 0; }

.l-charity-software { background-size: cover; background-position: center center; background-repeat: no-repeat; position:relative; }
.l-charity-software:before { position:absolute; content:""; background:rgba(98,85,201,0.9); width:100%; height:100%; left:0; top:0; }
.l-charity-software .container { position:relative; z-index:1; }
.l-charity-software .img-blocks { margin-top: 50px; width: 100%; position: relative; align-items: flex-end; }
.l-charity-software .img-blocks img { border: 1px solid #e2e5ec; -webkit-box-shadow: 10px 0px 30px rgba(35, 31, 32, .15); -moz-box-shadow: 10px 0px 30px rgba(35, 31, 32, .15); box-shadow: 10px 0px 30px rgba(35, 31, 32, .15); }
.l-charity-software .img-blocks .block { position: relative; }
.l-charity-software .img-blocks .block:nth-child(1) { width: 34%; padding-right: 22px; }
.l-charity-software .img-blocks .block:nth-child(2) { width: 66%; margin-top: 0; padding-left: 22px; }

.points-2 { }
.points-2 .list { margin-left: -30px; margin-right: -30px;  }
.points-2 .col { width: 33.33%; padding: 50px 30px; border-left: 1px solid #cccccc; }
.points-2 .col:first-child { border-left: none; }
.points-2 .list .th5 { font-size: 30px; color: #6255c9; font-weight: 800; padding-bottom: 20px; }
.points-2 .list li { position: relative; list-style: none; padding-left: 30px; font-size: 18px; color: #000000; font-weight: bold; line-height: auto; margin: 15px 0; }
.points-2 .list li:before { position: absolute; content: ""; width: 20px; height: 24px; left: 0; background: url(../images/green-tick.svg) 50% 50% no-repeat; }

.reasons { background: #f5f6fa; }
.reasons .clist { list-style: none; margin-left: -35px; margin-top: -35px; }
.reasons .clist li { width: calc(33.33% - 35px); margin: 35px 0 0 35px; }
.reasons .btns { margin-top:50px; text-align:center; font-size:24px; color:#000000; }
.reasons .btns .btn { margin-left:30px; }

.system .syslist  { list-style: none; margin-left: -35px; margin-top: -35px; }
.system .syslist li { width: calc(33.33% - 35px); margin: 35px 0 0 35px; text-align: center; }
.system .syslist li .icon { display: flex; align-items: center; justify-content: center; height: 100px; padding-bottom: 10px; }
.system .syslist li .th6 { font-size: 24px; font-weight: 800; color: #000; }
.system .btns { margin-top:50px; text-align:center; font-size:24px; color:#000000; }