body {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

h1, 
h2,
h3 {
  font-family: "Poppins", sans-serif;
}
h5 {
  font-weight: 600;
}
h1 {
  font-weight: 600;
}
h3 {
  font-weight: 800;
}
.highlight {
  font-weight: 800;
}
.link-word:hover {
  color: #69297f;
}
.button-secondary-style{

  background-color: #d35192;
  color:white;
  border: 0;
}
.button-secondary-style:hover{

  background-color: #69297f;
  color:white;
  border: 0;
}
.button-general-hover {
  color: black;
  border: transparent;
  background-color: transparent;
  font-size: 20px;
  font-weight: 500;
  padding-left: 2px;
}
.button-general-hover:hover {
  color: #69297f;
  text-decoration: underline;
  border: transparent;
  background-color: transparent;
  font-size: 20px;
  font-weight: 500;
}
.button-primary-hover {
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #b4b4b4;
  color: #fff;
  font-size: 18px;
  padding: 5px 30px;
}
.button-primary-hover:hover {
  border-radius: 5px;
  background-color: #d35192;
  border: 1px solid #d35192;
  color: #fff;
  font-size: 18px;
  padding: 5px 30px;
}
.button-secondary-hover {
  background-color: #d35192;
  border-radius: 5px;
  border: none;
  color: white;
  font-size: 18px;
  padding: 8px 50px;
}
.button-secondary-hover:hover {
  background-color: #69297f;
  border-radius: 5px;
  border: none;
  color: white;
  font-size: 18px;
  padding: 5px 50px;
}
.button-secondary-hover-tab {
  background-color: #d35192;
  border-radius: 5px;
  border: none;
  color: white;
  font-size: 18px;
  padding: 5px 50px;
}
.button-secondary-hover-tab:hover {
  background-color: #69297f;
  border-radius: 5px;
  border: none;
  color: white;
  font-size: 18px;
  padding: 5px 50px;
}
/*----------------------------------GENERAL SECTION-------------------------------*/
/*------------------------------------Footer--------------------------------------*/
.footer {
  background-color: #69297f;
  padding-bottom: 30px;
  color: white;
}
.footer-list {
  border-right: 1px solid white;
  margin-top: 30px;
}
.footer-list h4 {
  padding-bottom: 20px;
  text-decoration: none;
  list-style-type: none;
}
.footer-list li {
  padding-bottom: 5px;
  text-decoration: none;
  list-style-type: none;
}
.footer-list a:hover {
  padding-bottom: 5px;
  text-decoration: underline;
  list-style-type: none;
}
.last-list {
  padding-top: 30px;
}

.last-list p {
  margin: 0%;
  padding: 0%;
}
.copyright-list {
  list-style: none;
}

.copyright-list a {
  padding-left: 10px;
  padding-right: 15px;
  color: white;
  border-right: 1px solid white;
}
.copyright-list li {
  display: inline;
}

.social{
  align-items: center;
  display: inline-block;
  padding: 10px;
}

.social-icon{
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
}

.fb-icon{
  background-image: url(../Images/icon/fb-icon-01.svg);
}

.fb-icon:hover{
  background-image: url(../Images/icon/fb-icon-hover-01.svg);
}

.yt-icon{
  background-image: url(../Images/icon/yt-icon-01.svg);
}

.yt-icon:hover{
  background-image: url(../Images/icon/yt-icon-hover-01.svg);
}

.tw-icon{
  background-image: url(../Images/icon/tw-icon-01.svg);
}

.tw-icon:hover{
  background-image: url(../Images/icon/tw-icon-hover-01.svg);
}

.in-icon{
  background-image: url(../Images/icon/in-icon-01.svg);
}

.in-icon:hover{
  background-image: url(../Images/icon/in-icon-hover-01.svg);
}

.insta-icon{
  background-image: url(../Images/icon/insta-icon-01.svg);
}

.insta-icon:hover{
  background-image: url(../Images/icon/insta-icon-hover-01.svg);
}





.social-media li {
  display: inline;
}
.social-media a {

  font-weight: bold;
  padding-left: 10px;
  color: #707070;
}

.facebook {
  align-items: center;;
  width: 30px;
  height: 30px;

}
.facebook a:hover {
  color: #4267b2;
}
.youtube a:hover {
  color: #b31717;
}
.insta a:hover {
  color: #8a3ab9;
}
.twitt a:hover {
  color: #1da1f2;
}
.linkedin a:hover {
  color: #0a5888;
}

.form-control-drop {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    appearance: auto;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*--------------------------------Section-2--------------------------------------*/
.seperator {
  color: white;
  background-image: url(../Images/seperator-bg-02@2x.png);
  text-align: left;
  background-repeat: no-repeat;
  background-size: cover;
}
.content p {
  padding-top: 20px;
  padding-bottom: 20px;
}
.sec_2_row_2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*-------------------------------FOR LARGE SCREEN------------------------------*/

/*-------------------------------Navigation section----------------------------*/
.navSec {
  border-bottom: 1px solid #cecece;
  background-color: #69297f;
}

.navSec2{
  border-bottom: 1px solid #3d3d3d !important;
  background-color: #3d3d3d;
}


.navSec2 ul.navbar-nav li a{
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.navSec2 ul.navbar-nav li a:hover{
  color: #fff;
}

.navSec2 .topbarbtn{
  background-color: #d35192;
  padding: 3px 10px !important;
  text-decoration: none;
  margin-top: 2px;
  margin-left: 20px;
  border-radius: 2px;

}
.navSec2 .topbarbtn:hover{
  text-decoration: none;
}

/*--Logo--*/
.logo {
  font-weight: 700;
  font-size: 26px;
  width: auto;
  text-align: left;
  color: #59b2f8;
}
.logo:hover {
  color: #59b2f8;
}
.navicon {
  outline: 0;
  padding: 0;
  color: grey;
}

/* Navbar container */
.navigation-bar {
  padding-right: 35px;
  margin-top: 2px;
  overflow: hidden;
}

/* Links inside the navbar */
.navigation-bar a {
  font-weight: 500;
  float: right;
  font-size: 17px;
  color: #707070;
  text-align: center;
  padding: 0px;
  padding-top: 5px;
  text-decoration: none;
  margin-left: 10px;
  border-bottom: 2px solid transparent;
}
.navigation-bar a:hover {
  text-decoration: underline;
  color: #69297f;
}
/*Sign-in button*/
.sign-in {
  margin-left: 2px;
}
.icon {
  color: white;
  margin-top: 3px;
  margin-right: 8px;
}
.sign {
  padding-right: 0%;
  padding-top: 2px;
  font-size: 17px;
  border: transparent;
  background-color: white;
  color: #707070;
}

/*----------------------------------Section-1-------------------------------------*/
.section-1 {
  border-bottom: 1px solid #cecece;
}
.hr {
  border-bottom: 1px solid #f0f0f0;
}

.sec_1_row_1 {
  padding-top: 50px;
}
.br {
  border-right: 1px solid #cecece;
}

.content {
  padding-top: 30px;
  padding-bottom: 50px;
}

.verTab li a {
  padding-bottom: 15px;
  padding-top: 15px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
.verTab li {
  background-color: transparent;
  border-top: 1px solid #fbfaf1;
  width: 100%;
}
.verTab li .active,
.verTab li:hover,
.verTaabactive {
  background-color: #fbfaf1;
  color: #69297f;
  font-weight: 500;
}

.verTaab {
  padding: 0%;
}

.verTab a {
  color: #b4b4b4;
  font-size: 18px;
  font-weight: 500;
}
.verTab a:hover {
  color: #69297f;
  font-weight: 500;
}
.tabRight {
  background-color: #fbfaf1;
  border-bottom-left-radius: 40px;
  border-top-right-radius: 40px;
  padding-left: 40px;
  padding-bottom: 90px;
}
.tabRight_heading {
  font-family: "Poppins";
  font-weight: 600;
  padding-top: 80px;
  padding-bottom: 20px;
}
.tabRight_button_1 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.tabRight_button_2 {
  margin-bottom: 80px;
}
.system {
  padding-top: 20px;
}
.system-div {
  padding-left: -10%;
}
/*--------------------------------Section-3--------------------------------------*/

.cardLeft {
  margin-top: 220px;
}

.image {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.cardL {
  height: 280px;
  margin-right: -30px;
  border: none;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
}
.card-no-Rbrd {
  border-right: none;
}
.card-no-Bbrd {
  border-bottom: none;
}

.spacer-1 {
  padding-top: 5%;
  margin-left: 14px;
}
.spacer-2 {
  padding-bottom: 5%;
  margin-left: 29px;
}
.margin {
  border-right: 1px solid #f0f0f0;
}

/*---------------------------------------Section-6--------------------------------------*/
.flex-box {
  background-color: #69297f;
  padding-bottom: 200px;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.flex-container > div {
  border-radius: 10px;
  background-color: white;
  color: #eaeaea;
  width: 200px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}
.flex-container-m > div {
  border-radius: 10px;
  background-color: white;
  color: #eaeaea;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}
/*----------------------------------Section-4-------------------------------------*/
.testimonial-img {
  width: 100%;
}
.flex-img-column {
  padding: 0%;
}

.video-icon-text {
  border-radius: 0px 10px 10px 0px;
  padding-top: 80px;
  padding-bottom: 50px;
  padding-left: 60px;
  background-color: #fbfaf1;
}
.forPosition {
  margin-top: 350px;
}

/*-------------------------------------Section-5----------------------------------*/
.services {
  padding-bottom: 20px;
}
.services-card {
  justify-content: center;
  margin-top: 70px;
}
.cardS {
  margin-right: -30px;
  border: none;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
}
.imageS {
  width: 60px;
  height: 60px;
  margin-left: -100px;
  margin-top: 20px;
}
.service-text p {
  padding: 0;
  margin: 0;
}
.service-text-1 {
  border-bottom: 1px solid #f0f0f0;
}
.service-text-1-contact {
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}
.follow {
  padding: 0;
  margin: 0;
}
/*--------------------------------FOR SMALL SCREEN---------------------------------*/
.show {
  border: none;
  width: 100%;
}
.show li {
  border-bottom: 1px solid #cecece;
  padding-top: 10px;
  padding-bottom: 10px;
}
.show a {
  color: #707070;
  padding-left: 20px;
}
.show a:hover {
  color: #69297f;
}
.navigation-bar-for-ipad-and-mobile-screen {
  display: none;
}

.navSec-1 {
  border-bottom: 1px solid #cecece;
  background-color: #69297f;
  padding: 6px;
}
.dropdownn-title {
  font-weight: 600;
}

/*--Logo--*/
.top {
  padding-top: 3px;
}

.logo-1 {
  font-weight: 500;
  font-size: 20px;
  width: auto;
  text-align: left;
  color: #d4d4d4;
  padding-left: 50px;
}
.logo-1:hover {
  color: #59b2f8;
}
.icon-1 {
  background-color: #69297f;
  color: white;
  margin-top: 10px;
  float: right;
  padding-right: 40px;
}
.navIcon {
  color: #707070;
}
/*----------------------------------Section-1.1-----------------------------------*/
.cursor {
  display: none;
}
.carousel-item {
  padding-top: 30px;
}

.crm-img {
  margin-right: 10px;
  padding-left: 10px;
}
.crm-img-cur {
  padding-left: 2px;
  margin-right: 30px;
}
/*-------------------------------------Section-3.1----------------------------------*/
.cardCarousel {
  display: none;
}

.curCard {
  margin-top: 30px;
  margin-bottom: 30px;
}
/*-----------------------------------------------------*/

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------PRODUCT PAGE--------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/
.line-2 {
  padding-top: 13px;
  padding-bottom: 10px;
  display: inline-flex;
}
.navigation-bar-1 {
  display: inline;
  margin-top: 2px;
  overflow: hidden;
}
.word-1 {
  padding-left: 20px;
  margin-bottom: 0px;
  padding-top: 0px;
  font-weight: 600;
  font-size: 21px;
}
.erp-ancor:hover {
  text-decoration: none;
}

.navigation-bar-1 li {
  padding-left: 30px;
  display: inline;
}
.navigation-bar-1 a {
  display: inline;
  font-weight: 500;
  font-size: 17px;
  color: #707070;
  padding: 0px;
  padding-top: 5px;
  text-decoration: none;
  margin-left: 10px;
  border-bottom: 2px solid transparent;
}
.navigation-bar-1 a:hover {
  text-decoration: underline;
  color: #69297f;
}

.navsec-line-2 {
  border-bottom: 1px solid #cecece;
}

/*ERP section*/
.erp-content {
  padding-top: 80px;
  padding-bottom: 60px;
}

.erp-title {
  padding-bottom: 0px;
}
.erp-text {
  padding-bottom: 20px;
}

/*HORIZONTAL TAB*/
.btn-secondary-horTab {
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
}
.btn-secondary-horTab:hover {
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #69297f;
  color: white;
}

.hor-tab-content {
  padding-top: 50px;
}
.nav-tabs-bottom {
  border: 0px;
}
.hor-tab-link {
  border-bottom: 1px solid #fbfaf1;
}
.screenshopt-img-section {
  padding: 0%;
}
.screenshot-text {
  padding-bottom: 30px;
}
.hor-tab-link {
  padding: 0%;
}
.hor-tab-link li {
  border-right: 2px solid #fbfaf1;
}

.hor-tab-link a {
  padding: 20px 30px;
  color: #b4b4b4;
  font-size: 18px;
  font-weight: 600;
}
.hor-tab-link a:hover {
  font-weight: 900;
  color: #69297f;
  font-weight: 600;
}
.tab-hor {
  padding-bottom: 35px;
  margin-bottom: 50px;
}

/*ERP Card*/
.erp-card-1 {
  border: none;
  border-top: 1px solid #fbfaf1;
  border-right: 1px solid #fbfaf1;
}
.erp-card-2 {
  border: none;
  border-top: 1px solid #fbfaf1;
}
.erp-card-1 {
  padding: 0%;
}
.erp-card-2 {
  padding: 0%;
}

.erp-card-body-1 {
  padding-left: 50px;
  padding-top: 40px;
  padding-bottom: 60px;
}
.erp-card-body-2 {
  padding-left: 50px;
  padding-top: 40px;
  padding-bottom: 60px;
}

/*Product Card*/
.product-card-com {
  padding-left: 5px;
}

.features-card-section {
  padding-bottom: 100px;
}

.product-card-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.product-card {
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
.product-card-body {
  background-color: transparent;
  padding-left: 30px;
  padding-bottom: 30px;
}
.product-card-com :hover {
  cursor: pointer;
  background-color: #fbfaf1;
}
.product-card-title {
  font-weight: 600;
}

.product-card-sub-text {
  font-size: 13px;
  margin-bottom: 3px;
}

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------FINANCE PAGE--------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/
.hero-with-video {
  padding-bottom: 10px;
  background-color: #fbfaf1;
}
.finance-hero-section {
  padding-bottom: 10px;
  background-color: #fbfaf1;
}
.about-hero-section {
  background-image: url(../Images/goodbooks-aboutus.jpg);
  padding-top: 50px;
  padding-bottom: 150px;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
}

.career-hero-section {
  background-image: url(../Images/goodbooks-career.jpg);
  padding-top: 50px;
  padding-bottom: 150px;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
}

.contact-hero-section {
  background-image: url(../Images/goodbooks-contactus.jpg);
  padding-top: 50px;
  padding-bottom: 150px;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
}

.abt-us-sec-1{
  padding-top: 100px;
  padding-bottom: 100px;
}
.abt-us-text-sec-1{
  padding-right: 80px;
}
.about-hero-section-button {
  margin-top: 110px;
  float: right;
}
.abt-us-sec-1-title{
  color: #69297f;
}
.about-us-grp-img{
  width: 100%;
  height: 90%;
}
@media only screen and (max-width: 992px) {
  .abt-us-text-sec-1{
  padding-right: 0px;
}
.about-us-grp-img{
  width: 100%;
  height: 70%;
}
}
.finance-hero-section-button {
  margin-top: 110px;
  float: right;
}
.general-info {
  padding-bottom: 80px;
}
.general-info_R {
  padding-bottom: 80px;
}
.general-info-img {
  padding-top: 80px;
}

.general-info-img_R {
  padding-top: 80px;
  padding-left: -40px;
}
.general-info-content {
  padding-left: 100px;
  padding-top: 80px;
}
.general-info-content_R {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 80px;
}
.finance-screen {
  width: 520px;
  box-shadow: 20px 20px #d5f2ff;
}
.finance-screen_R {
  width: 520px;
  box-shadow: -20px 20px 0px 0px #d5f2ff;
}
.erp-box {
  background-image: url(../Images/Mask\ Group\ 3.png);
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding-bottom: 200px;
  padding-left: 100px;
}

.hrms-box {
  background-image: url(../Images/goodbooks-hrms@3x.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 200px;
  padding-left: 100px;
}

.is-box {
  background-image: url(../Images/elements_home_page/industry-solutions@2x.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 200px;
  padding-left: 100px;
}
.crm-box {
  background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 200px;
  padding-left: 100px;
}
.tms-box {
  background-image: url(../Images/goodbooks-tms@3x.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 200px;
  padding-left: 100px;
}
.hrms-module-img {
  width: 30%;
  margin-left: 15px;
  margin-top: 20px;
}
.hrms-product-card-section {
  height: 380px;
}
.recruitment-content {
  border-bottom: 1px solid #e4e4e4;
}
.recruitment-block-1 {
  padding-top: 50px;
  padding-bottom: 30px;
}

.add-image-block {
  padding-top: 30px;
  padding-bottom: 30px;
}
.recruitment-block-3 {
  padding-bottom: 50px;
}
.recruitment-img {
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.add-img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------PRICING PAGE--------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/

.hrms-price-det {
  padding: 20px 0px 20px 10px;
  border-radius: 10px;
  border: 1px solid #e4e4e4;
  margin-top: 20px;
}
.hrms-price-det div {
  border-right: 1px solid #e4e4e4;
  padding-left: 20px;
}
.hrms-price-det div:last-child {
  border-right: none;
}
.buy-now-btn {
  margin-top: 20px;
}
.pricing-hero {
  background-color: #fbfaf1;
  padding-bottom: 50px;
}

.price-card-title {
  text-align: left;
}
.price-card-text {
  text-align: left;
}
.price-cost-text {
  text-align: left;
  padding-left: 1px;
  font-size: 15px;
}
.shedule {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
}
.features-list-title {
  margin-top:15px;
  margin-bottom: 5px;
  font-weight: 700;
  text-align: left;
}
.counting-card-sec {
  padding: 0%;
  border-radius: 0%;
  border-right: 1px solid #e4e4e4;
}
.counting-card-sec:last-child {
  padding: 0%;
  border-radius: 0%;
  border-right: none;
}
.counting-card {
  padding-left: 0px;
  border: none;
  border-radius: 0%;
}
ul {
  list-style-position: outside;
}

.counting-card-list li {
  padding-top: 5px;
  text-align: start;
  list-style-type: "\2713";
  padding-left: 20px;
  /*border-bottom: 1px solid #e4e4e4;*/
  padding-bottom: 5px;
}
.counting-card-list li:last-child {
  border-bottom: none;
}
.counting-card-list a {
  color: #676767;
  font-size: 15px;
}
.fa-long-arrow-right {
  padding-right: 20px;
}

.counting-card-sub-text {
  font-size: 13px;
  margin-bottom: 0%;
  padding-top: 20px;
}
.counting-card-title {
  font-size: 40px;
  padding-bottom: 10px;
}

.price-card {
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}
.price-card-btn-sectio {
  display: inline;
}

#accordion .accr-card .card-link {
  position: relative;
  display: block;
}
.accr-icon {
  position: absolute;
  right: 25px;
  top: 23px;
  color: #e4e4e4;
}
.accr-btn.focus,
.accr-btn:focus {
  outline: 0;
  box-shadow: none;
  color: #69297f;
}
.accr-btn:hover {
  color: #69297f;
}

.accr-card {
  border: none;
  border-top: 1px solid #e4e4e4;
}
.accr-header {
  background-color: white;
}

.accr-btn {
  text-align: left;
  font-family: "Poppins";
  color: #707070;
}
.accr-body {
  font-family: "Poppins";
  padding-left: 32px;
  color: #707070;
}
.see-more-link {
  border-top: 1px solid #e4e4e4;
  padding-top: 20px;
  font-family: "Poppins";
}
.see-more-link a:hover {
  color: #69297f;
  text-decoration: underline;
}
.plan-sec {
  background-color: white;
  padding-top: 10px;
  padding-bottom: 20px;
  border: 1px solid #e4e4e4;
}

.plan-sec p {
  padding-top: 20px;
}

.price-card {
  text-align: center;
}
.plan-btn {
  padding-left: 0%;
}
.plan-btn button {
  float: left;
}

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------RESOURCES PAGE--------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/

.demo-box {
  margin-top: 70px;
  background-image: url(../Images/Mask\ Group\ 5.png);
  padding-bottom: 500px;
  border: none;
  border-radius: 6px;
}

.eb-section {
  padding-top: 50px;
}
.eb-section h1 {
  padding-bottom: 30px;
}
.video-section {
  padding-top: 50px;
}
.video-section h1 {
  padding-bottom: 30px;
}

.eb-text {
  padding-top: 20px;
  padding-bottom: 15px;
}
.eb-card-sec {
  padding-bottom: 40px;
}
.eb-card:hover {
  background-color: #fbfaf1;
}

.eb-card {
  border: 1px solid #e4e4e4;
  border-radius: 9px;
}
.video-content {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
}
.video-content2 {
  border: 1px solid #e4e4e4;
  border-radius: 0px;
}
.video-block {
  background-color: #e4e4e4;
  padding-bottom: 150px;
}

.video-section {
  padding-bottom: 50px;
}
.plan-sec-tab {
  display: none;
}
.eb-section-card {
  display: none;
}
.video-card-slider {
  display: none;
}
.contact-column{
  background-color: #fbfaf1;
  border-radius: 0px 10px 10px 0;
}
.contact-column .address{
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*padding: 5% 20%;*/
}



/*----------------------------------------RESPONSIVE-----------------------------------*/
/*large screen*/
@media (min-width: 2560px) and (max-width: 4000px) {
  .padding-top-contact-us {
    padding-top: 70px;
  }
  .padding-top-contact-us-first-box {
    padding-top: 30px;
  }
  .padding-bottom-card-25 {
    padding-bottom: 25px;
  }

  /*Comman section*/
  .hero-heading-title {
    padding-top: 48px;
  }
  .tabRight_heading {
    font-size: 25px;
  }

  .flex_heading {
    font-size: 30px;
    color: white;
  }
  .heading-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .card-title {
    font-size: 22px;
  }
  .card-text {
    font-size: 16px;
  }
  .button-secondary-hover {
    font-size: 18px;
    padding: 5px 50px;
  }
  .button-secondary-hover:hover {
    font-size: 18px;
    padding: 5px 50px;
  }
  .button-primary-hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-primary-hover:hover {
    font-size: 18px;
    padding: 5px 30px;
  }

  .button-general-hover {
    font-size: 18px;
    font-weight: 500;
    padding-left: 2px;
  }
  .button-general-hover:hover {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
  }

  /*hero section*/
  .hero-section {
    background-image: url(../Images/goodbooks-hero@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }

  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }

  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-thankyou {
    background-color: #fbfaf1;
    width: 100%;
    background-size: cover;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-tms {
    background-image: url(../Images/goodbooks-tms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-industry-solutions {
    background-image: url(../Images/elements_home_page/industry-solutions@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }

  .hero-content {
    padding-top: 50px;
  }
  /*tab section*/
  .button-secondary-hover-tab {
    font-size: 18px;
    padding: 5px 62px 8px 62px;
  }
  .button-secondary-hover-tab:hover {
    font-size: 18px;
    padding: 5px 62px 8px 62px;
  }
  /*section-3*/
  .card-body {
    padding: 10px;
  }
  /*--footer--*/
  .footer {
    padding-top: 0px;
  }
  .footer-1 p {
    font-size: 14px;
  }
  /*-----------------------------------------------erp.html-------------------------------------*/
  .screenshopt-img {
    width: 830px;
  }
  .erp-content {
    padding-left: 200px;
  }
  .hor-tab-sm {
    display: none;
  }
  .product-card-slider {
    display: none;
  }
  /*-----------------------------------------Pricing.html---------------------------------------*/
  .counting-card-list {
    padding-left: 25px;
  }
  .demo-box-sec {
    padding-top: 50px;
  }
  /*---------------Contact us--------------*/
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfaf1;
    margin-bottom: 70px;
    background-attachment: top;
  }

  div.relative {
    position: relative;
  }

  div.absolute {
    position: absolute;
    top: 380px;
    align-content: center;
  }
  .contact-office-heading {
    padding-bottom: 50px;
  }
}

/*Desktop*/
@media (min-width: 1440px) and (max-width: 2559px) {
  .padding-top-contact-us {
    padding-top: 50px;
  }
  .padding-bottom-card-25 {
    padding-bottom: 25px;
  }
  .padding-bottom-card-28 {
    padding-bottom: 28px;
  }
  .hero-heading-title {
    padding-top: 30px;
    font-weight: 600;
  }
  .tabRight_heading {
    font-size: 24px;
  }
  .flex_heading {
    font-size: 30px;
    color: white;
  }
  .heading-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .card-title {
    font-size: 22px;
  }
  .card-text {
    font-size: 16px;
  }
  .button-secondary-hover {
    font-size: 18px;
    padding: 3px 30px 6px 30px;
  }
  .button-secondary-hover:hover {
    font-size: 18px;
    padding: 3px 30px 6px 30px;
  }

  .button-primary-hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-primary-hover:hover {
    font-size: 18px;
    padding: 5px 30px;
  }

  .button-general-hover {
    font-size: 16px;
    font-weight: 600;
    padding-left: 2px;
  }
  .button-general-hover:hover {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
  }

  /*hero section*/
  .hero-section {
    background-image: url(../Images/goodbooks-hero@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-thankyou {
    background-color: #fbfaf1;
    width: 100%;
    background-size: cover;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-tms {
    background-image: url(../Images/goodbooks-tms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-man {
    background-image: url(../Images/elements_home_page/manpower-image.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-industry-solutions {
    background-image: url(../Images/elements_home_page/industry-solutions@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .hero-content {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 30px;
  }
  /*tab section*/
  .button-secondary-hover-tab {
    font-size: 18px;
    padding: 5px 62px 8px 62px;
  }
  .button-secondary-hover-tab:hover {
    font-size: 18px;
    padding: 5px 62px 8px 62px;
  }

  /*footer*/
  .footer-1 p {
    font-size: 13px;
  }
  /*-----------------------------------------------erp.html-------------------------------------*/
  .screenshopt-img {
    width: 830px;
  }
  .counting-card-list {
    padding-left: 25px;
  }
  .erp-content {
    padding-left: 230px;
  }
  .hor-tab-sm {
    display: none;
  }
  .product-card-slider {
    display: none;
  }

  .demo-box-sec {
    padding-top: 50px;
  }
  /*---------------Contact us--------------*/
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfaf1;
    margin-bottom: 100px;
    background-attachment: top;
  }

  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
    /*margin-left: 135px;*/
    top: 370px;
  }
  .contact-office-heading {
    padding-bottom: 50px;
  }
}
/*laptop*/
@media (min-width: 1021px) and (max-width: 1439px) {
  /*contact-us page*/
  .padding-top-contact-us {
    padding-top: 50px;
  }
  .remove-contact-padding {
    padding: 0%;
    padding-left: 10px;
  }
  .padding-bottom-box-1 {
    padding-bottom: 50px;
  }
  .padding-bottom-box-2 {
    padding-bottom: 50px;
  }
  .padding-bottom-card {
    padding-bottom: 30px;
  }
  .padding-bottom-card-25 {
    padding-bottom: 50px;
  }
  /*--contact-us page-end*/
  .heading-title {
    font-size: 35px;
    font-weight: 600;
  }
  .hero-heading-title {
    padding-top: 50px;
  }
  .tabRight_heading {
    font-size: 22px;
  }
  .flex_heading {
    font-size: 30px;
    color: white;
  }
  .heading-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .card-title {
    font-size: 20px;
  }
  .card-text {
    font-size: 16px;
  }
  .button-secondary-hover {
    font-size: 18px;
    padding: 3px 30px 6px 30px;
  }
  .button-secondary-hover:hover {
    font-size: 18px;
    padding: 3px 30px 6px 30px;
  }

  .button-primary-hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-primary-hover:hover {
    font-size: 18px;
    padding: 5px 30px;
  }

  .button-general-hover {
    font-size: 16px;
    font-weight: 400;
    padding-left: 2px;
  }
  .button-general-hover:hover {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
  }
  /*hero section*/
  .hero-section {
    background-image: url(../Images/goodbooks-hero@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 350px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 350px;
  }
  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-thankyou {
    background-color: #fbfaf1;
    width: 100%;
    background-size: cover;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-tms {
    background-image: url(../Images/goodbooks-tms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-man {
    background-image: url(../Images/elements_home_page/manpower-image.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }
  .banner-industry-solutions {
    background-image: url(../Images/elements_home_page/industry-solutions@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 600px;
  }

  .hero-content {
    padding-left: 10px;
    padding-right: 30px;
  }
  /*tab section*/
  .button-secondary-hover-tab {
    font-size: 18px;
    padding: 5px 62px 8px 62px;
  }
  .button-secondary-hover-tab:hover {
    font-size: 18px;
    padding: 5px 62px 8px 62px;
  }

  /*flex*/
  .flex-container > div {
    border-radius: 10px;
    background-color: white;
    color: #eaeaea;
    width: 150px;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
  }
  /*Testimonial*/
  .testimonial-img {
    width: 100%;
  }

  .video-icon-text {
    border-radius: 0px 10px 10px 0px;
    padding-top: 50px;
    padding-bottom: 10px;
    padding-left: 40px;
    background-color: #fbfaf1;
  }
  .forPosition {
    margin-top: 350px;
  }
  /*footer*/
  .footer-1 p {
    font-size: 12px;
  }
  .service-erp-card1 {
    padding-bottom: 44px;
  }
  /*----------------------------------------------FINANCE-PAGE--------------------------------------*/
  .finance-screen {
    width: 450px;
  }
  .finance-screen_R {
    width: 450px;
  }
  .general-info-img {
    padding-top: 150px;
  }
  .general-info-img_R {
    padding-top: 150px;
  }
  .general-info-content {
    padding-right: 10px;
    padding-left: 50px;
  }
  /*----------------------------------------------ERP.HTML------------------------------------------*/
  .screenshopt-img {
    width: 690px;
  }
  .counting-card-list {
    padding-left: 5px;
  }
  .erp-content {
    padding-left: 200px;
  }
  .hor-tab-sm {
    display: none;
  }
  .product-card-slider {
    display: none;
  }

  .demo-box-sec {
    padding-top: 50px;
  }
  /*---------------Contact us--------------*/
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 200px;
    background-color: #fbfaf1;
    background-attachment: top;

    /* margin-bottom: 150px;*/
  }

  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
    /*  margin-left: 255px;*/
    top: 370px;
  }
  .contact-office-heading {
    padding-bottom: 30px;
  }
}

@media (max-width: 760px) {
  .forPosition {
    margin-top: -30px;
  }
}

/*tablet*/
@media (min-width: 768px) and (max-width: 1020px) {
  /*pricing*/
  .hrms-price-det col {
    padding: 0px;
  }
  .hrms-price-det h4 {
    font-size: 18px;
  }
  .hrms-price-det h2 {
    font-size: 24px;
  }
  .sm-navsec-line-2 {
    border-bottom: 1px solid #cecece;
    padding-top: 10px;
    padding-left: 55px;
  }
  /*comman section*/
  .heading-title {
    font-size: 27px;
    font-weight: 600;
  }
  .hero-heading-title {
    padding-top: 35px;
  }
  .tabRight_heading {
    font-size: 24px;
  }
  .flex_heading {
    font-size: 30px;
    color: white;
  }
  .card-title {
    font-size: 18px;
  }

  .heading-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .button-secondary-hover {
    border-radius: 3px;
    font-size: 18px;
    padding: 3px 20px;
  }
  .button-secondary-hover:hover {
    border-radius: 3px;
    font-size: 18px;
    padding: 3px 20px;
  }

  .button-primary-hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-primary-hover:hover {
    font-size: 18px;
    padding: 5px 30px;
  }

  .button-general-hover {
    font-size: 16px;
    font-weight: 400;
    padding-left: 2px;
  }
  .button-general-hover:hover {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
  }

  /*nav section*/
  .navigation-bar-for-large-screen {
    display: none;
  }
  .navigation-bar-for-ipad-and-mobile-screen {
    display: block;
  }
  .navbar-expand-lg {
    padding-left: 25px;
  }
  .logo-1 {
    padding-left: 70px;
  }

  /*hero section*/
  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
   }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .hero-section {
    background-image: url(../Images/goodbooks-hero@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .hero-section {
    background-image: url(../Images/Mask\ Group\ 3.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 270px;
  }
  .hero-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*------------Section-1------*/
  .tabs {
    display: none;
  }

  .cursor {
    display: block;
    padding-top: 40px;
  }
  .bg-color {
    background-color: #fbfaf1;
    border-radius: 10px;
  }
  .cur-content {
    padding-left: 40px;
    padding-right: 20px;
  }
  .cursor-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cursor-content-1 {
    padding-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
  }
  .cursor-content-2 {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
  }
  .system-cur {
    width: 400px;
    height: 250px;
  }
  .curCard {
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .button-primary-hover-tab {
    margin-right: 20px;
    font-size: 18px;
    padding: 5px 15px;
  }
  .button-primary-hover-tab:hover {
    border-radius: 5px;
    font-size: 18px;
    padding: 5px 15px;
  }
  .button-secondary-hover-tab {
    border-radius: 5px;
    font-size: 16px;
    padding: 6px 40px 6px 40px;
  }
  .button-secondary-hover-tab:hover {
    font-size: 18px;
    padding: 6px 40px 6px 40px;
  }
  .content {
    padding-bottom: 40px;
  }
  .crm-cur-content {
    padding-top: 20px;
  }

  .crm-cur-content a {
    font-size: 16px;
    font-weight: 700;
  }
  .crm-img-cur {
    padding-left: 3px;
    margin-right: 10px;
  }
  .carousel-item {
    padding-top: 0px;
  }

  .system-cur {
    margin-left: 120px;
    margin-top: 50px;
  }

  /*seperator section*/
  .seperator {
    background-image: url(../Images/seperator-bg-02@2x.png);
    background-position: bottom;
    background-size: cover;
  }
  .content {
    padding-left: 50px;
  }
  .content h1 {
    padding-top: 10px;
  }

  /*-----Section-3------*/
  .cardSection {
    display: none;
  }

  /*------Section-3.1---*/
  .cardCarousel {
    display: block;
    /* border-bottom: 1px solid #D9D9D9 ;*/
  }

  /*flex*/
  .flex-box {
    background-color: #59b2f8;
    padding-bottom: 100px;
  }
  .flex-container > div {
    border-radius: 10px;
    background-color: white;
    color: #eaeaea;
    width: 110px;
    margin: 10px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
  }
  /*Testimonial*/
  .test-text {
    font-size: 20px;
  }
  .testimonial-img {
    width: 100%;
  }
  .video-icon-text {
    border-radius: 0px 10px 10px 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    background-color: #fbfaf1;
  }
  .forPosition {
    margin-top: -30px;
  }
  /*services*/
  .atTabView {
    padding-bottom: 24px;
  }

  /*--footer--*/
  .footer-list {
    border-right: 1px solid white;
    margin-top: 30px;
  }

  .list-2 {
    border-right: 0px;
  }
  .footer h6 {
    font-size: 13px;
  }
  .footer-1 p {
    font-size: 12px;
  }
  /*------Footer-------*/
  .copyright-list a {
    font-size: 14px;
  }

  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------ERP-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .hor-tab-lg {
    display: none;
  }
  .tab-slider {
    border: 1px solid #e4e4e4;
    height: 600px;
    padding: 20px;
  }
  .screenshopt-img-sm {
    width: 600px;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .screenshot-title-sm {
    padding-bottom: 20px;
  }
  .screenshot-text-sm {
    padding-bottom: 30px;
  }
  /*product card*/
  .product-card-section {
    display: none;
  }

  .erp-content {
    padding-left: 35px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------PRICING-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .plan-sec-tab {
    border: 1px solid #cecece;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: white;
    display: block;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
  }

  .plan-sec {
    display: none;
  }
  .counting-card-list {
    padding-left: 0%;
  }

  .shedule {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------FINANCE-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .general-info-img {
    padding-left: 100px;
  }
  .general-info-img_R {
    padding-left: 120px;
  }
  .general-info-content {
    padding-left: 60px;
  }
  .general-info-content_R {
    padding-right: 15px;
  }

  .erp-box {
    background-image: url(../Images/Mask\ Group\ 3.png);
    background-size: cover;
    background-position: bottom;
    padding-bottom: 100px;
    padding-left: 100px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------RESOURCES-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/

  .demo-box {
    margin-top: 70px;
    background-image: url(../Images/Mask\ Group\ 5.png);
    padding-bottom: 300px;
    background-size: cover;
    border: none;
    border-radius: 6px;
  }
  .eb-section-card {
    padding-top: 70px;
    padding-bottom: 50px;
    display: block;
  }
  .eb-section {
    display: none;
  }
  .video-section {
    display: none;
  }
  .video-card-slider {
    display: block;
  }
  /*------------------------------Contact page--------------------------*/
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfaf1;
    margin-bottom: 30px;
    background-position-x: center;
    background-position-y: top;
  }
  .contact-office-heading {
    padding-bottom: 30px;
  }
}

/*mobile*/
@media (min-width: 375px) and (max-width: 767px) {
  /*price*/
  .buy-now-btn {
    margin-top: 0px;
    padding-top: 3px;
  }
  .hrms-price-det h4 {
    padding-top: 30px;
  }
  .hrms-price-det h2 {
    font-size: 25px;
  }
  .sm-navsec-line-2 {
    border-bottom: 1px solid #cecece;
    padding-top: 10px;
    padding-left: 30px;
  }
  /*comman section*/
  .heading-title {
    font-size: 24px;
    font-weight: 600;
  }
  .hero-heading-title {
    padding-top: 32px;
  }

  .tabRight_heading {
    font-size: 22px;
  }

  .flex_heading {
    font-size: 25px;
    color: white;
  }
  .test-text {
    font-size: 20px;
  }
  .card-title {
    font-size: 20px;
  }

  .heading-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .button-secondary-hover {
    border-radius: 3px;
    font-size: 16px;
    padding: 3px 20px;
  }
  .button-secondary-hover:hover {
    font-size: 18px;
    padding: 3px 20px;
  }

  .button-primary-hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-primary-hover:hover {
    font-size: 18px;
    padding: 5px 30px;
  }

  .button-general-hover {
    font-size: 16px;
    font-weight: 500;
    padding-left: 2px;
  }
  .button-general-hover:hover {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
  }

  /*nav section*/
  .navigation-bar-for-large-screen {
    display: none;
  }
  .navigation-bar-for-ipad-and-mobile-screen {
    display: block;
  }
  .navbar-expand-lg {
    padding-left: 5px;
  }
  .logo-1 {
    padding-left: 40px;
  }

  .icon-1 {
    margin-top: 8px;
    float: right;
    padding-right: 20px;
  }

  /*hero section*/
  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    background-size: 800px;
    padding-bottom: 150px;
  }
  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .hero-section {
    background-image: url(../Images/goodbooks-hero@1x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 350px;
  }
  .hero-section {
    background-image: url(../Images/Mask\ Group\ 3.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 350px;
  }
  .hero-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*------------Section-1.1------*/
  .tabs {
    display: none;
  }
  .cursor {
    border: none;
    display: block;
  }
  .bg-color {
    background-color: #fbfaf1;
  }
  .carousel-item {
    padding-top: 0px;
    border-radius: 8px;
  }
  .cur-content {
    padding-left: 15px;
    padding-right: 10px;
  }
  .content {
    padding-bottom: 40px;
  }
  .crm-cur-content {
    padding-top: 20px;
  }
  .crm-cur-content a {
    font-size: 16px;
    font-weight: 700;
    color: #59b2f8;
  }
  .crm-img-cur {
    padding-left: 3px;
    margin-right: 10px;
  }
  .cursor-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cursor-content-1 {
    padding-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
  }
  .cursor-content-2 {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
  }
  .system-cur {
    padding-left: 0px;
    margin-left: 0%;
    padding-right: 15px;
    padding-bottom: 30px;
    width: 500px;
    height: 200px;
  }
  .curCard {
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .button-primary-hover-tab {
    font-size: 18px;
    padding: 3px 10px;
  }
  .button-primary-hover-tab:hover {
    font-size: 18px;
    padding: 3px 10px;
  }
  .button-secondary-hover-tab {
    font-size: 14px;
    padding: 3px 20px 5px 20px;
  }
  .button-secondary-hover-tab:hover {
    font-size: 14px;
    padding: 3px 20px 5px 20px;
  }
  /*seperator*/
  .seperator {
    background-image: url(../Images/seperator-bg-02@2x.png);
    background-position: bottom;
    background-size: cover;
  }
  /*------------Section-3--------*/
  .cardSection {
    display: none;
  }
  /*-----------Section-3.1--------*/
  .cardCarousel {
    display: block;
    /* border-bottom: 1px solid #D9D9D9 ; */
  }
  .video-icon-text {
    border-radius: 0px 0px 10px 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #fbfaf1;
  }
  /*flex*/
  .flex-box {
    display: none;
  }
  .services-card {
    margin-top: 10px;
    padding-left: 70px;
    padding-right: 50px;
  }
  .cardS {
    border-right: 1px solid white;
    margin-top: 30px;
  }
  .cardS button {
    width: 80%;
  }
  .footer-list {
    border-bottom: 1px solid white;
    border-right: 0px;
    margin-top: 20px;
  }
  .list-4 {
    border-bottom: 0px;
  }
  .footer h6 {
    font-size: 13px;
  }
  .footer-1 p {
    font-size: 12px;
  }
  /*------Footer-------*/
  .copyright-list a {
    font-size: 12px;
    padding-right: 6px;
    padding-left: 0%;
  }
  .copyright-list {
    padding-left: 0px;
  }

  .footer h4 {
    font-size: 18px;
    padding-bottom: 10px;
  }
  /***************************************************Finance-page****************************************************/
  .pricing-hero-section {
    padding-top: 30px;
    padding-bottom: 30px;
    /* background-color: #fbfaf1;*/
  }
  .pricing-hero-section-button {
    padding-top: 8px;
    margin-top: 0px;
    margin-bottom: 30px;
    float: left;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------ERP-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .hor-tab-lg {
    display: none;
  }
  .screenshopt-img-sm {
    width: 350px;
    padding-left: 0px;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .tab-slider {
    border: 1px solid #e4e4e4;
    padding: 10px;
    padding-top: 20px;
  }
  .screenshot-title-sm {
    padding-bottom: 20px;
  }
  .screenshot-text-sm {
    padding-bottom: 10px;
  }
  .product-card-section {
    display: none;
  }
  .product-card-slider {
    padding-left: 15px;
  }
  .erp-content {
    padding-left: 20px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------FINANCE-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .finance-screen {
    width: 350px;
  }
  .finance-screen_R {
    width: 350px;
  }
  .general-info-img {
    padding-left: 20px;
  }
  .general-info-img_R {
    padding-left: 40px;
  }
  .general-info-content {
    padding-left: 40px;
  }
  .general-info-content_R {
    padding-left: 40px;
    padding-right: 10px;
  }
  .erp-box {
    padding-bottom: 50px;
  }

  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------PRICING-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .plan-sec-tab {
    border: 1px solid #cecece;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: white;
    display: block;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 10px;
  }

  .plan-sec {
    display: none;
  }
  .counting-card-list {
    padding-left: 0%;
  }

  .shedule {
    padding-left: 10px;
    padding-right: 10px;
  }
  .counting-card-body {
    border: 1px solid #cecece;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------RESOURCES-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/

  .demo-box {
    margin-top: 70px;
    background-image: url(../Images/Mask\ Group\ 5.png);
    padding-bottom: 200px;
    background-size: cover;
    border: none;
    border-radius: 6px;
  }
  .eb-section-card {
    display: block;
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .eb-section {
    display: none;
  }

  .finance-hero-section {
    text-align: center;
  }

  .finance-hero-section-button {
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: 130px;
    float: left; 
  }
  .video-section {
    display: none;
  }

  .video-card-slider {
    padding-bottom: 70px;
    display: block;
  }
  /*------------------------------Contact page--------------------------*/
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfaf1;
    margin-bottom: 30px;
    background-position: top;

  }
  .contact-office-heading {
    padding-bottom: 30px;
  }
}
@media (width: 375px) {
  /*price*/
  .buy-now-btn {
    margin-top: 0px;
    padding-top: 3px;
  }
  .hrms-price-det h4 {
    padding-top: 30px;
  }
  .hrms-price-det h2 {
    font-size: 25px;
  }
  .general-info-img {
    padding-left: 20px;
  }
  .general-info-img_R {
    padding-left: 35px;
  }
  .finance-screen {
    width: 300px;
  }
  .finance-screen_R {
    width: 300px;
  }
  .erp-box {
    padding-bottom: 40px;
    padding-left: 20px;
  }
  .finance-hero-section-button  {
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: 110px;
    float: left; 
  }
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfaf1;
    background-position-x: center;
    background-position-y: top;
  }
  .contact-office-heading {
    padding-bottom: 30px;
  }
  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 150px;
  }
  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
 .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
}

/*small screen*/
@media (min-width: 320px) and (max-width: 374px) {
  /*price*/
  .buy-now-btn {
    margin-top: 0px;
    padding-top: 3px;
  }
  .hrms-price-det h4 {
    padding-top: 30px;
  }
  .hrms-price-det h2 {
    font-size: 25px;
  }
  .sm-navsec-line-2 {
    border-bottom: 1px solid #cecece;
    padding-top: 10px;
    padding-left: 25px;
  }
  .logo {
    width: 150px;
  }

  /*comman section*/

  .heading-title {
    font-size: 23px;
  }

  .hero-heading-title {
    padding-top: 30px;
  }

  .card-title {
    font-size: 20px;
  }

  .tabRight_heading {
    font-size: 20px;
  }

  .flex_heading {
    font-size: 25px;
    color: white;
  }

  .test-text {
    font-size: 18px;
  }

  .heading-text {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .button-primary-hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-primary-hover:hover {
    font-size: 18px;
    padding: 5px 30px;
  }
  .button-secondary-hover {
    border-radius: 3px;
    font-size: 14px;
    padding: 3px 15px;
  }
  .button-secondary-hover:hover {
    border-radius: 3px;
    font-size: 14px;
    padding: 3px 15px;
  }
  .button-general-hover {
    font-size: 15px;
    font-weight: 500;
    padding-left: 2px;
  }
  .button-general-hover:hover {
    text-decoration: underline;
    font-size: 15px;
    font-weight: 500;
  }
  /*nav section*/
  .navigation-bar-for-large-screen {
    display: none;
  }
  .navigation-bar-for-ipad-and-mobile-screen {
    display: block;
  }
  .navbar-expand-lg {
    padding-left: 2px;
  }
  .logo-1 {
    padding-left: 40px;
  }
  .icon-1 {
    margin-top: 8px;
    float: right;
    padding-right: 15px;
  }
  /*hero section*/
  .banner-hrms {
    background-image: url(../Images/goodbooks-hrms@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 150px;
  }
  .banner-crm {
    background-image: url(../Images/elements_home_page/crm-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-eam {
    background-image: url(../Images/elements_home_page/eam-image@3x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-finance {
    background-image: url(../Images/elements_home_page/finance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
 .banner-production {
    background-image: url(../Images/elements_home_page/production-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-costing {
    background-image: url(../Images/elements_home_page/costing-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-sales {
    background-image: url(../Images/elements_home_page/sales-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-inventory {
    background-image: url(../Images/elements_home_page/inventory-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-analytics {
    background-image: url(../Images/elements_home_page/analytics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-projects {
    background-image: url(../Images/elements_home_page/projects-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-maintenance {
    background-image: url(../Images/elements_home_page/maintenance-2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-logistics {
    background-image: url(../Images/elements_home_page/logistics-image@2x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .banner-erp {
    background-image: url(../Images/goodbooks-erp-new.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 30px;
  }
  .hero-section {
    background-image: url(../Images/goodbooks-hero@1x.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 300px;
  }
  .hero-section {
    background-image: url(../Images/Mask\ Group\ 3.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 300px;
  }
  .hero-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*------section-1------*/
  .tabs {
    display: none;
  }
  .cursor {
    display: block;
  }
  .bg-color {
    background-color: #fbfaf1;
  }
  .cursor-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cursor-content-1 {
    padding-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
  }
  .cursor-content-2 {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
  }
  .content {
    padding-bottom: 40px;
  }
  .carousel-item {
    padding-top: 0px;
  }
  .crm-cur-content {
    padding-top: 20px;
  }
  .crm-cur-content a {
    font-size: 16px;
    font-weight: 700;
    color: #59b2f8;
  }
  .crm-img-cur {
    padding-left: 3px;
    margin-right: 10px;
  }
  .button-primary-hover-tab {
    font-size: 18px;
    padding: 3px 10px;
  }
  .button-primary-hover-tab:hover {
    font-size: 18px;
    padding: 3px 10px;
  }
  .button-secondary-hover-tab {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    padding: 3px 38px 5px 38px;
  }
  .button-secondary-hover-tab:hover {
    font-size: 14px;
    padding: 3px 38px 5px 38px;
  }
  .system-cur {
    padding-left: 0px;
    margin-left: 0%;
    padding-right: 15px;
    padding-bottom: 30px;
  }
  /*seperator*/
  .seperator {
    background-image: url(../Images/seperator-bg-02@2x.png);
    background-position: top;
    background-size: cover;
  }
  /*------------Section-3--------*/
  .cardSection {
    display: none;
  }
  /*-----------Section-3.1--------*/
  .cardCarousel {
    display: block;
    /* border-bottom: 1px solid #D9D9D9 ; */
  }
  /*testimonil*/
  .flex-box {
    display: none;
  }
  .flex-img-column {
    border-radius: 0px;
  }
  .video-icon-text {
    border-radius: 0px 0px 10px 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #fbfaf1;
  }

  /*------Footer-------*/
  .footer-list {
    border-bottom: 1px solid white;
    border-right: 0px;
    margin-top: 20px;
  }
  .footer h6 {
    font-size: 13px;
  }
  .footer h4 {
    font-size: 18px;
    padding-bottom: 10px;
  }
  .footer-1 p {
    font-size: 10px;
  }
  .copyright-list a {
    font-size: 13px;
  }
  .copyright-list {
    padding-left: 0px;
  }
  .footer p {
    font-size: 10px;
  }
  .list-4 {
    border-bottom: 0px;
  }
  /***************************************************Finance-page****************************************************/
  .pricing-hero-section {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fbfaf1;
  }
  .pricing-hero-section-button {
    padding-top: 8px;
    margin-top: 0px;
    margin-bottom: 30px;
    float: left;
  }
  .counting-card-list {
    padding-left: 0%;
  }
  .shedule {
    padding-left: 20px;
    padding-right: 0px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------ERP-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .hor-tab-lg {
    display: none;
  }
  .screenshopt-img-sm {
    width: 280px;
    padding-left: 0px;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .tab-slider {
    border: 1px solid #e4e4e4;
    padding: 10px;
    padding-top: 20px;
  }
  .screenshot-title-sm {
    padding-bottom: 20px;
  }
  .screenshot-text-sm {
    padding-bottom: 10px;
  }
  .product-card-section {
    display: none;
  }
  .product-card-slider {
    padding-left: 20px;
  }
  .erp-content {
    padding-left: 15px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------FINANCE-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .plan-btn {
    margin-left: 65px;
    margin-bottom: 40px;
  }
  .plan-sec p {
    text-align: center;
  }
  .general-info-img {
    padding-left: 15px;
  }
  .general-info-img_R {
    padding-left: 30px;
  }
  .finance-screen {
    width: 250px;
  }
  .finance-screen_R {
    width: 250px;
  }
  .erp-box {
    padding-bottom: 40px;
    padding-left: 20px;
  }
  .general-info-content {
    padding-left: 20px;
  }
  .general-info-content_R {
    padding-left: 20px;
    padding-right: 10px;
  }
  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------PRICING-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .plan-sec-tab {
    border: 1px solid #cecece;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: white;
    display: block;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 10px;
  }
  .plan-sec {
    display: none;
  }

  .counting-card-list {
    padding-left: 0%;
  }
  .shedule {
    padding-left: 10px;
    padding-right: 10px;
  }
  .counting-card-body {
    border: 1px solid #cecece;
  }

  /*---------------------------------------------------------------------------------------------------------------
      -------------------------------------------------------RESOURCES-PAGE--------------------------------------------------
      ---------------------------------------------------------------------------------------------------------------*/
  .demo-box {
    margin-top: 70px;
    background-image: url(../Images/Mask\ Group\ 5.png);
    padding-bottom: 150px;
    background-size: cover;
    border: none;
    border-radius: 6px;
  }
  .eb-section-card {
    padding-top: 70px;
    padding-bottom: 80px;
    display: block;
  }
  .eb-section {
    display: none;
  }

  .finance-hero-section {
    text-align: center;
  }

  .finance-hero-section-button {
    margin-top: 30px;
    margin-bottom: 50px;
    float: left;
    margin-left: 90px;
  }

  .video-section {
    display: none;
  }

  .video-card-slider {
    padding-bottom: 20px;
    display: block;
  }
  /*------------------------------Contact page--------------------------*/
  .contact-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfaf1;
    background-position-x: center;
    background-position-y: top;
    /* margin-bottom: 20px;*/
  }
  .contact-office-heading {
    padding-bottom: 30px;
  }
}
/*------------------------------------STYLEGUIDE------------------------------*/
/*-------------------------------------------COLORS------------------------------------------*/
/*colors*/
.cyan {
  color: #59b2f8;
}

.medium-cyan {
  color: #2c9bea;
}

.heavy-cyan {
  color: #0d79c2;
}

.dark-cyan {
  color: #69297f;
}

.dark-cyan-bg {
  background-color: #972180;
}

.black {
  color: #000000;
}

.dark-grey {
  color: #676767;
}

.medium-grey {
  color: #949494;
}

.light-grey {
  color: #b4b4b4;
}

.p-color {
  color: #707070;
}

/*----------------------------------------TYPOGRAPHY----------------------------------------*/
/*weight*/
.bold {
  font-weight: 700;
}

.bolder {
  font-weight: 900;
}

.medium {
  font-weight: 500;
}

.regular {
  font-weight: 400;
}
/*font size*/
.font_48 {
  font-size: 48px;
}

.font_36 {
  font-size: 36px;
}

.font_32 {
  font-size: 322px;
}

.font_24 {
  font-size: 24px;
}

.font_22 {
  font-size: 22px;
}

.font_18 {
  font-size: 18px;
}

.font_16 {
  font-size: 16px;
}

.font_14 {
  font-size: 14px;
}

.font_12 {
  font-size: 12px;
}

.font_22 {
  font-size: 22px;
}

/*font-name*/
.lexend {
  font-family: "Poppins", sans-serif;
}

.montserrat {
  font-family: "Poppins";
}

/*example*/
.example-1 {
  color: #69297f;
  font-size: 30px;
  font-weight: 600;
}

.example-2 {
  color: #464646;
  font-size: 25px;
  font-weight: 400;
}

.example-3 {
  color: #464646;
  font-size: 18px;
  font-weight: 350;
}

.example-4 {
  color: #464646;
  font-size: 18px;
  font-weight: 500;
}

/*-------------------------------------------INPUT------------------------------------------*/
.input-section {
  color: #9a9a9a;
  padding-bottom: 80px;
  border-bottom: 1px solid #d2d2d2;
}

.input-section p {
  font-weight: 700;
  font-size: 22px;
}

.input-heading-title {
  font-size: 45px;
  font-weight: 600;
}

.input-heading-text {
  font-size: 15px;
  font-weight: 300;
  padding-bottom: 20px;
}

.input-field_1 {
  color: #707070;
  outline: none;
  border-radius: 5px;
  padding: 7px;
  width: 100%;
  border: 1px solid #b4b4b4;
}

.input-field_2 {
  color: #707070;
  outline: none;
  border-radius: 5px;
  padding: 7px;
  width: 100%;
  border: 1px solid #b4b4b4;
}

.input-field_2:focus {
  color: #707070;
  outline: none;
  border-radius: 5px;
  border: 1px solid #707070;
  padding: 7px;
  width: 100%;
}

.input-field_3 {
  color: #707070;
  outline: none;
  border-radius: 5px;
  border: 1px solid red;
  padding: 7px;
  width: 100%;
}

.error {
  color: red;
}

.input-field_4 {
  color: #707070;
  outline: none;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  padding: 7px;
  width: 100%;
  height: 150px;
}

.input-field_5 {
  color: #707070;
  outline: none;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  padding: 7px;
  width: 100%;
  height: 150px;
}

.input-field_5:focus {
  font-size: 18px;
  color: #707070;
  border: 1px solid #707070;
  width: 100%;
  height: 150px;
}

::placeholder {
  color: #B4B4B4;
  font-family: "Poppins";
  font-size: 15px;
  font-weight: 300;
}


.carousel-control-next-icon {
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");*/
}

.carousel-control-prev-icon {
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");*/
}

.btn-primarytab {
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
  width: 190px;
}

.btn-secondarytab {
  background-color: #d35192;
  border-radius: 5px;
  border: none;
  color: #fff;
  width: 190px;
}

.btn-secondarytab:hover {
  background-color: #69297f;
  border-radius: 5px;
  border: none;
  color: #fff;
  width: 190px;
}

.bgpink {
  background-color: #69297f;
  padding-bottom: 100px;
}
.logoItem {
  width: 100%;
  background: #fff;
  height: 60px;
}
.tabbr {
  padding: 20px 0px;
  border-radius: 15px;
}
#carouselExampleControls2 .card {
  min-height: 250px;
}
.verTaab a img {
  filter: grayscale(100%);
  opacity: 0.5;
}
.verTaab a.active img {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
}
.footer-list a {
  text-decoration: none;
  color: #fff;
}

.submenu nav {
  padding-left: 0;
}

.submenu_item .navigation-bar {
  margin-top: -8px;
}

.submenu_a {
  margin-top: 2px;
}

.carousel .tabRight_heading {
  padding-top: 10px !important;
}

.incarousel .carousel-item {
  background-color: #fff !important;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  padding: 10px;
}

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------Contact Us PAGE--------------------------------------------
----------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/
.box-shadow {
  box-shadow: #e4e4e4 0px 5px 15px;
  border: none;
}
.border-r {
  border-right: 1px #e4e4e4;
}
.contact-card {
  padding-left: 10px;
}
.contact-card-com {
  padding-left: 5px;
}

.contact-card-com1 {
  padding-left: 5px;
  margin-top: 80px;
}
.contact-card-com :hover {
  cursor: pointer;
}
@media (max-width: 760px) {

  .price-card-list .price-card .counting-card-sec{
    margin: 0px 10px 10px 5px;
  }
  .price-card-list .row{
    margin: 0px;
    border: 0;
  }
}