*{box-sizing:border-box;margin:0;padding:0}.app-container{width:100vw;height:100vh;overflow:hidden}.app-header{width:60%;padding:10px 20px}.app-header p{font-weight:400;font-family:var(--primary-font);color:#555;letter-spacing:.3px;font-size:26px}.leedsapp-integration-logo{cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.leedsapp-integration-logo img{width:180px;object-fit:contain}.main-body{width:60%;height:calc(100% - 90px);overflow-y:auto;overflow-x:hidden;padding:15px 25px}.main-body::-webkit-scrollbar{width:0px}.loading-spinner{position:relative;height:100vh;width:100vw;background-color:#f9f9f9}.loading-spinner img{height:110px;width:150px;position:absolute;background-size:cover;background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%)}.notification-snackbar{display:flex;align-items:flex-start}.notification-snackbar img{height:80px;width:80px;object-fit:cover;border-radius:10px;margin-right:10px;box-shadow:1px 1px 15px 5px #0a0a0a0d}.notification-dialog-body{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;max-width:300px}.notification-dialog-body h4{position:relative;display:block;font-size:15px;padding:5px 0;font-weight:600;letter-spacing:.3px;color:#fff;font-family:var(--primary-font),sans-serif}.notification-dialog-body label{align-items:center;color:#fff;font-size:13px;margin:5px 0;font-weight:400;letter-spacing:.2px}.flex-container{display:flex;align-items:center;justify-content:center}.flex-container-space{display:flex;align-items:center;justify-content:space-between}.flex-container-end{display:flex;align-items:center;justify-content:flex-end}.header-1{font-weight:600;width:100%;font-family:var(--secondary-font);text-transform:capitalize;color:#424642;line-height:40px;margin-right:20px;letter-spacing:.3px;font-size:20px}.header-2{font-weight:500;width:100%;font-family:var(--primary-font);text-transform:capitalize;color:#424642;line-height:30px;margin-right:20px;letter-spacing:.3px}.loading-skeleton{opacity:.1;background-color:gray;position:absolute;top:0;left:0;z-index:1}.not-found-text{font-size:14px;font-family:var(--primary-font);font-weight:400;letter-spacing:.2px;text-align:center;padding:20px 40px}.info-text{font-size:14px;font-family:var(--primary-font);font-weight:400;letter-spacing:.2px;padding:10px 0;color:gray}.demo-video-container{width:75%;margin:20px auto;display:flex;justify-content:center}.demo-video{width:100%;height:auto;max-height:60vh;border-radius:10px;border:1px solid #e0e0e0;object-fit:contain}@media screen and (min-width: 320px) and (max-width: 480px){.app-header,.main-body{width:100%}.demo-video-container{width:95%}}@media screen and (min-width: 481px) and (max-width: 768px){.app-header,.main-body{width:90%}.demo-video-container{width:85%}}@media screen and (min-width: 769px) and (max-width: 1200px){.demo-video-container{width:80%}}@media print{@page{margin:20px}}.fb-integration-container{width:100%;height:100%;padding:20px 0}.fb-integration-header{background-color:#fff;width:100%}.fb-integration-header h2{font-size:19px;color:#2b2b2b;letter-spacing:.3px;font-weight:600;font-family:var(--secondary-font);line-height:1.4}.fb-integration-header span{color:#ed2f59;text-transform:capitalize}.fb-integration-header p{color:#515151;font-size:14px;font-weight:400;letter-spacing:.3px;line-height:1.4;margin-top:10px}.fb-important-notes{padding:20px 0}.fb-important-notes h4{font-weight:500;letter-spacing:.3px;color:#2b2b2b}.fb-important-notes p{color:#3b3b3b;font-size:14px;font-weight:400;letter-spacing:.3px;line-height:1.4;margin-top:20px}.fb-connect-button-container{position:fixed;bottom:0;left:0;right:0;padding:15px 20px;z-index:10;background-color:#fff;width:60%}@media screen and (min-width: 320px) and (max-width: 480px){.fb-connect-button-container{width:100%}}@media screen and (min-width: 481px) and (max-width: 768px){.fb-connect-button-container{width:100%}}#lead-form-status{font-size:13px;letter-spacing:.3px;padding:2px 5px;font-weight:500;font-family:var(--primary-font);margin-top:5px;display:inline-block;border-radius:5px}.no-results-container{width:100%;height:100%;transition:.3s;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff}.no-results-container img{width:130px;object-fit:contain}.no-results-container p{font-weight:400;color:#494949;font-size:15px;letter-spacing:.4px;font-family:Roboto;margin:10px 0}.search-bar{width:100%;height:40px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;color:#303030;border:1px solid #9f9f9f}.search-bar input[type=text]{font-size:14px;width:90%;margin-right:5px;letter-spacing:.3px;font-weight:400;font-family:Roboto;border:none;background-color:transparent;outline:transparent;color:#242424}::-webkit-input-placeholder{font-weight:400;font-size:13px}.search-bar input[type=text]:-ms-input-placeholder{font-weight:400;font-size:13px}.search-bar input[type=text]::placeholder{font-weight:400;font-size:13px}.fb-pages-list-drawer{width:100%;height:90vh;max-height:90vh;overflow-y:auto}.fb-pages-list-header{width:100%;padding:25px 20px 15px;font-family:var(--primary-font)}.fb-pages-list-header h2{line-height:1.5;font-size:16px;letter-spacing:.3px;font-weight:500;color:#2d2d2d}.fb-pages-list-header p{line-height:1.3;font-size:12px;color:gray;letter-spacing:.3px;font-weight:400;margin-top:5px}.fb-pages-list-header h2 span,.fb-pages-list-header p span{color:#ed2f59;text-transform:capitalize}.page-list-item{width:100%}.page-list-item h3{font-size:17px;font-weight:500;letter-spacing:.3px;color:#383838;word-wrap:break-word;word-break:break-all}.page-list-item p{font-size:13px;letter-spacing:.3px;color:#7d7d7d;margin-left:2px;margin-top:5px}.page-avatar{width:48px;height:48px;border-radius:50%;color:#5f5f5f;background-color:#e8e8e8;font-weight:500;font-size:18px;text-transform:capitalize;margin-right:10px}.page-loading-item{margin:10px 0 30px;width:90%}.fb-integration-demo-container{width:100%;height:100%;padding:20px 0}.fb-integration-demo-container .demo-image{width:70%;min-height:30vh;margin:20px 0;object-fit:contain;background-color:#f5f5f5;border-radius:5px;border:1px solid #cecece}.fb-integration-demo-container h4{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:.3px;color:#3e3e3e}.fb-integration-demo-container p{font-size:15px;color:#343434;line-height:1.3}.fb-integration-demo-container span{font-weight:500}.fb-login-button{margin-top:50px;width:100%;height:50px}@media screen and (min-width: 320px) and (max-width: 480px){.fb-integration-demo-container .demo-image{width:100%}}@media screen and (min-width: 481px) and (max-width: 768px){.fb-integration-demo-container .demo-image{width:100%}}@media screen and (min-width: 769px) and (max-width: 1200px){.fb-integration-demo-container .demo-image{width:80%}}.support_section{text-align:center;background-color:#f8f9fa;border-radius:12px;padding:40px 20px;margin:40px 0}.support_section h2{font-size:24px;color:#2b2b2b;margin-bottom:20px;font-weight:500}.support_section p{font-size:16px;color:#666;letter-spacing:.2px;line-height:1.6;margin-bottom:8px}.support_section a{color:#ed2f59;text-decoration:none;font-weight:500;transition:color .2s ease}.support_section a:hover{color:#d41e46;text-decoration:underline}.google-ads-integration-demo-container{width:100%;height:100%;padding:20px 0}.google-ads-integration-header{background-color:#fff;width:100%}.google-ads-integration-header h2{font-size:26px;color:#2b2b2b;letter-spacing:.3px;font-weight:600;font-family:var(--secondary-font);line-height:1.2}.google-ads-integration-header p{font-size:16px;color:#2b2b2b;letter-spacing:.3px;line-height:1.3;margin-top:10px}.google-ads-integration-header span{color:#ed2f59;text-transform:capitalize}.content_section{background-color:#fff}.content_section h3{font-size:22px;color:#2b2b2b;letter-spacing:.3px;font-weight:500;line-height:1.2;margin-top:50px;margin-bottom:15px}.content_section h4{font-size:20px;color:#333;letter-spacing:.3px;font-weight:600;font-family:var(--secondary-font);margin:30px 0 15px;scroll-margin-top:20px}.content_section ul{margin:30px}.content_section li{margin-bottom:10px}.content_section p,.content_section li{font-size:16px;color:#1b1b1b;letter-spacing:.2px;line-height:1.4}.webhook_url,.webhook_secret{background-color:#1e1e1e;border-radius:8px;padding:20px;margin:15px 0;overflow-x:auto}.webhook_url code,.webhook_secret code{font-size:16px;color:#fff;letter-spacing:.2px;line-height:1.5}.integration_steps{margin:30px 0}.integration_steps h4{font-size:18px;color:#3b3b3b;letter-spacing:.3px;font-weight:500;font-family:var(--primary-font);margin:30px 0 15px;scroll-margin-top:20px}.integration_steps ol{counter-reset:steps;list-style:none;padding:0}.integration_steps ol>li{counter-increment:steps;padding-left:45px;position:relative;margin-bottom:30px}.integration_steps ol>li:before{content:counter(steps);position:absolute;left:0;top:0;width:30px;height:30px;background:#006bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.integration_steps code{background-color:#f5f5f5;padding:4px 8px;border-radius:4px;color:#003161;font-size:14px;display:inline-block}.info_box{background-color:#fff8e1;border-radius:12px;padding:25px;margin:30px 0;display:flex;gap:20px;align-items:flex-start}.info_box h4{font-weight:600;color:#f9a825;font-size:18px;margin:0 0 15px}.info_box ul{padding-left:20px}.info_box ul li{font-size:15px;color:#5f4c00;letter-spacing:.2px;line-height:1.5;margin:8px 0;font-weight:400}.info_icon{font-size:24px;color:#f9a825;flex-shrink:0;margin-top:3px}.integration-success-message{width:100%;height:100%;padding:20px;background-color:#fff}.integration-success-message p{margin-top:25px;text-align:center;line-height:1.5}.info-text{margin-top:20px;color:gray;font-size:13.5px;font-family:var(--secondary-font)}.not-found-page{position:absolute;top:30%;left:50%;transform:translate(-50%,-20%);overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.not-found-page h1{color:#d7385e;font-size:10rem;margin:0;padding:0}.not-found-page p{font-weight:500;color:#252525;letter-spacing:.3px;font-size:25px}.project-integrations-container{width:100%;height:100%}.project-integrations-container h3{font-size:20px;font-weight:600;letter-spacing:.3px;color:#3e3e3e;font-family:var(--secondary-font);margin-bottom:5px}.project-integrations-container p{font-size:15px;color:#707070;line-height:1.4;letter-spacing:.3px;font-family:var(--primary-font)}.project-integrations-container label{font-size:15px;color:#8f8f8f;line-height:1.5;font-family:var(--primary-font);margin-left:15px;margin-bottom:10px;display:block}.project-integrations-container img{width:250px;object-fit:contain}.webook-table-contents ol{margin-left:20px;margin-top:20px}.webook-table-contents ul{padding:0 20px}.webook-table-contents ol li,.webook-table-contents ul li{text-decoration:underline;font-weight:400;padding:3px 0;cursor:pointer}.integration-instructions ol li{font-weight:400;padding:3px 0;margin-left:15px}.payload-alternatives-container{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.payload-alternatives-container ul{padding:10px 30px}.payload-alternatives-container ul li{font-weight:400}.payload-fields-note{font-size:15px;background-color:#fffced;margin:30px 0;padding:20px;border-radius:10px;border-left:7px solid #f4ce14}.website-integration-demo-container{width:100%;height:100%;padding:20px 0}.website-integration-header{background-color:#fff;width:100%}.website-integration-header h2{font-size:26px;color:#2b2b2b;letter-spacing:.3px;font-weight:600;font-family:var(--secondary-font);line-height:1.2}.website-integration-header p{font-size:16px;color:#737373;letter-spacing:.3px;line-height:1.3;margin-top:10px}.website-integration-header span{color:#ed2f59;text-transform:capitalize}.website-integration-demo-container h3{font-size:21px;color:#2b2b2b;letter-spacing:.3px;font-weight:500;line-height:1.2;margin-top:40px;scroll-margin-top:20px}.website-integration-demo-container h4{font-size:18px;color:#333;letter-spacing:.3px;font-weight:600;font-family:var(--secondary-font);margin:40px 0 10px;scroll-margin-top:20px}.website-integration-demo-container p{font-size:16px;color:#1b1b1b;letter-spacing:.2px;line-height:1.4}.website-integration-demo-container ul{padding:10px 20px 20px}.website-integration-demo-container li{font-size:16px;font-weight:600;font-family:var(--secondary-font);margin:8px 0}.website-integration-demo-container p span{font-weight:500}.code-container{background-color:#f5f5f5;border-radius:8px;padding:20px;margin:30px 0;overflow-x:auto}.code-container p{font-size:16px;color:#1b1b1b;letter-spacing:.2px;line-height:1.4}.info-container{background-color:#fceecd;border-radius:10px;padding:15px 20px;margin:20px 0;overflow-x:auto}.info-container b{font-weight:500;color:#d1930e;font-size:15px}.info-container p{font-size:15px;color:#070707;letter-spacing:.2px;line-height:1.3;margin-top:5px}.sample_request{background-color:#000;border-radius:8px;padding:20px;margin:15px 0;overflow-x:auto;position:relative}.sample_request code{font-size:16px;color:#fff;letter-spacing:.2px;line-height:1.5}.sample_request .website_payload code{color:#0ad3d3;font-weight:500}.website-integration-notes h4{font-size:16px}.website-integration-notes p{font-size:14px;color:#717171;letter-spacing:.2px;line-height:1.4;margin-bottom:8px}.whatsapp-integration-container{width:100%;height:100%;padding:20px 0}.whatsapp-integration-header{width:100%;margin-bottom:20px}.whatsapp-integration-header h2{font-size:18px;font-weight:500;letter-spacing:.3px;color:#2d2d2d;line-height:1.4}.whatsapp-integration-header h2 span{color:#25d366;text-transform:capitalize;font-weight:600}.whatsapp-important-notes{width:100%;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:20px}.whatsapp-important-notes h4{font-size:16px;font-weight:500;color:#2d2d2d;margin-bottom:15px}.whatsapp-important-notes p{font-size:14px;color:#343434;line-height:1.4;margin-bottom:12px}.whatsapp-important-notes p:last-child{margin-bottom:0}.whatsapp-connect-button-container{width:100%;margin-top:40px}.flex-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-container-start{display:flex;align-items:center;justify-content:flex-start}@media screen and (min-width: 320px) and (max-width: 480px){.whatsapp-integration-header h2{font-size:16px}.whatsapp-important-notes{padding:15px}}@media screen and (min-width: 481px) and (max-width: 768px){.whatsapp-integration-header h2{font-size:17px}}.whatsapp-integration-demo-container{width:100%;height:100%;padding:20px 0}.whatsapp-integration-demo-container .demo-image{width:70%;min-height:30vh;margin:20px 0;object-fit:contain;background-color:#f5f5f5;border-radius:5px;border:1px solid #cecece}.whatsapp-integration-demo-container h4{font-size:16px;line-height:1.5;font-weight:400;letter-spacing:.3px;color:#3e3e3e}.whatsapp-integration-demo-container p{font-size:15px;color:#343434;line-height:1.3}.whatsapp-integration-demo-container span{font-weight:500}.whatsapp-connect-button{margin-top:50px;width:100%;height:50px}.demo-info-box{background-color:#f0f9ff;border:1px solid #25d366;border-radius:8px;padding:15px;margin:10px 0}.demo-info-box p{margin:0;color:#0c4a6e;font-weight:500}@media screen and (min-width: 320px) and (max-width: 480px){.whatsapp-integration-demo-container .demo-image{width:100%}}@media screen and (min-width: 481px) and (max-width: 768px){.whatsapp-integration-demo-container .demo-image{width:100%}}@media screen and (min-width: 769px) and (max-width: 1200px){.whatsapp-integration-demo-container .demo-image{width:80%}}:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Source Sans Pro", sans-serif}body{margin:0;padding:0;font-family:Roboto,Source Sans Pro,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
