.header{padding:10px 40px}.header__container{justify-content:space-between;margin:0 auto;max-width:1180px}.header__brand,.header__container{align-items:center;display:flex;flex-direction:row}.header__brand{gap:20px}.header__brand img{max-width:unset;width:50px}.header__brand h4{color:#fff;font-size:32px;font-weight:600;line-height:36px;margin-top:0!important}.header__links{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.header__links a{color:#fff}.social-links{display:none!important}a.collapse-toggle{margin-top:10px}main{background:linear-gradient(90deg,rgba(80,128,142,.3),rgba(105,162,151,.1)),url(../images/background.webp) 100% /cover no-repeat}*{box-sizing:border-box}.main-bg,.pattern-bg{height:100vh}.pattern-bg{font-family:Roboto,sans-serif}.chat__header{align-items:center;display:flex;flex-direction:row;gap:10px}.avatar__box{position:relative}.avatar__box span{animation:pulsing 2s ease 0s infinite normal none running;background:#5dcc37;border-radius:100%;bottom:6px;box-shadow:0 0 0 0 #5dcc37;height:20px;position:absolute;right:6px;transition:transform .5s ease,scale .5s ease;width:20px}@keyframes pulsing{to{box-shadow:0 0 0 10px transparent}}.chat__header p{background-color:#69a297;border-radius:30px;color:#fff;font-weight:500;padding:10px 20px}.chat__header img{max-width:100px}.left-chat .chat-block,.right-chat .chat-block{background:#c2ffd7;background:linear-gradient(0deg,#fff,#fff),#d1fedd;border-radius:4px 26px 26px 26px;box-shadow:0 0 0 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.09),0 6px 4px 0 rgba(0,0,0,.05),0 11px 4px 0 rgba(0,0,0,.01),0 18px 5px 0 transparent,0 18px 5px 0 transparent,0 18px 5px 0 transparent;color:#000;font-size:18px;font-style:normal;font-weight:400;line-height:18px;padding:16px 20px 22px 16px}.right-chat .chat-block{border-radius:26px 4px 26px 26px}.main-chat{height:80%;margin:14px auto auto;overflow:scroll;padding-bottom:30px;scroll-behavior:smooth;width:80%}.main-bg::-webkit-scrollbar,.main-chat::-webkit-scrollbar{display:none}.custom-form{height:80%;margin:14px auto auto;padding-bottom:30px;width:80%}.left-chat,.right-chat{align-items:center;display:flex;justify-content:left;margin-top:10px;width:100%}.right-chat{flex-direction:row-reverse;justify-content:right}.time{color:hsla(0,0%,100%,.7);font-family:Calibri;font-size:14px;font-style:normal;font-weight:400;line-height:12px;margin-left:12px;margin-right:12px}.horizontal,.vertical{display:flex;justify-content:space-between;margin:15px auto;width:50%}.vertical{flex-direction:column;justify-content:left}.answer-btn{background:#69a297;border-radius:10px;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:17px;margin-bottom:10px;padding-bottom:14px;padding-top:14px;text-align:center;transition:all .3s ease-in-out;width:49%}.vertical .answer-btn{width:100%}.answer-btn:hover{background:#a3c9a8;color:#fff}.form-wrapper{border-radius:4px;padding:10px}.form{background:#fff;border-radius:10px;box-shadow:0 0 10px 0 #69a297;display:block;margin:0 auto;max-width:500px;padding:20px;width:100%}.form h4{font-size:1.5rem;font-weight:700;margin-bottom:13px;text-align:center}.form input{border:2px solid #000;border-radius:10px;font-size:15px;font-weight:400;margin-bottom:10px;padding:10px 20px;width:100%}.form-input{border:2px solid #000;border-radius:5px}.form button{background:#69a297;border-radius:10px;color:#fff;display:block;font-size:14px;font-style:normal;font-weight:700;height:50px;line-height:17px;margin:10px auto;padding:14px 25px;text-align:center;transition:all .3s ease-in-out;width:100%}.form button:hover{background:#a3c9a8}.chat-loader{animation:d3 1s linear infinite;background:radial-gradient(circle closest-side,#69a297 90%,#0000) 0 50%,radial-gradient(circle closest-side,#69a297 90%,#0000) 50% 50%,radial-gradient(circle closest-side,#69a297 90%,#0000) 100% 50%;background-repeat:no-repeat;background-size:33.33333% 12px;display:block;height:18px;width:50px}@keyframes d3{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}@media screen and (max-width:767px){.custom-form,.main-chat{width:96%}}.input-wrapper{position:relative;width:100%}.input-wrapper label{color:#000;font-size:15px;left:10px;line-height:16px;position:absolute;top:15px}.submit-wrapper{position:relative;width:100%}.loader{background:linear-gradient(0deg,#c2ffd7,#c2ffd7),#d1fedd;border:none;border-radius:10px;color:#000!important;font-size:18px;font-weight:700;height:50px;left:0;left:50%;letter-spacing:.18px;padding:10px 0;position:absolute;text-align:center;top:0;transform:translate(-50%);transition:all .25s ease;width:240px}.new-logo{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;margin-right:auto}.new-logo img{width:100px}.new-logo h2{color:#69a297;font-size:30px;font-style:bold}@media (max-width:768px){.vertical{width:80%}}.error-message{color:red}@media (max-width:550px){.header{padding:10px 16px}.header__links{flex-direction:column-reverse;gap:8px}.header__brand{gap:8px}.header__brand img{width:30px}}