body,
html { width: 100%; height: 100%; background:#ffffff; color:#3f3f3f; font-family: 'Fira Sans', sans-serif;  scroll-behavior: smooth;} 
p { font-size:16px; font-weight: 300; line-height: 1.7rem; color:#6f6f6f; } 
h1 { font-size: 4rem; line-height: 4rem; } 
h2 { font-size:3rem; line-height:3.25rem; } 
h3 { font-size:2.75rem; } 
h4 { font-size: 24px;font-weight: 400;line-height: 32px;}
h5 { font-size:1.125rem; } 
h6 { font-size:20px;font-weight:300; } 
a { text-decoration:none;color:#42a5f5; } 
a:hover { text-decoration:none; color:#42a5f5;} 
input:focus, select:focus, button:focus, textarea:focus { outline: none; } 
a:hover, a:focus { text-decoration: none; outline: none; } 
ul, ol { padding: 0; margin: 0; } 
li{list-style:none;}
.btn.focus, .btn:focus {outline: 0;box-shadow:none;}
.z-index {z-index: 9;position: relative;}
.navbar-dark .navbar-nav .active.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show.nav-link {color: #42a5f5;} 
.customer-quotes h6 , .success-stories h6 {    font-size: 18px;    font-weight: 500;}
.success-stories h6 {color:#3f3f3f;}
.success-stories .case-study-box:hover h6 {color:#42a5f5;}

.main-heading-paragraph{font-size:18px; line-height: 1.7rem;}
.btn { background: linear-gradient(90deg , #f7ce26 50% ,#e3bd20 50%);color: #725c01;font-weight: 600;letter-spacing: 1.5px;
font-size:16px;border:none; display: inline-block; padding: 0rem 1.2rem 0rem 1.5rem; border-radius: 2rem; text-decoration: none; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; 
transition: all 0.3s ease 0s; line-height: 1.5rem; font-weight: 400; } 
.btn span{padding: 12px 10px 12px 0px;display: inline-block;margin: 0 14px 0 0;background-color: #f7ce26;border-radius: 0px 0px 22px 0px;}
.btn:hover {color: #fff;transition: all 0.6s ease 0s;box-shadow: 3px 3px 25px rgba(0,0,0,0.2);}
.btn i { position:relative; right:0px; transition: all 0.2s linear 0s; font-size: 0.8rem; } 
.btn:hover i { transition: all 0.2s linear 0s; } 

.btn-solid-blue {color:#fff; background: linear-gradient(90deg , #42a5f5 50% ,#388cd0 50%);} 
.btn-solid-blue span{ background-color: #42a5f5;} 
.btn-solid-blue:hover {background: linear-gradient(250deg , #42a5f5 50% ,#388cd0 50%);} 
.btn-solid-blue:hover span {    background-color:#388cd0;}

.btn-solid-white {color:#3296e6; background: linear-gradient(90deg , #fff 50% ,#ddeefc 50%);} 
.btn-solid-white span{ background-color: #fff;} 
.btn-solid-white:hover {color:#3296e6;background: linear-gradient(250deg , #fff 50% ,#ddeefc 50%);} 
.btn-solid-white:hover span{ background-color: #ddeefc;} 

.btn-solid-green {background:linear-gradient(90deg , #fff 50% ,#eff7e5 50%); color: #9bcc61;} 
.btn-solid-green span{ background-color: #fff;color: #9bcc61;} 
.btn-solid-green:hover {background:linear-gradient(250deg , #fff 50% ,#eff7e5 50%); color: #9bcc61;} 
.btn-solid-green:hover span{ background-color: #eff7e5;color: #9bcc61;} 

.btn-solid-gray {background:linear-gradient(90deg , #ecf0f5 50% ,#dbe4ee 50%); color: #8493a3;} 
.btn-solid-gray span{ background-color:#ecf0f5 ;color: #8493a3;} 
.btn-solid-gray:hover {background:linear-gradient(250deg , #ecf0f5 50% ,#dbe4ee 50%); color: #8493a3;} 
.btn-solid-gray:hover span{ background-color:#dbe4ee ;color: #8493a3;} 

.btn-solid-yellow {background: linear-gradient(90deg , #f7ce26 50% ,#e3bd20 50%);color: #725c01;font-weight: 600;letter-spacing: 1.5px;} 
.btn-solid-yellow:hover {color:#725c01;background: linear-gradient(250deg , #f7ce26 50% ,#e3bd20 50%);} 
.btn-solid-yellow:hover span{background:#e3bd20;} 

.btn-outline-blue {background-color: transparent; color: #42a5f5; } 
.btn-outline-blue:hover {background-color: #42a5f5; color: #fff; } 
.btn-outline-green { background-color: transparent; color: #9bcc61;  } 
.btn.btn-solid-green:hover {color: #9bcc61;}
.btn-outline-green:hover { background-color: #9bcc61; color: #fff; } 
.btn-outline-yellow { background-color: transparent; color: #eec51f; } 
.btn-outline-yellow:hover { background-color: #eec51f; color: #fff; } 
.btn-small.btn {font-size: 12px;padding: 0rem 0.6rem 0rem 0.8rem;line-height: 0.5rem;letter-spacing: 0.8px;}
.btn-small.btn span {padding: 13px 7px 13px 0px;margin: 0 6px 0 0;border-radius: 12px 0px 22px 12px;}
.btn-small.btn i {font-size: 0.7rem;}
.svg-cruve { position: absolute; width: 100%; overflow: hidden; left: 0; } 
.svg-cruve-bottom { height: 85px; bottom:0px; } 
.svg-cruve-top { height:210px; top:0px; } 
.svg-cruve svg { position: absolute; width: -webkit-calc(100% + 2px); width: calc(100% + 2px);} 
.svg-cruve-top svg { top:-1px; } 
.svg-cruve-bottom svg { bottom:0px; } 
.svg-cruve svg:not(:root) { overflow: hidden; } 
.svg-cruve svg { overflow: hidden; vertical-align: middle; }
.form-group { position: relative; margin-bottom: 1.25rem; } 
.form-group.has-error.has-danger { margin-bottom: 0.625rem; } 
.form-group.has-error.has-danger .help-block.with-errors ul { margin-top: 0.375rem; } 
.label-control { position: absolute; top: 0.87rem; left: 1.375rem; color: #f1f1f8; opacity: 1; cursor: text; transition: all 0.2s ease; } 
.form-control.wpcf7-not-valid { border: 1px solid #e34242;}
.form-control.wpcf7-not-valid::placeholder {color:#e34242;} 

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
 .label-control { top: 0.9375rem; } 
 }
.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control { top: 0.125rem; opacity: 1; font-size: 0.75rem; font-weight: 700; } 
.form-control-input,
.form-control-select { display: block; width: 100%; padding-top: 1.0625rem; padding-bottom: 0.0625rem; padding-left: 1.3125rem; border: 1px solid #9791ae; border-radius: 0.25rem; color: #f1f1f8; transition: all 0.2s ease; -webkit-appearance: none; } 
.form-control-select { padding-top: 0.5rem; padding-bottom: 0.5rem; height: 3rem; } 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
 .form-control-input { padding-top: 1.25rem; padding-bottom: 0.75rem; line-height: 1.75rem; } 
.form-control-select { padding-top: 0.875rem; padding-bottom: 0.75rem; height: 3.125rem; line-height: 2.125rem; } 
 }

select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url('../images/down-arrow.png'); background-position: 96% 50%; background-repeat: no-repeat; outline: none;cursor: pointer; } 
select::-ms-expand { display: none; } 
.form-control-textarea { display: block; width: 100%; height: 8rem; padding-top: 1.25rem; padding-left: 1.3125rem; border: 1px solid #9791ae; border-radius: 0.25rem; background-color: #413d52; color: #f1f1f8; transition: all 0.2s ease; } 
.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus { border: 1px solid #f1f1f8; outline: none; } 
.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover { border: 1px solid #f1f1f8; } 
input[type='checkbox'] { vertical-align: -15%; margin-right: 0.375rem; } 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { input[type='checkbox'] { vertical-align: -9%; } 
 }

.form-control-submit-button { display: inline-block; width: 100%; height: 3.125rem; border: 1px solid #42a5f5; border-radius: 1.5rem; background-color: #42a5f5; color: #fff; cursor: pointer; transition: all 0.2s ease; } 
.form-control-submit-button:hover { background-color: transparent; color: #42a5f5; } 

/* loading screen */
.spinner-wrapper { position: fixed; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; background: #42a5f5; } 
.spinner { position: absolute; top: 50%; left: 50%; width: 3.75rem; height: 1.25rem; margin: -0.625rem 0 0 -1.875rem; text-align: center; } 
.spinner > div { display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background-color: #fff; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } 
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } 
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } 
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 
40% { -webkit-transform: scale(1.0); } 
 }
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } 
 }

/* 03. Navigation */
.navbar-custom { transition:all 1s ease; background: transparent; }
.navbar-custom.top-nav-collapse{box-shadow:0 0.0625rem 3rem 0 rgba(0, 0, 0, 0.08);background-color:#fff;}
.navbar-custom .navbar-brand.logo-image img { width:180px; -webkit-backface-visibility: hidden; transition: all 0.2s ease; } 
.top-nav-collapse .navbar-brand.logo-image img {width: 150px;transition: all 0.2s ease;}
.top-nav-collapse .navbar-brand {padding: 0;}
.navbar-custom.top-nav-collapse {padding-top:0;padding-bottom:0;}
.top-nav-collapse .btn {font-size: 14px;padding: 0rem 1rem 0rem 1.2rem;line-height: 1.2rem;}
.top-nav-collapse.navbar-custom .nav-item .nav-link {font-size: 17px;}

.navbar-custom .navbar-brand.logo-text { color: #0a0a0a; letter-spacing: -0.5px; text-decoration: none; } 
.navbar-custom .nav-item .nav-link {color:#202020;text-decoration: none;transition: all 0.2s ease;font-size: 17px;padding:0 30px 0 0px;font-weight: 400;} 

.navbar-dark .navbar-nav .nav-item.active a, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #42a5f5;} 
.navbar-custom .dropdown-toggle:focus { outline: 0; } 
.navbar-custom .dropdown-menu { margin-top: 0; border: none; border-radius: 0.25rem; background-color: #f3f3f3; } 
.navbar-custom .dropdown-item { color: #fff; text-decoration: none; } 
ul.navbar-nav {line-height: 60px;}
.navbar-custom .dropdown-item:hover .item-text { color: #42a5f5; } 
.navbar-custom .dropdown-items-divide-hr { width: 100%; height: 1px; margin: 0.25rem auto 0.25rem auto; border: none; background-color: #b5bcc4; opacity: 0.2; } 
/* end of dropdown menu */
.navbar-custom .navbar-toggler { border: none; color:#3f3f3f; font-size: 2rem; } 
.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times { display: none; } 
.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars { display: inline-block; } 
.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars { display: none; } 
.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times { display: inline-block; margin-right: 0.125rem; } 
.megamenu-li { position: static; } 
.megamenu { position: absolute; width: 100%; left: 0; right: 0; padding: 3rem; } 
ul.list-unstyled { line-height: 3rem; } 
.megamenu .nav-item .nav-link { padding: 0; margin: 0; color: #2f2f2f; } 
.navbar-collapse{text-align: center;padding:0 15px;}
.navbar-expand-lg.navbar-main .navbar-nav .nav-link{font-size:15px;color:red;padding-left:30px; padding-right:30px;transition:all 0.2s ease-in-out;line-height:16px;text-shadow:0 1px 2px rgba(0,0,0,0.5);}
.navbar-expand-lg.navbar-main .navbar-nav .nav-link.btn-login {text-shadow:none;color:red;font-size:14px;background-color:#1ab394;border-color:#1ab394;border-radius:60px;padding-right:20px;
padding-left:20px; text-transform: uppercase;}
.navbar-toggler-line {height:2px;width:28px;background-color:#000;display:block;margin:5px 0;}
.minheader .navbar-toggler-line{background-color: #0e3459;}
.navbar-toggler-line.line-second {width: 23px;}
.navbar-toggler-line.line-third {width: 16px;}
.navbar #myNav {width: 100% ;}
.collapse:not(.show) {display: block;}

 /* Navigation */
.header {background-image: url('../images/header-background1.jpg');background-repeat: no-repeat;background-size: cover;position: relative;padding:100px 2rem 145px;display: flex;justify-items: center;align-items: center;background-position: right bottom;}
.header::after {position: absolute;content: '';background-image: url('../images/header-cruve-bg.png');bottom: 0px;height: 145px;
    width: 100%;left: 0;background-size: auto;background-position: bottom;z-index: 999;background-repeat: repeat-x;}
.header .header-content {text-align: left; position: relative;z-index:99; } 
.header .text-container h1 { font-size:60px; font-weight: 600; line-height: 75px; color:#000;} 
.header .text-container h1 span { display: block; } 
.header .text-container .large {color: #202020;font-size: 24px;font-weight: 400;line-height: 37px;margin-bottom: 35px;} 
.main-heading {font-weight: 400;line-height: 42px;font-size: 35px; } 
.main-heading span { font-weight: 300; display: block; font-size: 2rem; } 
.page-section {margin:2.5rem 0;overflow: hidden;}

/* about */
.solution-surpass {background: #fff;} 
.icon-block {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; padding: 1rem; border-radius: 0.4rem; border: 1px solid #e0e0e0; width: 250px; margin: 20px auto; -webkit-box-shadow: 0 0 68px 0 rgba(174,175,175,.44); box-shadow: 0 0 68px 0 rgba(174,175,175,.44); } 
.icon-block:hover { box-shadow: 0px 6px 30px 0px rgba(219,219,219,0.4); transform: translateY(-10px); } 
.icon-block img { width:50px; margin-bottom: 10px;} 
.icon-block h6 { font-size: 1rem; font-weight:400;} 
.carousel-item > div { float: left; } 
.carousel-by-item [class*="cloneditem-"] { display: none; } 
.solution { position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); height: 100%; z-index: 999; height: 100%; width: 90%; top: 0; transition: all 0.2s linear 0s; } 
.carousel-item h6 { position: absolute; bottom: 16px; z-index: 9999; left: 30px; font-size: 1.2rem; font-weight:600; } 
.carousel-by-item .col-md-3.col-sm-4.col-12:hover .solution { background:rgba(166,210,113,0.8); transition: all 0.2s linear 0s; } 
.carousel-by-item .col-md-3.col-sm-4.col-12:hover h6 { color:#fff; transition: all 0.2s linear 0s; bottom:100px; font-size:1.5rem; } 

/* cloud */
.explore-products {background:#3196e8;position: relative;background-size: cover;padding: 145px 0px 60px;z-index: -1;} 
.cloud, .cloudshadow { width: 370px; height: 160px; background: #5cb5ec; border-radius: 100px; position: relative; margin: 0 auto; } 
.cloud:after, .cloud:before, .cloudshadow:after, .cloudshadow:before { content: ''; position: absolute; background: #5cb5ec; z-index: 1 } 
.cloudshadow, .cloudshadow:after, .cloudshadow:before { margin: 0; box-shadow: 0 0 25px #2c3e50; z-index: -99; } 
.cloud:after, .cloudshadow:after { width: 100px; height: 100px; top: -50px; left: 50px; border-radius: 100px; } 
.cloud:before, .cloudshadow:before { width: 180px; height: 180px; top: -90px; right: 50px; border-radius: 200px; } 
.cloud-animate { width:550px; margin: 0 auto; } 
.cloud-div { margin:0 auto; } 
.animated { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } 
 @-webkit-keyframes bounce { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transform: translateY(0); } 
 50% { -webkit-transform: translateY(-5px); } 
 }
  @keyframes bounce { 0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); } 
 50% { transform: translateY(-5px); } 
 }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; } 
#animated-example { position: relative; border-radius: 50%; } 
 
 /* window */
.window-bg { margin:0px auto; border-radius: 10px; padding: 20px; background: #a6d271; /* Old browsers */
background: -moz-linear-gradient(left, #a6d271 0%, #78bd24 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a6d271 0%,#78bd24 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a6d271 0%,#78bd24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d271', endColorstr='#78bd24',GradientType=1 ); /* IE6-9 */ } 
.surpass-window h4 { font-size: 2.8rem; font-weight: 600; color: #fff; } 
.surpass-window h4 span { font-weight: 300; display: block; font-size: 1.5rem; } 

/* benefits */
.benefits h2.main-heading { margin-bottom: 3rem; } 
.benefits-block { background: #eff0f1 url(../images/benefits.png) center bottom no-repeat; position: relative; } 
.benefits-left, .benefits-right { padding-top:4rem; } 
.text-benefits { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 10px; background: #ffffff; padding: 2rem; margin-bottom: 1rem; -webkit-box-shadow: 0 0 68px 0 rgba(174,175,175,.44); box-shadow: 0 0 68px 0 rgba(174,175,175,.44); } 
.text-benefits:hover { box-shadow: 0px 6px 30px 0px rgba(219,219,219,0.4);transform: translateY(-10px);} 
.text-benefits i { color: #a6d271; font-size: 24px; margin-right: 10px; vertical-align: text-bottom; } 
.benefits-img { position: relative; bottom: 0px; } 
.demo-strip { background: #42a5f5; padding: 3rem; } 

/* features */
.features {padding: 0rem 0px; } 
.side-space{padding-left:100px !important; padding-right:100px !important;}
.testimonial-section .carousel-item img {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.text-features {padding: 1rem;margin: 0 0;box-shadow: 0 0 35px rgba(89,124,169,0.24);min-height: 220px;border-radius: 4px;background:#fff;transition:ease 0.5s all ; float: left;width: 100%;table-layout: fixed;height: 100%;} 
.text-features img {max-width: 100%;}
.text-features .features-img {padding:18px 16px !important;}
.text-features .features-img img{display:none;}
.text-features .features-img img.white{display:block;}
.text-features span ,.text-features .features-img {background: linear-gradient(0deg,#e5494a , #ee7172);box-shadow:0 0 35px rgba(229,73,74,0.6);border-radius: 31px 40px 50px 40px;color: #fff;font-size: 1.6rem;width: 70px;text-align: center;height: 70px;line-height: 1.8rem;padding:1rem;vertical-align: sub;margin-right: 10px;transition:ease 0.5s all ;} 
.text-features.features-2 span ,.text-features.features-2 .features-img {background: linear-gradient(0deg,#778797 , #526272);box-shadow: 5px 5px 17px rgba(82,98,114,0.6);} 
.text-features.features-3 span ,.text-features.features-3 .features-img {background: linear-gradient(0deg,#eb6f33 , #ec9369);box-shadow: 5px 5px 17px rgba(235,111,51,0.6);} 
.text-features.features-4 span ,.text-features.features-4 .features-img {background: linear-gradient(0deg,#15a88e , #55d5be);box-shadow: 5px 5px 17px rgba(30,172,148,0.6);} 
.text-features.features-5 span ,.text-features.features-5 .features-img {background: linear-gradient(0deg,#936050 , #aa7b6b);box-shadow: 5px 5px 17px rgba(149,98,82,0.6);} 
.text-features.features-6 span ,.text-features.features-6 .features-img {background: linear-gradient(0deg,#efa828 , #f2bd5e);box-shadow: 5px 5px 17px rgba(239,168,40,0.6);} 
.text-features.features-7 span ,.text-features.features-7 .features-img {background: linear-gradient(0deg,#955db6 , #c199d9);box-shadow: 5px 5px 17px rgba(149,93,182,0.6);}
.text-features.features-8 span ,.text-features.features-8 .features-img {background: linear-gradient(0deg,#a8c68c , #7aa057);box-shadow: 5px 5px 17px rgba(122,160,87,0.6);} 
.text-features h5 {font-size: 24px;font-weight: 400;width: 165px;}
.text-features:hover {background:#e5494a;box-shadow: 0px 0px 35px rgba(229,73,74,0.24);color:#fff;} 
.text-features:hover p{color:#fff;} 
.text-features.features-2:hover {background: #526272;box-shadow:0 0 35px rgba(82,98,114,0.6);} 
.text-features.features-3:hover {background: #eb6f33;box-shadow:0 0 35px rgba(235,111,51,0.6);} 
.text-features.features-4:hover {background: #15a88e;box-shadow:0 0 35px rgba(30,172,148,0.6);} 
.text-features.features-5:hover {background: #936050;box-shadow:0 0 35px rgba(149,98,82,0.6);} 
.text-features.features-6:hover {background: #efa828;box-shadow:0 0 35px rgba(239,168,40,0.6);} 
.text-features.features-7:hover {background: #955db6;box-shadow:0 0 35px rgba(149,93,182,0.6);}
.text-features.features-8:hover {background: #7aa057;box-shadow:0 0 35px rgba(122,160,87,0.6);} 
.text-features:hover span ,.text-features:hover .features-img {background:linear-gradient(0deg,#fff , #fff);box-shadow:0 0 35px rgba(255,255,255,0.6);color:#e5494a;} 
.text-features:hover .features-img img{display:block;}
.text-features:hover .features-img img.white{display:none;}
.text-features.features-2:hover span {color:#526272;} 
.text-features.features-3:hover span {color:#eb6f33;} 
.text-features.features-4:hover span {color:#15a88e;} 
.text-features.features-5:hover span {color:#936050;} 
.text-features.features-6:hover span {color:#efa828;} 
.text-features.features-7:hover span {color:#955db6;}
.text-features.features-8:hover span {color: #7aa057;} 

/* support */
.support {background:linear-gradient(0deg,#ecf0f5 50%,#fff);padding: 4rem 0 6rem;position: relative;} 
.support-image {margin: 0 auto; } 
.support-btn { font-size: 1.2rem; padding: 1rem 2em; } 
.social a { color: #333; } 
.form-control {border: none;margin: 10px 0;border-radius: 30px;height: 50px;box-shadow: 1px 1px 3px rgba(8,11,29,0.13) !important;padding: 0 20px;border: 1px solid transparent;}
.form-control::placeholder {color:#9fa3a7;font-weight:300;vertical-align:top;}
.btn.btn-switch.active {background:#f7ce26;box-shadow: 1px 1px 3px rgba(8,11,29,0.13);}
.btn.btn-switch {letter-spacing:0;cursor:pointer;margin:0;background:transparent;padding:10px 8px;border-radius:30px !important;font-size:12px;line-height:20px;width:40px;height:40px;}
.btn.btn-switch:hover {color:#725c0e;}
.white-bg{background-color: #fff;border-radius: 80px;box-shadow: 1px 1px 3px rgba(8,11,29,0.13);}
.white-bg.connect-icon {height: 40px;width: 40px;display: flex;justify-items: center;align-items: center;text-align: center;padding: 0 12px;}
.white-bg.connect-icon.active ,.white-bg.connect-icon:hover{background-color: #42a5f5;color: #fff; transition:ease 0.8s all;}
label {color: #666;font-weight: 300;}
.text-area {height: 120px !important; padding:15px 20px;border-radius: 10px;}
.curve-support {position: absolute;z-index: 999;bottom: 0px;}
.input-group-text {background-color: #42a5f5;color: #fff;border: 2px solid #42a5f5;padding:0 25px 0 20px;font-size: 27px;border-radius: 0 80px 80px 0px;}
.input-group-text:hover {color: #fff;}
.form-control2::placeholder {color:#999;font-weight:300;font-size:18px;}
.form-control2 {height: 75px;border: 2px solid #42a5f5;padding: 0px 15px 0px 80px;border-radius:80px 0px 100px 80px;background-image: url(../images/email-bg2.png);background-repeat: no-repeat;
background-position: left 20px center;width:100%;}
.submit-email .input-group {width: 660px;margin: 40px auto 0;background-color: #42a5f5;border-radius: 50px;}
.copyright {background-color: #ecf0f5;padding: 30px 0;}
.copyright p a{color:#6f6f6f;}
.page-section.submit-email {margin:-90px 0 6rem 0;z-index: 999;position: relative;}
.btn-sm{display:none;}
.btn-md{display:block;}
 
/*testimonial*/
.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes jssorl-009-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.jssora106{display:block;position:absolute;cursor:pointer}
.jssora106.jssora106ds{opacity:.3;pointer-events:none}
.jssort101 .authur-img {border-radius: 100px;width: 80px;margin-bottom: 1rem;}
.jssort101 .p .cv{position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1}
.jssort101 .a{fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden}
.jssort101 .pav .cv{border-color:#fff;opacity:.35}
.jssort101 .pav .a,.jssort101 .p:hover .a{visibility:visible}
.jssort101 .p.pav .t{filter: none !important;-webkit-filter: none !important;}
.jssort101 .t{-webkit-filter: grayscale(1);filter: grayscale(1);cursor:pointer;}
.jssort101 .pav .t,.jssort101 .p:hover .t{opacity:1}
.profile{height:200px !important;overflow:visible !important;}
.profile div{height:200px !important;overflow:visible !important;}
.profile .p.pav h6 {display: block;font-size: 18px;font-weight: 400;margin-top: 25px;}
.profile .p h6 {display: none;}
.profile .p h6 span {font-size: 14px;color: #9fa3a7;font-weight: 300;}
.jssort101 .authur-img {width: 60px;height :60px !important;object-fit:cover;}
.jssort101 .profile .p.pav .authur-img {width: 110px;height:110px !important;object-fit:cover;border: 7px solid #fff;box-shadow: 2px 3px 3px rgba(0,0,0,0.1);}
.jssort101 .p.pav {top: -100px !important;position: absolute;z-index:9999 !important;}
.profile::after {position:absolute;content: "";background-color: #e8e9ed;height: 3px;width: calc(100% - 150px);left: 70px;top: 30px;}
.profile::before {position:absolute;content: "";background-color: #98c85e;height: 3px;width: 160px;left: calc(50% - 80px);top: 30px;z-index: 1;}
.testimonial-content div{padding-top:80px !important;}
.testimonial-content { background-image: url(../images/quote.png);background-repeat: no-repeat; background-position: top 30px center;background-size: 240px;}
.page-section.testimonial-section {margin: -120px 0 0px;overflow-x: hidden;padding: 20px 0px;}
.page-section.testimonial-section p{font-size: 20px !important;color: #3a3a3a !important;line-height: 30px;}
#jssor_1 div {transform: inherit !important;}
.testimonial-shadow-box {box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 12px;padding:60px 0 0;background-color:#fff;}
#jssor_1 > div > div {width:  100% !important;left: 0 !important;}
#jssor_1 .testimonial-content ,#jssor_1 .testimonial-content > div ,
#jssor_1 .testimonial-content > div > div ,#jssor_1 .testimonial-content > div > div > div
 {width: 100% !important; padding: 0 30px;}


/*testimonial*/

/*----------------------product-page----------------------*/
/*header*/
.header-screens li {float: left;}
.header-screens li img{width: 325px;height: 200px;object-fit: cover;border-radius: 6px;margin: 15px;box-shadow: -10px 10px 7px rgba(0,0,0,0.07);opacity: 0.9;}
.inner-header {background-image: url('../images/product-header-bg.jpg');overflow: hidden;}
.inner-header::after {background-image: url('../images/inner-header-cruve-bg.png');background-size: contain;background-repeat: repeat-x;}
.inner-header .product-header-text .text-container h1 {color: #fff;position:relative;padding-left: 40px;margin-left: 100px;}
.inner-header .product-header-text .text-container h1::before {position: absolute;background-image: url(../images/cloud-bg.png);content:'';height: 170px;width: 230px;background-repeat: no-repeat;z-index: -1;left: -80px;top: -50px;}
.inner-header .product-header-text .text-container h1::after {position:absolute;background-image:url(../images/doted-arow.png);content:'';height:90px;width:110px;background-repeat:no-repeat;right: 0;bottom: -87px;}
.header-screens {transform-style: preserve-3d;transform: translateX(12vw) translateY(0px) rotateX(-0deg) rotateZ(-35deg);position: relative;float: left;width: 100%;text-align: center;}
.header-screens .screen-absolute-position {position: absolute;left: -355px;top: 230px;}
.inner-nav {background-color: #fff;box-shadow:0 0.0625rem 1rem 0 rgba(0, 0, 0, 0.05);}
.header-screens .screen-relative-position {position: relative;right: 60px;}
/*header*/

/*features-designed*/
#v-pills-tab p {display: none;}
#v-pills-tab h6 {font-size: 18px;font-weight: 300;margin: 0;}
#v-pills-tab .nav-link.active h6 {font-weight: 400;}
#v-pills-tab .nav-link.active p {display: block;color: #fff;font-size: 13px;line-height: 16px;margin: 5px 0 0;}
.features-designed .nav-pills .nav-link.active, .nav-pills .show .nav-link {background-color: #44a6f5;box-shadow: 5px 5px 26px rgba(63, 158, 235, 0.43);padding:0px 15px 15px;}
.features-designed {padding-bottom: 20px;}
.features-designed .tab-content {position: relative;padding:0px;box-shadow: 0 0 24px rgba(0,0,0,0.1);border-radius:10px;}
.features-designed .nav-link{ margin:12px 0;color:#8493a3;transition: ease 0.3s all;}
.features-designed .carousel-inner img{min-height: 480px;object-fit:contain;border-radius:10px;}
.features-designed .carousel-inner {height: 480px; border-radius: 10px;}
.features-designed .nav-link .content {float: left;width: calc(100% - 40px);padding-left: 8px;}
.features-designed .nav-link .icon {float: left;width:40px;padding: 0px 7px;text-align:center;}
.features-designed .nav-pills .nav-link.active .icon img, .nav-pills .show .nav-link .icon img{filter:brightness(2)}
.features-designed .nav-pills .nav-link.active .icon , .nav-pills .show .nav-link .icon {background-color: #3a8dd0;	padding: 14px 7px;	border-radius: 0 0px 30px 30px;}
.features-designed .nav-pills .nav-link.active .content, .nav-pills .show .nav-link .content{padding-top:15px;}
.features-designed .carousel-indicators li {border:none;width: 15px;height: 15px;background-color: #e2e7ee;	opacity: 1;	border-radius: 50px;position:relative;}
.features-designed .carousel-indicators li.active {background-color:#44a6f5 !important;width: 18px;	height: 18px;top: -2px;}
.features-designed .carousel-indicators li.active::after {position:absolute;content:'';width:14px;height:14px;background-color:transparent ;border:2px solid #fff ;left:2px;border-radius:20px;top: 2px;}
.features-designed .carousel-indicators {bottom: -42px;}
/*features-designed*/

/*feature-table*/
.color-success{color:#8bc34a;}
.color-danger{color:#ef6262;}
.feature-table {margin-top:60px;position:relative;}
.feature-table .round-bg {position:relative;overflow:hidden;padding-top:15px;font-size:24px;font-weight:400;min-height: 150px;background-image:url(../images/wave-bg.png);background-repeat:repeat-x;background-position:bottom;}
.feature-table .round-bg img{position: relative;z-index:9;}
.feature-column:first-child .round-bg::after{display: none;} 
.feature-table .round-bg::after {position: absolute;content: "";height: 60px;width: 63%;background-color: #f8fafc;top: 0;left:19%;z-index: 0;border-radius: 0px 0px 150px 150px;}
.feature-column {float: left;width:13.33%;}
.feature-column.feature-number {width:20%;}
.feature-table .shadow-box{border-radius: 12px;box-shadow: 0 0 16px rgba(0,0,0,0.1);margin: 40px 0px 20px;display: inline-block;background-color:#fff;}
.table-note {font-size: 14px;color: #454545;font-weight: 300;background-color: #ecf0f5;padding:15px;border: 1px solid #dbe4ee;border-radius: 6px 0 0 6px;width: calc(100% - 280px);float: left;}
.let-us:hover {background-color:#42a5f5;border-color:#42a5f5;color:#fff;text-decoration: underline;}
.let-us {background-color: #dbe4ee;padding: 13px 15px 14px;border: 1px solid #dbe4ee;color: #191919;font-weight: 400;font-style: italic;text-decoration: underline;width: 280px;float: left;border-radius: 0 6px 6px 0px;transition:ease 0.6s all;-webkit-appearance: unset;}
.feature-table .shadow-box li {padding: 15px; border-bottom: 2px solid #f3f6f9; border-right: 2px solid #f3f6f9;}
.feature-table .shadow-box .feature-number li {text-align: left;}
.feature-column:hover h4{color:#44a6f5;}
.feature-table::after {position:absolute;content:"";height:334px;width:100%;background:linear-gradient(0deg ,#ecf0f5 ,#fff);top:0;left:0;z-index: -1;}
/*feature-table*/

/*window-cloud-box*/
.window-cloud-box.blue{background-color:#42a5f5;background-image: url(../images/window-bg.png);background-position: bottom right;position:relative;}
.window-cloud-box {float:left;width:50%;text-align:center;padding:0 140px;background-color: #a6d271;color: #fff !important;display:flex;justify-items: center;align-items: center;min-height: 580px;
background-image: url(../images/opac-bg.png);background-repeat: no-repeat;background-size: auto;background-position: bottom left;}
.window-cloud-box p{color:#fff;}
.window-cloud-box.blue::after {position: absolute;content: '';height: 100%;width: 13px;left: -9px;top: 0;background-image: url(../images/wave-bg-vertical.png);background-repeat: repeat-y;}
/*window-cloud-box*/

/*modal*/
.modal{z-index:9999;padding: 0px !important;}
.modal-footer , .modal-header {border: none;}
.modal-body {background-color:#ecf0f5;padding: 30px 20px;border-radius: 0 0 0.4rem 0.4rem;}
.modal-dialog {max-width: 750px;}
.modal-body p{margin:0px; }
.modal-dialog .modal-content{border: none;}
.modal-body .form-group {margin-bottom: 0;}
.modal-header .close {padding: 1rem 1rem 0;}
.modal-header .close span{font-size: 60px;font-weight: 200;line-height: 20px;}

.modal-body .form-control {margin: 0px 0 20px;}

/*modal*/

/*----------------------product-page----------------------*/

/*----------------------about-page------------------------*/
.header.inner-header.about-header {background:#f0f3f7;padding-bottom: 80px;padding-top: 120px;min-height: auto !important;}
.image-overlay-shape {position: relative;}
.image-overlay-shape::before {position:absolute;left:0;top:0;content:'';background-image:url(../images/image-overlay-shape.png);background-position:center;height:100%;width:100%;background-size:contain;
background-repeat: no-repeat;}
.image-overlay {height:540px;object-fit:cover;margin:auto;display:block;}
.librarians-image{left:-15px;}
.about-feature .text-features{min-height: 300px;}
.page-section.about-feature {padding:0 0 55px;background: linear-gradient(0deg ,#ecf0f5 ,#fff);position: relative;}
.page-section.about-feature::after {background-repeat: repeat-x;background-position: bottom;position:absolute;background-image:url(../images/faq-divide.png);left:0;bottom:0;background-size:contain;content:'';width: 100%;height: 72px;}
.librarians-box {background-color:#a6d271;border:2px solid #fff;border-radius:10px;box-shadow:0 0 35px rgba(40,80,0,0.2);margin:30px 0;color:#142500;}
.librarians-box p{color:#142500;}
.librarians-box img{border-radius:0 10px 10px 0;height: 372px;width: 100%;object-fit: cover;}
.librarians-box .wave::after {position:absolute;content:'';height:100%;width:340px;background-image:url(../images/green-wave.png);left:13px;top:0;background-size:contain;background-repeat: no-repeat;}
.about-surpass .librarians-box .text-container {padding:0 0 0 50px !important;}

/*----------------------Surpass-for-Windows----------------------*/
.windows-editions .shadow-box .feature-column.feature-number{width:28%;}
.windows-editions .shadow-box .feature-column{width:24%;}
.feature-table .shadow-box .feature-column:last-child li{border-right: none;}
.feature-table.windows-editions::after {height: 360px;}
.add-ons-bg {min-height: 350px;}
.add-ons-block {padding:60px 0;overflow:hidden;}
.add-ons-bg img {box-shadow:0 0 60px rgba(60,60,60,0.2); border-radius: 12px;}
.add-ons-bg::after{position:absolute;content:"";background-image:url(../images/add-ons-bg.png);left:-120px;top:-70px;background-repeat:no-repeat;width:630px;height:480px;z-index:-1;} 
.add-ons-bg.right::after {right: -120px;top: -70px;	left:auto;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.inner-header .window-header-text .text-container h1::before {position: absolute;background-image: url(../images/window-header.png);
	content:'';height: 140px;width: 180px;background-repeat: no-repeat;z-index: -1;left: -50px;top: -50px;background-size:contain;}
.inner-header .window-header-text .text-container h1 {color: #fff;position: relative;padding-left: 10px; margin-left:70px;}
.inner-header .window-header-text .text-container h1::after {position: absolute;background-image: url(../images/doted-arow.png);
content: '';height: 90px;width: 110px;background-repeat: no-repeat;right: -90px;bottom: -100px;}
.header .window-header-text .text-container .large {margin-left: 80px;}


/*----------------------Surpass-for-Windows----------------------*/

.about-surpass-icon {position:absolute;right:110px;top: 30px;background-color:#a6d271;color:#fff;height:90px;width:90px;border-radius:100px;text-align:center;font-size:40px;padding:12px 20px 0;	}
.about-surpass-icon img {max-width:100%;}
.about-surpass-icon.yellow {left:-20px;top:50%;background-color:#f7ce26;}
.about-surpass-icon.blue {bottom: 20px;top: auto;background-color:#42a5f5;}

/*-----------------------testimonial-page-----------------------*/
.success-stories {background:linear-gradient(0deg,#ecf0f5 50%,#fff);position:relative;padding-bottom:135px;}
.success-stories::before {position:absolute;content:'';right:0;bottom:0;background-image: url(../images/inner-header-cruve-bg.png);background-repeat: no-repeat;height: 76px;width: 100%;background-size: auto;}
.success-stories .case-study-box {height: 350px;overflow: hidden;position: relative;display: block;}
.success-stories .case-study-box::after {position: absolute;content: "";height: 60px;width: 100%;background: linear-gradient(0deg ,#fff 50%,#fff0);left: 0;bottom: 0;}
.success-stories .case-study-box:hover , .customer-quotes .customer-quotes-box:hover {background-color:#fff;box-shadow:0 0 35px rgba(66,165,245,0.4);color: #3f3f3f;}
.success-stories .case-study-box:hover p ,.customer-quotes .customer-quotes-box:hover p{color: #6f6f6f;}
.success-stories .case-study-box img {border: 2px solid #fff;position: relative;z-index: 99;height: 100px;width: 100%;object-fit: cover;}
.success-stories .case-study-box:hover .img-bg-shape{background:linear-gradient(0deg,#3089d2,#42a5f5);}
.success-stories .case-study-box .img-bg-shape {text-align: center;width:160px;background-color:#ecf0f5;padding: 25px 32px;position: relative;height: 155px;}
.success-stories .case-study-box .img-bg-shape::after {background-repeat:no-repeat;height:100%;width:100%;right:0;bottom:0;background-size:cover;background-image:url(../images/success-stories-overlay.png);position:absolute;content:'';}
.success-stories .case-study-box .case-study-heading {width:55%;}
.customer-quotes .customer-quotes-box img {border-radius: 110px;height: 70px;width: 70px;border: 3px solid #bdc7d3;max-width:none;object-fit: cover;}
.customer-quotes .customer-quotes-box {min-height: 300px;padding-bottom:0px;position:relative;}
.customer-quotes .customer-quotes-box::after {position:absolute;content:'';right:15px;top:15px;background-image:url(../images/inverted-coma.png);background-repeat:no-repeat;height:60px;width: 60px;background-size: contain;z-index:0px;}
.customer-quotes .customer-quotes-box .wave-bg {background: linear-gradient(0deg,#fff,#ecf0f5 50%);margin:0 -16px;padding:40px 15px 15px;position:relative;min-height:135px;border-radius:0 0 4px 4px;}
.customer-quotes .customer-quotes-box .wave-bg p {line-height:20px;}
.customer-quotes .customer-quotes-box .wave-bg::after {position:absolute;content:'';background-image:url(../images/customer-quotes-wave.png);background-repeat:repeat-x;height:30px; width:100%;left:0;top:0;background-size: contain;}
.customer-quotes .customer-quotes-box  .customer-quotes-text{height: 170px;overflow:hidden;z-index:9;position:relative;}
.customer-quotes .customer-quotes-box:hover .wave-bg{background: linear-gradient(0deg,#2d8dda,#42a5f5 50%);}
.customer-quotes .customer-quotes-box:hover , .customer-quotes .customer-quotes-box:hover .wave-bg p{color:#fff;}
.success-stories.success-stories-list {background:none;padding: 0;}
.success-stories.success-stories-list::before {display: none;}

/*----------------------case-study-detail----------------------*/
.case-study-detail li , .case-study-detail p {text-align:justify;text-justify:inter-word;}
.case-study-detail li , .download-page li {margin-bottom: 15px;padding-left: 30px;background-image: url(../images/bullet-point.png);background-repeat: no-repeat;background-position: top 5px left;}
.case-study-detail .custom-upload{border-radius: 6px;box-shadow: 0 0 7px rgba(0,0,0,0.15);float:right;}
.case-study-detail .case-study-main-img{float:left;width:50%;padding:0 8px;margin-right:15px;}
.case-study-main-img .image-overlay {height: 539px;width: 100%;}

/*----------------------FAQ----------------------*/
.faq h6 { font-weight:400;letter-spacing:0;margin:0px;}
.faq .collapse { display: none;}
.faq .collapse.show{display:block;}
.faq .btn.btn-link {color:#000;box-shadow:none;text-decoration:none;padding:30px 15px 0 !important;}
.faq .btn.btn-link.collapsed {padding:30px 15px !important;}

.faq .btn.btn-link:hover {text-decoration:none;color: #42a5f5;}
.faq .btn.btn-link, .faq .btn.btn-link .jw-check  {background:transparent;padding:6px 0;}
.faq .btn.btn-link .jw-check .fa-minus{display:block;margin-right: 10px;}
.faq .btn.btn-link .jw-check .fa-plus{display:none;margin-right: 10px;}
.faq .card-body {padding:0; margin-left: 50px;}
.faq .btn.btn-link ,.faq .btn.btn-link.collapsed:hover {color: #42a5f5;}
.faq .btn.btn-link.collapsed {color: #3f3f3f;}
.faq .btn.btn-link.collapsed .jw-check .fa-minus{display:none;}
.faq .btn.btn-link.collapsed .jw-check .fa-plus{display:block;}
.faq .card {border: none;border-bottom: 2px solid #f0f3f7 !important;}
.faq .card:last-child {border: none !important;}
.faq .card-header {background: none;border-radius: 0;border: none;padding:0px;}

/*----------------------FAQ----------------------*/
.image-overlay-shape.cloud-img::before {background-image: url(../images/image-overlay-shape-blue.png);}

/*-------------custom-checkbox-------------*/
.checkmark {position:absolute;top:0;left:-2px;height:25px;width:25px;background-color:#eee;cursor:pointer;}
.checkbox-main {position:relative; margin:0px;}
.checkbox-main:hover input ~ .checkmark {background-color: #ccc;}
.checkbox-main input:checked ~ .checkmark {background-color: #fff;}
.checkmark:after {content: "";position:absolute;display: none;}
.checkbox-main input:checked ~ .checkmark:after {display: block;}
.checkbox-main .checkmark:after , .checkbox-main .checkmark::before {left: 7px;top: 5px;width: 9px;height: 15px;border: solid #89c049;border-width: 0 0.25rem 0.25rem 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);border-radius:1px;}
.checkmark:before {left: 9px !important;top: 5px !important;width: 7px !important;border-width: 0 0.2rem 0.2rem 0!important;height: 13px !important;border-color: #fff !important;content: "";position: absolute; display:block;}
.checkbox-main input:checked ~ .checkmark:before {display: none;}
/*-------------custom-checkbox-------------*/

/*contact-us*/

.contact-us-main .support.side-space {background:url(../images/contact-us-form-bg.png) , linear-gradient(0deg,#ecf0f5 50%,#fff);background-repeat:no-repeat;background-size:contain;background-position:top right;min-height:auto;padding: 4rem 0 344px;}

.contact-us-main .curve-support img{
    max-width: none !important;
}
.page-section.contact-us-main {margin: 2.3rem 0 !important;}
.contact-us-main .support-image {position:absolute;left:40px;bottom:-250px;}

/*radio-btn*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {position:absolute;visibility: hidden;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content:'';position:absolute;left:0;top:2px;width:17px;height:17px;border:2px solid #42a5f5;border-radius:100%;background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content:'';width:9px;height:9px;background:#42a5f5;position:absolute;top:6px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity:0;-webkit-transform:scale(0);transform:scale(0);}
[type="radio"]:checked + label:after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/*contact-us*/
.btn-switch input {visibility:hidden !important;left:0 !important;}
.preferred-method span label::before ,.preferred-method span label::after{display: none !important;}
[type="radio"]:checked + label i.connect-icon   {background-color: #42a5f5 !important;color:#fff !important;transition: ease 0.8s all !important;}
.preferred-method span label{padding: 0px !important;margin-bottom: 0px !important;}
.submit-email .input-group .EMAIL{width: calc(100% - 80px);padding-top:0px !important;}

select option:hover:active:focus {background-color: #42a5f5;color:#fff;}
select option , select option {background-color:#fff;}
.carousel-item p{display:none;}
.carousel-item.active p{display: block;}
div.wpcf7 .ajax-loader{display: none;}
.sweet-alert .sa-icon.sa-warning {border-color:#e34242;}
.sweet-alert .sa-icon {width:60px;height:60px;margin:15px auto 0;}
.sweet-alert .sa-icon.sa-warning .sa-body {height:28px;background-color:#e34242;}
.sweet-alert .sa-icon.sa-warning .sa-dot {background-color:#e34242;}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {width:18px;left:9px;top:36px;}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {width:36px;right:8px;top:30px;}
.sweet-alert .sa-icon.sa-success .sa-placeholder {width:60px;height:60px;}
.sweet-alert .sa-icon.sa-success::before {top:-7px;left:-20px;}

.submit-email input:required {box-shadow: none;}
#jssor_1 .testimonial-content:first-child div {display: none !important;}

.system-requirements .content-list li {margin-bottom: 15px;padding-left: 30px;background-image: url(../images/bullet-point.png);background-repeat: no-repeat;
    background-position: top 5px left;}

.system-requirements .cl {margin-top: 30px;}
.thankyou-page{height: calc( 100vh - 125px);display: flex;align-items: center;text-align: center;background: linear-gradient(0deg ,#ecf0f5 ,#fff);position: relative;z-index: 0;min-height: 500px;padding-top: 90px;}
.thankyou-page .main-heading {font-weight: 600;line-height: 75px;font-size: 65px;}
.thankyou-page .content {background-color:#a3d075;padding: 90px 30px;border-radius: 0px;color:#fff;position: relative;box-shadow: 15px 15px 20px rgb(163, 208, 117,0.2);}
.thankyou-page .content::after {background-color:#dfead1;position: absolute;right: -15px;bottom: -20px;height: 250px;width: 250px;z-index: -1;content: "";border-radius: 0px;}

#progressTimer {width: 100%;position: absolute;bottom: -6px;border-radius: 0;height: 6px;left: 0;transform: rotate(180deg);}
#progressTimer .progress {height:6px;border-radius: 0;background-color:#719849;}
#progressTimer .progress-bar {background-color:#a3d075 ;}

.addon-check::after {position: absolute;content: '';top: 0px;right: 0px;font-size: 10px;color:#42a5f5;padding: 0px;text-transform: capitalize;letter-spacing: 0.5px;
	border-radius: 0;font-weight: 500;background-image: url(../images/add-ons.png);background-size: contain;background-repeat: no-repeat;height: 70px;width: 50px;}
.addon-check {position: relative;}
.carousel-control-next-icon {background-image: url(../images/slider-right-arow.png);background-size: contain;height: 35px;width: 35px;}
.carousel-control-prev-icon{background-image: url(../images/slider-left-arow.png);background-size: contain;height: 35px;width: 35px;}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.feature-table .feature-column h4 {font-size: 18px;}
.loding-img-main {height:100%;width:100%;margin:0;padding:0;font-size:100%;background:rgba(255,255,255,0.6);text-align:center;position:fixed;z-index:9999999;top:0;left:0;}
.loader-dot {  width: 15px;  height: 15px;  background: #26b6ef;  border-radius: 100%;  display: inline-block;  animation: slide 1s infinite;}
.loader-dot:nth-child(1) {animation-delay: 0.1s;background: #26b6ef;}
.loader-dot:nth-child(2) {animation-delay: 0.2s;background: #6abcbd;}
.loader-dot:nth-child(3) {animation-delay: 0.3s;background: #95c09e;}
.loader-dot:nth-child(4) {animation-delay: 0.4s;background: #d0c673;}
.loader-dot:nth-child(5) {animation-delay: 0.5s;background: #ffca51;}

@-moz-keyframes slide {
0% {
 transform: scale(1);
}
 50% {
 opacity: 0.3;
 transform: scale(2);
}
 100% {
 transform: scale(1);
}
}
@-webkit-keyframes slide {
0% {
 transform: scale(1);
}
 50% {
 opacity: 0.3;
 transform: scale(2);
}
 100% {
 transform: scale(1);
}
}
@-o-keyframes slide {
0% {
 transform: scale(1);
}
 50% {
 opacity: 0.3;
 transform: scale(2);
}
 100% {
 transform: scale(1);
}
}
@keyframes slide {
0% {
 transform: scale(1);
}
 50% {
 opacity: 0.3;
 transform: scale(2);
}
 100% {
 transform: scale(1);
}
}
.loader-inner {height: 100%;display: flex;align-items: center;text-align: center;margin: auto;width:80px;}
.download-page .text-features {min-height: auto;}
.download-page .text-features img {max-width:100%;filter:brightness(1.9);}
.download-page .text-features:hover img {max-width:100%;filter:none;}
.download-page .text-features h5 {width: auto;}
.add-ons-block .text-container {margin-top: 30px;}
.system-requirements .content-list ul{margin-left:15px;}
.responsive-title {display: none;}
.header.congregational-header {min-height: 640px;margin-top: 80px;background-image: url('../images/congregational-library-bg.jpg');}
.congregational-testimonial .testimonial-content div {padding-top: 30px !important;}
.congregational-testimonial #jssor_1{min-height: 280px !important;height: auto !important;}
.congregational-header .header-overflow-icon {position: absolute;width: 190px;background: linear-gradient(0deg,#2d8dda,#42a5f5 50%);
padding: 32px 55px;border-radius: 140px;left: calc(50% - 120px);bottom: 0;z-index:1000;box-shadow: 0 0 23px rgba(0,0,0,0.1);}   
.congregational-header .header-overlay {position: absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;z-index:0; background-color:rgba(255,255,255,0.7);}   
.warning input {border: 1px solid #ef6262 !important;}

.scroll-hide{overflow: hidden;}



ul.nav-hover-dropdown { border-radius: 4px;background-color:#fff;border: 1px solid #e2e2e2;position: absolute;width: 200px;
	left:calc(50% - 60px);top: 55px;text-align: left; box-shadow: 4px 4px 11px rgba(0,0,0,0.1);display: none;z-index: 99;}
li.nav-item:hover  ul.nav-hover-dropdown {display: block;}
ul.nav-hover-dropdown li{ background-color: #fff;border-radius: 4px; }
ul.nav-hover-dropdown li a.nav-link{ padding: 0 10px !important; color: #202020 !important; line-height: 45px;
    font-size: 17px !important; }
ul.nav-hover-dropdown li a.nav-link:hover{ color: #49a8f5!important;background-color: #f1f1f1; }
ul.nav-hover-dropdown::after {    position: absolute;    content: '';    border-bottom: 10px solid #e2e2e2;    border-top: 10px solid transparent;
    height: 20px;    width: 20px;    top: -20px;    left: 8px;    border-left: 10px solid transparent;    border-right: 10px solid transparent;
}
.dropdown-icon {font-size: 12px;transition: ease 0.5s all} 

.navbar-dark .navbar-nav .active>.nav-link:hover .dropdown-icon{transform: rotate(180deg);}

.site-map.system-requirements #text_box {margin-top: 40px;}


.site-map.system-requirements .content-list ul {margin-left: 15px;border-left: 1px dashed #a0a0a0;position: relative;}

.site-map.system-requirements .content-list ul::before {position: absolute;content: "";height: 10px;width: 20px;background-color: #fff; bottom: 0;left: -7px;}

.site-map.system-requirements .content-list ul::after {position: absolute;content: "";width: 20px;height: 20px;left: -8px;top: -16px;background-color: white;z-index: 0;}

.site-map.system-requirements  .content-list li {margin-bottom: 60px;padding-left: 30px;position: relative;padding-top: 0px;background-image: none;}


.site-map.system-requirements  .content-list li::before {position: absolute;content: "";background-color: transparent;width: 10px;
height: 10px;left: -2px;top:4px;border-bottom: 7px solid transparent;border-top: 7px solid transparent;border-left: 8px solid #a0a0a0;
border-right: 8px solid transparent;}

.site-map.system-requirements .content-list li a {  color: #202046; position: relative;    padding-left: 25px;}
.site-map.system-requirements .content-list li a::hover {  color: #42a5f5;}


.site-map.system-requirements .content-list li a::after {position: absolute;content: "";height: 1px;width: 44px;border-top: 1px dashed #a0a0a0;
left: -29px;top: 7px;}

.site-map.system-requirements .content-list li a.inner::before {    position: absolute;    content: "";    height: 30px;    width: 1px;
    border-left: 1px dashed #a0a0a0;    left: 15px;    top: 8px;}

.site-map.system-requirements .firstL ul {    margin-top: 20px;}

.site-map.system-requirements .firstL ul::after {display:none;}

.site-map.system-requirements .firstL ul li {    margin-bottom: 30px;}