@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

/* Common CSS */
body {color: #616061; font-family: Lato,sans-serif; font-size: 1.125rem; height: 100%; line-height: 1.35; margin: 0; }
.container{max-width:928px; margin: 0 auto; }
.row{display:flex; gap:50px;align-items:center; }
.color_green {color: #6aceae; }
.color_blue {color: #7ad0e1; }
.color_yellow {color: #f8ba31; }

/* Header CSS */
header{background: #f9f7f7; padding:15px; }
header .logo-image{max-width: 300px; }


/* Banner Section CSS */
.banner-section{background: #f9f7f7; padding-bottom: 50px; }
.banner-section h5{font-size: 1.125rem; font-weight: 700; margin: 25px 0 0; }
.banner-section h2{color: #1d1c1d; font-size: 3.5rem; font-weight: 700; margin:0; }
.banner-section p{margin:0; }
.add-to-slack-image{margin-top: 25px; }
.banner-section .row {max-width: 700px; margin: 0 auto; }


/* Text Section */
.text-section p {text-align: center; margin: 48px auto 40px; max-width: 100%; width: 530px; font-size: 1.25rem; color: #1d1c1d; }
.text-section .main-heading{text-align: center; margin: 48px auto 60px; max-width: 100%; width: 100%; font-size: 2.25rem; color: #1d1c1d;font-weight: 700; }
a.faq-btn {background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 6px 20px; font-size: 18px; color: #1d1c1d; text-decoration: none; margin: 0 0 0 15px; }
.faq-section{ background: #f9f7f7; }


/* Image with text section */
.image-text-section .container { border-bottom: 1px solid #ddd; padding: 50px 0; }
.image-text-section:nth-child(7) .container{border:none}
.image-text-section:nth-child(5) .container{padding-top:0}
.image-text-section h5{font-size: 1.75rem; font-weight: 700; margin: 0; }
.image-text-section img{max-width: 100%}
.image-text-section .right{width: 50%;text-align: center;}
.image-text-section .left{width: 50%}


/* Setup heading */
.setup-section{text-align: center; background: #f9f7f7; padding:50px 0; }
.setup-heading{display:flex; gap:30px; align-items: center; text-align: center; justify-content: center; }
.setup-section .row{justify-content: center; }
.setup_heading{color:#616061; font-size: 1.25rem; font-weight: 700; }
.setup_title{color:#1d1c1d; font-size: 2.25rem; font-weight: 700; }
.setup-section h4{font-size: 1.375rem; font-weight: 800; }
.connect-an-account{background: #007a5a; border-radius: 4px; box-shadow: 0 0 12px 2px rgba(0,0,0,.1); display: inline-block; height: 30px; line-height: 40px; color: #fff; margin: 40px 0; width: auto; text-decoration: none; padding: 0 25px 10px; font-size: 16px; }
.cal-image{max-width: 60px; } 
.setup-slack{margin: 40px; }


/* Footer text */
.footer-text{margin: 48px auto 60px; max-width: 100%; width: 530px; text-align: center; }
.footer-text a {background: 0 0; border: 0; font: inherit; margin: 0; line-height: inherit; overflow: initial; padding: 0; text-align: initial; vertical-align: initial; cursor: pointer; color: #1264a3; text-decoration: none; }