@import url('https://fonts.googleapis.com/css2?family=Yuji+Mai&display=swap');

p {
    font-size:18px;
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom:5px;
}

ul li {
    list-style:disc;
    font-size:17px;
}

body {
    font-size:18px;
    color:#191a15;
}

.img-responsive {
    width:100%;
    height:auto;
}

/*Navigation Section*/
nav {
    padding:5px 0;
    box-shadow:0 4px 8px 0 rgba(192, 192, 192, 0.15);
}
.logo {
    font-family: "Yuji Mai", serif;
    font-size:27px;
    color:#008c6f;
}
.logo:hover {
    color:#008c6f;
    text-decoration:none;
}
.nav-call {
    font-size:19px;
    color:#191a15;
}
.nav-call:hover {
    color:#008c6f;
    text-decoration:none;
}

/*Footer Section*/
footer {
    padding:40px 0;
    background:#161c28;
    color:#fff;
}
footer h5 {
    margin-bottom:5px;
}
footer a {
    display:block;
    color:#fff;
    transition:0.2s;
}
footer a:hover {
    color:#008c6f;
    text-decoration:none;
}

/*Banner Section*/
.banner {
    padding:40px 0;
    background:#eefdf8;
}
.banner h1 {
    font-size: 48px;
}
.banner p {
    font-size:18px;
    padding-top:15px;
}
.cust-btn {
    background: #008c6f;
    color: #fff;
    padding: 10px 20px;
    font-size: 21px;
    border-radius: 25px;
    transition:0.2s;
}
.cust-btn:hover {
    background:#09604e;
    text-decoration:none;
    color:#fff;
}

/*Accurate Section*/
.accurate {
    padding:40px 0;
}
.accurate h3 {
    margin-bottom:0;
}

/*Convert Section*/
.convert {
    padding:40px 0;
    background:#f8fbfa;
}
.convert ul {
    padding-bottom:10px;
}
.convert img {
    border-radius:25px;
}

/*Choose Section*/
.choose {
    padding:40px 0;
}
.choose i {
    background-color:#008c6f;
    color:#fff;
    padding:6px;
    border-radius:50%;
}

/*Conversion Section*/
.conversion {
    padding:40px 0;
    text-align:center;
}

/*Choice Section*/
.choice {
    padding:40px 0;
}
.choice .container {
    background:linear-gradient(to right, #008c6f, #161c28);
    padding:30px;
    color:#fff;
    border-radius:50px;
}

@media (max-width:768px) {
    nav .col-md-6 {
        text-align:center;
    }
    .banner h1 {
        font-size: 30px;
    }
    .banner {
        padding: 30px 0;
    }
    .banner .col-md-6 {
        padding-top:10px;
    }
    .accurate {
        padding: 20px 0;
    }
    .convert {
        padding: 30px 0;
    }
    .convert .col-md-6 {
        padding-top:10px;
    }
}

/*Netsuite To QuickBooks Page*/
/*Checklist Section*/
.checklist {
    padding:40px 0;
}
.checklist .col-md-9 {
    padding:30px;
    background:#fff5f4;
    border-radius:30px;
}

/*Faqs Section*/
.faqs {
    padding:30px 0;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom:10px;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}