.App{height:fit-content;background-color:#171923;color:#fff}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 100px}.title{display:flex;flex-direction:row}.title-logo{height:35px;width:35px;border-radius:5px;background-color:#0042da;color:#ff8e20;display:flex;flex-direction:column;justify-content:center;align-items:center}.upper,.lower{display:flex;margin:.5px}.circleUpper{height:4px;width:4px;border-radius:50%;background-color:#ff8e20;margin:1px}.rectangleUpper{height:4px;width:16px;border-radius:1px;background-color:#ff8e20;margin:1px}.circleLower{height:4px;width:4px;border-radius:50%;background-color:#fff;margin:1px}.rectangleLower{height:4px;width:16px;border-radius:1px;margin:1px;background-color:#fff}.title-header{font-size:30px;font-weight:700;margin-left:10px}.button{cursor:pointer}.signIn-btn{font-size:20px;padding:10px;border:2px solid #7ea6ff;border-radius:5px;color:#7ea6ff;background-color:#000}.create-btn{font-size:20px;padding:10px;border:2px solid #1a5fff;border-radius:5px;color:#fff;background-color:#1a5fff;margin-left:10px}.section1{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px}.section1-header{font-size:72px;width:850px;font-weight:700;background:linear-gradient(to right,#215ce3,#4b83ff,#b794f4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section1-description{font-size:20px;margin-top:10px;width:800px}.create-formBit-btn{font-size:18px;margin-top:20px;padding:10px 20px;background-color:#0042da;color:#fff;border:2px solid #0042da;border-radius:6px;width:300px}.triangle-img{position:absolute;height:250px;left:0}.halfcircle-img{position:absolute;height:250px;right:0}.section2{width:100%;height:fit-content;background-color:#000;margin-top:50px;background-color:#171923;padding-bottom:100px}.section2-background{display:flex;justify-content:space-around;align-items:center}.flowchart{position:relative;left:50%;margin-top:-41%;transform:translate(-50%);width:85%}.section3{height:fit-content;padding:50px 0;display:flex;flex-direction:column;align-items:center;text-align:center}.section3-header{font-size:60px;font-weight:700;width:900px;line-height:72px}.section3-description{font-size:20px;margin-top:20px;width:1100px;line-height:30px;color:#a0aec0}.signs{width:90%;display:flex;justify-content:space-around;margin-bottom:20px}.signs>img{cursor:pointer}.section3-form{width:90%;display:flex;justify-content:space-around}.rightSection3{border:1px solid #ccc;border-radius:6px;width:40%;text-align:start;background-color:#171923;font-size:16px;padding:10px}.rightSection3 span{color:red}.rightSection3 button{background-color:#1a5fff;color:#fff;font-size:16px;line-height:20px;padding:10px;border-radius:6px}.rightSection3 input{font-size:16px;padding:10px;border-radius:6px;margin:10px 0}.rightSection3 textarea{font-size:16px;padding:10px;width:90%}#firstName,#email,#addInfo{width:95%;background-color:#171923;border:1px solid #ccc;margin:10px 0}.rightSection3 label{margin-left:5px;margin-bottom:30px}#checkboxId{margin-bottom:20px}.leftSection3{border:1px solid #ccc;border-radius:6px}.leftSection3 img{width:100%;height:100%}#arrow-Img{position:absolute;left:82%;top:248%}#tryItOut-Img{position:absolute;left:80%;top:250%}.section4{display:flex;flex-direction:column;align-items:center;padding:50px 100px}.section4 img{height:400px;width:600px;margin:30px 0}.section4-upper,.section4-lower{width:80%;display:flex;justify-content:space-around;align-items:center}.section4-upper img{border:3px solid #f2a055}.section4-upper-sidebar,.section4-lower-sidebar{width:300px;height:325px}.section4-header{font-size:36px;line-height:40px;text-align:start;margin-bottom:20px}.section4-description{font-size:21px;line-height:30px;text-align:start;color:#a0aec0}.logoSection{display:flex;flex-direction:column}.upperLogo-container{display:flex;justify-content:space-around;margin:100px 0 25px}.upperLogo-container img{padding:35px;background-color:#1a202c;border-radius:6px}.lowerLogo-container img{background-color:#1a202c;border-radius:6px}.lowerLogo-container{display:flex;justify-content:space-evenly;margin:25px 0 50px}.logoSection img{cursor:pointer}.container{width:fit-content;padding:10px 150px 100px}.container-header{font-size:36px;font-weight:500;line-height:42px}.container-description{width:60%;color:#a0aec0;font-size:20px;line-height:30px;margin-top:10px}.section5{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.section5-header{padding-top:100px;font-size:60px;font-weight:700;line-height:72px}.section5-description{width:1000px;color:#a0aec0;font-size:20px;font-weight:700;line-height:30px;margin:20px 0 100px}.section5 #backgroundImgId{border:1px solid #ccc;border-radius:6px}.section6{margin-top:200px;text-align:center}.section6-header{font-size:36px;line-height:42px;font-weight:700}.section6-description{font-size:20px;line-height:30px;font-weight:600;color:#718096;margin:20px 0 50px}.section6-subHeader{font-size:25px;line-height:30px;font-weight:600;margin:30px 0;color:#ffffffeb}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;padding:20px}.card{background-color:#1a202c;border-radius:8px;width:350px;height:150px;padding:10px}.card-header{font-size:18px;line-height:27px;font-weight:600;margin-top:20px;z-index:1}.card-description{font-size:16px;line-height:24px;font-weight:400;color:#718096;padding:10px 20px;z-index:1}.section6-Icons{display:flex;flex-wrap:wrap;justify-content:center;gap:50px 75px;padding:20px 20px 100px}.shadow-background{width:70%;position:absolute;top:761%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:375px;row-gap:175px;padding:20px;margin-left:200px}.section7{background:linear-gradient(180deg,#171923,#1a202c);height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a202c}.section7-header{font-size:36px;line-height:43px;font-weight:800;width:750px}.section7-button{width:fit-content;margin:30px;padding:15px 30px;border-radius:6px;background-color:#1a5fff;color:#fff;font-size:18px;line-height:21px;font-weight:600;cursor:pointer}.section7-text{color:#a0aec0;font-size:16px;line-height:24px;font-weight:400}.section7 span{font-weight:bolder}#triangleId{position:absolute;height:250px;left:0;top:875%}#halfCircleId{position:absolute;height:250px;right:0;top:900%}.footer{display:flex;justify-content:space-evenly;padding:10px 0 100px}.footer a{color:#ffffffeb;font-size:16px;line-height:24px;font-weight:400;text-decoration:none;margin-top:10px}.footer a:hover{text-decoration:underline}.footer-container{display:flex;flex-direction:column}.footer-container-developer{margin-top:30px}.footer img{height:16px;width:16px}.login{background-color:#121212;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.login label{font-size:14px;font-weight:500;line-height:21px}.login input{font-size:14px;font-weight:300;line-height:21px;color:#636364;padding:10px;border-radius:12px}.login .login-btn{background-color:#1a5fff;color:#fff;font-size:14px;font-weight:500;line-height:21px;padding:10px;border:none;border-radius:12px;cursor:pointer;text-align:center;width:350px;margin:20px 0;box-shadow:0 4px 10px #e9444b40}.login .login-text{color:#fff;font-size:14px;font-weight:400;line-height:17px;margin-top:10px;text-align:center}.login .login-password,.login .login-email{background-color:#121212;width:350px;border:1px solid #636364;margin-top:10px}.login a{color:#1a5fff;margin-left:5px;text-decoration:none}.login a:hover{text-decoration:underline}.login img{position:absolute}.login #arrowBack{position:absolute;top:40px;left:40px;width:20px;height:20px;cursor:pointer}.login #bottomEllipse{position:absolute;bottom:0;left:62%}.login #sideEllipse{position:absolute;right:0;top:10%}.login #polygon{position:absolute;top:25%;left:5%;height:350px;width:350px}.signup{background-color:#121212;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup label{font-size:14px;font-weight:500;line-height:21px}.signup input{font-size:14px;font-weight:300;line-height:21px;color:#636364;padding:10px;border-radius:12px;margin-bottom:10px}.signup .signup-btn{background-color:#1a5fff;color:#fff;font-size:14px;font-weight:500;line-height:21px;padding:10px;border:none;border-radius:12px;cursor:pointer;text-align:center;width:350px;margin:20px 0;box-shadow:0 4px 10px #e9444b40}.signup .signup-text{color:#fff;font-size:14px;font-weight:400;line-height:17px;margin-top:10px;text-align:center}.signup .signup-username,.signup .signup-password,.signup .signup-confirmpassword,.signup .signup-email{background-color:#121212;width:350px;border:1px solid #636364;margin-top:10px}.signup a{color:#1a5fff;margin-left:5px;text-decoration:none}.signup a:hover{text-decoration:underline}.signup img{position:absolute}.signup #arrowBack{position:absolute;top:40px;left:40px;width:20px;height:20px;cursor:pointer}.signup #bottomEllipse{position:absolute;bottom:0;left:62%}.signup #sideEllipse{position:absolute;right:0;top:10%}.signup #polygon{position:absolute;top:25%;left:5%;height:350px;width:350px}.error{border:2px solid red;background-color:#121212;width:350px}.errorMessage,.labelError{color:red}.settings{height:100vh;width:100vw;background-color:#171923;display:flex;flex-direction:column;justify-content:center;align-items:center}.settings h2{position:absolute;top:50px;font-size:22px;line-height:30px}.settings .data-container{width:550px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:12px;color:#828282;padding:10px;margin:10px}.settings input{background-color:#171923;color:#fff;border:none;padding:10px;font-size:20px;line-height:24px;margin:0 10px;width:500px;outline:none}.settings input:focus{border:none}.settings #viewId{cursor:pointer}.settings #update-btn{width:575px;padding:15px;font-size:20px;background-color:#1a5fff;color:#fff;border:none;border-radius:50px;margin-top:50px}.settings .logout-container{position:absolute;bottom:50px;left:50px;cursor:pointer;display:flex;flex-direction:row}.settings .logout-container div{font-size:18px;font-weight:500;margin-left:10px;color:#cf3636}.workspace{height:100vh;width:100vw;background-color:#1f1f23}.header-container{background-color:#18181b;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid gray;width:97.25%}.header-container #formNameId{outline:none;font-size:12px;line-height:20px;padding:5px;color:#fff;width:200px;background-color:#37373e;border-radius:3px;border:none}.header-container .item-container{display:flex;flex-direction:row}.header-container .item-container .item{font-size:14px;line-height:17px;font-weight:600;margin-right:30px;padding:10px 20px;border-radius:6px;cursor:pointer}.header-container .item-container .item:hover,.selected-item{border:1px solid #7ea6ff;color:#7ea6ff}.header-container .buttons{align-items:center}.header-container button{outline:none;font-size:14px;line-height:20px;padding:5px 15px;color:#fff;background-color:#37373e;border-radius:3px;border:none;cursor:pointer;margin-right:20px;width:65px}.header-container img{cursor:pointer;height:15px;width:15px;margin-right:20px}.header-container .buttons{display:flex;flex-direction:row;align-items:center}.header-container .buttons .share-btn{background-color:#848890;color:#fff;border-radius:5px;font-size:14px;font-weight:400;line-height:17px}.header-container .buttons .share-btn:hover{background-color:#5a5f6b}.header-container .buttons .save-btn{background-color:#848890;color:#fff;border-radius:5px;font-size:14px;font-weight:400;line-height:17px;background-color:#4ade80cc}.header-container .buttons .save-btn:hover{background-color:green}.flow{background-color:#1f1f23;width:98%;height:85.5%;padding:1%;display:flex;overflow:hidden}.flow-items{background-color:#18181b;width:350px;height:100%;border-radius:6px}.flow-container .sub-header{font-size:14px;line-height:21px;font-weight:600;padding-left:20px;text-align:start}.sub-header-bubbles{padding-top:75px}.bubbles{display:grid;grid-template-columns:150px 150px;column-gap:20px;padding:0 5px}.bubble{border:none;width:150px;padding:5px;display:flex;align-items:center;border-radius:8px;background-color:#1f1f23;margin:5px;cursor:pointer}.bubble img{margin:10px}.flowchart-container{position:relative;top:20%;left:40%;transform:translate(-50%);flex-grow:1;overflow-y:auto;padding-bottom:100px}.start-header{width:350px;display:flex;align-items:center;font-size:20px;padding:10px;border-radius:16px;background-color:#18181b;margin:0 auto 30px}.start-header img{margin:10px}.text-item{display:flex;flex-direction:column;background-color:#18181b;padding:15px;border-radius:16px;position:relative;width:350px;margin:10px auto 20px}#deleteId{height:24px;width:24px;position:absolute;right:-10px;top:-10px;border-radius:50%;padding:5px;cursor:pointer;background-color:#444}.item-header{font-size:20px;line-height:21px;font-weight:600;padding-left:10px}.item-data{display:flex;align-items:center;padding:5px;border-radius:5px;background-color:#1f1f23;margin-top:10px}.item-data img{height:20px;width:20px;margin-left:10px}.item-data input{outline:none;padding:10px;font-size:14px;line-height:20px;border:none;border-radius:5px;background-color:#1f1f23;color:#fff;width:350px}.item-warning{color:#522224;font-size:10px;font-weight:500;line-height:15px;padding:5px 0}.theme{height:89.95%;width:100%;background-color:#18181b;display:flex}.theme-container{width:20%;height:100%;background-color:#18181b;display:flex;flex-direction:column;align-items:center;border-right:1px solid grey}.theme .theme-header{font-size:18px;font-weight:700;line-height:25px;border-right:1px solid grey;border-bottom:1px solid grey;width:100%;text-align:center;padding:15px 0;margin-bottom:15px}.theme-container img{height:170px;width:210px;margin:5px;cursor:pointer;border-radius:6px}.theme-container img:hover{border:5px solid skyblue}.theme-setting{width:100%;height:100%}.light-theme{background-color:#fff}.dark-theme{background-color:#171923}.blue-theme{background-color:#508c9b}.hello-div{display:flex;width:fit-content;position:relative;top:5%;left:5%}.hello-text{color:#000;font-size:20px;font-weight:400;line-height:24px;padding:10px;background-color:#f7f8ff;border-radius:6px;width:70px;text-align:center;margin-left:10px}.hi-div{width:50px;background-color:#0042da;padding:10px;border-radius:6px;font-size:20px;font-weight:400;line-height:24px;color:#fff;text-align:center;position:relative;top:10%;left:90%}.response{height:89.95%;width:100%;background-color:#18171c;color:#69696973;display:flex;justify-content:center;align-items:center}.PostLogin{display:flex;flex-direction:column;align-items:start;text-align:center;background-color:#1e1e1e;color:#fff;min-height:100vh;height:fit-content;width:100vw}.workspace-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-bottom:1px solid #ccc;width:98.5%;cursor:pointer}.workspace-header .header-h1{font-size:16px;line-height:20px;font-weight:600;padding:10px;border:1px solid #ccc;border-radius:6px;color:#ffffffeb;text-align:start;min-width:300px;display:flex;justify-content:space-between}.header-settings,.header-logOut{font-size:16px;line-height:20px;font-weight:600;padding:10px;border:1px solid #ccc;border-radius:6px;color:#ffffffeb;text-align:start;min-width:300px;position:absolute;background-color:#1d1d1d}.header-settings{top:50px}.header-logOut{top:90px;color:#ffa54c}.workspace-header img{height:16px;width:16px;margin-left:10px}.workspace-content{display:flex;flex-direction:column;padding-left:200px}.workspace-folder-content{display:flex;flex-direction:row;justify-content:start;align-items:start;width:100%;height:fit-content;margin:20px 0}.folder-button{display:flex;align-items:center;justify-content:center;background-color:#333;color:#ffffffeb;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;min-width:150px;font-size:16px;font-weight:600;line-height:20px;margin:10px 10px 0 0}.folder-button img{width:16px;height:16px;margin-right:10px}.tabs{display:flex;flex-wrap:wrap}.tab{display:flex;align-items:center;justify-content:space-between;background-color:#333;color:#fff;border:none;border-radius:6px;padding:10px 20px;margin:10px 10px 0 0;cursor:pointer;min-width:200px;font-size:16px;font-weight:600;line-height:20px}.delete-icon{width:16px;height:16px;margin-left:10px}.create-typebot{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:start;align-items:start;width:100%}.typebot-button{background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:20px;cursor:pointer;font-size:18px;font-weight:400;width:150px;height:200px;margin:20px 20px 0 0}.typebot-button .plus-sign{height:40px;width:40px;font-size:40px}.createNewFolder{width:500px;height:fit-content;border-radius:25px;background-color:#1d1d1d;border:1px solid #ccc;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);padding:30px 20px;display:flex;flex-direction:column;align-items:start}.createNewFolder label,#DeleteFolderId{font-size:28px;font-weight:600;line-height:40px}.createNewFolder input{font-size:20px;font-weight:600;line-height:40px;margin-top:20px;padding:10px;width:90%;color:#fff;background-color:#1f1f23;border-radius:20px;border:none;outline:none}.createNewFolder-buttons,.DeleteNewFolder-buttons{display:flex;justify-content:space-around;align-items:center;margin-top:20px;color:#fff;width:100%}.confirm-button,.done-button,.cancel-button{font-size:28px;font-weight:600;line-height:40px;background-color:none;cursor:pointer}.confirm-button:hover,.done-button:hover,.cancel-button:hover{color:#4b83ff}.DeleteNewFolder{width:500px;height:fit-content;border-radius:25px;background-color:#1d1d1d;border:1px solid #ccc;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);padding:30px 20px;display:flex;flex-direction:column;align-items:start}.center-line{font-size:40px;color:#47474a}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}