.comment.style-2 .wrapper,.comment.style-3 .wrapper{box-sizing:border-box;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;padding:32px;gap:16px;isolation:isolate;width:100%;height:auto;border:1px solid rgb(10 38 71 / .1);border-radius:24px;transition:all 300ms}.industry-demo .comment.style-3 .wrapper{background:#fff}.comment.style-2:hover .wrapper{background:var(--datis-partially-color)}.industry-demo .comment.style-3:hover .wrapper{background:var(--datis-primary-color)}.industry-demo .comment.style-3:hover .testimonial-footer>svg path{fill:#fff}.comment.style-2 .wrapper .testimonial-text,.comment.style-3 .wrapper .testimonial-text{font-weight:400;font-size:16px;line-height:34px;text-align:right;color:rgb(10 38 71 / .64);transition:all 300ms}.comment.style-2:hover .wrapper .testimonial-text,.comment.style-3:hover .wrapper .testimonial-text{color:#F3F4F6}.comment.style-2:hover .wrapper>svg path,.comment.style-3:hover .wrapper>svg path{fill:#F3F4F6;fill-opacity:.4}.comment.style-2 .wrapper .user-image,.comment.style-3 .wrapper .user-image{box-sizing:border-box;width:48px;height:47px;border:.857143px solid #F6FAFE;border-radius:857.143px;overflow:hidden;transition:all 300ms}.comment.style-2 .wrapper .user-image img,.comment.style-3 .wrapper .user-image img{width:100%;height:100%;object-fit:cover}.comment.style-2 .wrapper .user-name,.comment.style-3 .wrapper .user-name{font-weight:600;font-size:16px;line-height:24px;text-align:right;color:#0A2647;transition:all 300ms}.industry-demo .comment.style-3:hover .wrapper .user-name{color:#F6FAFE}.comment.style-2 .testimonial-footer,.comment.style-3 .testimonial-footer{width:100%}.comment.style-2 .wrapper .user-role,.comment.style-3 .wrapper .user-role{font-weight:400;font-size:14px;line-height:20px;text-align:right;color:rgb(10 38 71 / .64);transition:all 300ms}.comment.style-2:hover .user-info-separator line,.comment.style-3:hover .user-info-separator line{stroke:#F3F4F6;stroke-opacity:.6}.comment.style-2 .wrapper .user-rate,.comment.style-3 .wrapper .user-rate{font-weight:400;font-size:14px;line-height:22px;text-align:right;color:rgb(10 38 71 / .64);transition:all 300ms}.comment.style-2:hover .wrapper .user-name,.comment.style-2:hover .wrapper .user-role,.comment.style-2:hover .wrapper .user-rate .comment.style-3:hover .wrapper .user-name,.comment.style-3:hover .wrapper .user-role,.comment.style-3:hover .wrapper .user-rate{color:#F3F4F6}.comment-info{width:100%;height:287px;background:#fff;border-radius:24px}.business-demo .comment-info{background:#ECF1F7;border-radius:24px}.industry-demo .comment-info{background:#fff0;border:1px solid rgb(11 61 145 / .2)}.comment-info .comment-rate{font-weight:400;font-size:18px;line-height:130%;display:flex;align-items:center;text-align:center;letter-spacing:-.04em;color:var(--datis-body-text-color)}.comment-info .comment-rate span{font-weight:800;font-size:40px;line-height:130%;display:flex;align-items:center;text-align:center;color:var(--datis-primary-color)}.industry-demo .comment-rate span{color:var(--datis-secondary-color)}.comment-info .comment-info-text{font-weight:400;font-size:16px;line-height:130%;display:flex;align-items:center;text-align:center;color:rgb(10 38 71 / .64)}.business-demo .comment-info .leave-comment,.business-demo .comment-form .leave-comment{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;padding:8px 20px 8px 8px;gap:16px;height:56px;background:var(--datis-partially-color);border-radius:16px;font-weight:400;font-size:18px;line-height:28px;color:#F6FAFE;transition:all 300ms;outline:none;border:none}.business-demo .comment-info .leave-comment:hover,.business-demo .comment-form .leave-comment:hover{color:var(--datis-body-text-color);background:var(--datis-secondary-color)}.business-demo .comment-info .leave-comment svg path,.business-demo .comment-form .leave-comment svg path{transition:all 300ms}.business-demo .comment-info .leave-comment:hover svg .path,.business-demo .comment-form .leave-comment:hover svg .path{fill:var(--datis-partially-color)}.business-demo .comment-info .leave-comment:hover svg .arrow,.business-demo .comment-form .leave-comment:hover svg .arrow{stroke:#fff}.comment-form{display:flex;flex-direction:column;align-items:flex-start;padding:32px;gap:40px;background:#fff;border-radius:24px}.business-demo .comment-form{background:#ECF1F7;border-radius:24px}.comment-form .form-wrapper{width:100%;box-sizing:border-box;position:relative}.comment-form .form-wrapper form,.comment-form .form-wrapper form>div{width:100%;box-sizing:border-box}.comment-form .coment-fullname,.comment-form .coment-phone,.comment-form .coment-email,.comment-form #comment{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:8px 16px;gap:8px;height:56px;background:rgb(10 38 71 / .04);border-radius:16px;border:1.5px solid #fff0;outline:none;font-weight:400;font-size:14px;line-height:44px;text-align:right;color:rgb(10 38 71 / .64);width:100%}.comment-form .coment-fullname:focus,.comment-form .coment-phone:focus,.comment-form .coment-email:focus,.comment-form #comment:focus{border:1.5px solid rgb(10 38 71 / .07)}.comment-form #comment{width:100%;min-height:150px}.business-demo .comment-form .coment-fullname,.business-demo .comment-form .coment-phone,.business-demo .comment-form .coment-email{background:rgb(10 38 71 / .04);border-radius:16px}.industry-demo .comment-form .coment-fullname,.industry-demo .comment-form .coment-phone,.industry-demo .comment-form .coment-email,.industry-demo .comment-form #comment,.industry-demo .comment-form .coment-fullname::placeholder,.industry-demo .comment-form .coment-phone::placeholder,.industry-demo .comment-form .coment-email::placeholder,.industry-demo .comment-form #comment::placeholder{color:rgb(11 61 145 / .6);font-size:14px}.industry-demo .comment-form .coment-fullname,.industry-demo .comment-form .coment-phone,.industry-demo .comment-form .coment-email{padding-right:50px}.industry-demo .comment-form .fullname-wrapper,.industry-demo .comment-form .phone-wrapper,.industry-demo .comment-form .email-wrapper{position:relative;z-index:0;width:32%}.industry-demo .comment-form .fullname-wrapper::before,.industry-demo .comment-form .phone-wrapper::before,.industry-demo .comment-form .email-wrapper::before{content:'';width:24px;height:24px;display:block;position:absolute;z-index:1;background:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%224%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M15%2020.6151C14.0907%2020.8619%2013.0736%2021%2012%2021C8.13401%2021%205%2019.2091%205%2017C5%2014.7909%208.13401%2013%2012%2013C15.866%2013%2019%2014.7909%2019%2017C19%2017.3453%2018.9234%2017.6804%2018.7795%2018%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);background-position:center;background-repeat:no-repeat;top:15px;right:19px}.industry-demo .comment-form .email-wrapper::before{background:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22%2012C22%2015.7712%2022%2017.6569%2020.8284%2018.8284C19.6569%2020%2017.7712%2020%2014%2020H10C6.22876%2020%204.34315%2020%203.17157%2018.8284C2%2017.6569%202%2015.7712%202%2012C2%208.22876%202%206.34315%203.17157%205.17157C4.34315%204%206.22876%204%2010%204H14C17.7712%204%2019.6569%204%2020.8284%205.17157C21.4816%205.82475%2021.7706%206.69989%2021.8985%208%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18%208L15.8411%209.79908C14.0045%2011.3296%2013.0861%2012.0949%2012%2012.0949C11.3507%2012.0949%2010.7614%2011.8214%2010%2011.2744M6%208L6.9%208.75L7.8%209.5%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)}.industry-demo .comment-form .phone-wrapper::before{background:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5%202C13.5%202%2015.8335%202.21213%2018.8033%205.18198C21.7731%208.15183%2021.9853%2010.4853%2021.9853%2010.4853%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14.207%205.53564C14.207%205.53564%2015.197%205.81849%2016.6819%207.30341C18.1668%208.78834%2018.4497%209.77829%2018.4497%209.77829%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%220.6%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.1008%2015.0272L15.6446%2015.5437V15.5437L15.1008%2015.0272ZM15.5562%2014.5477L15.0124%2014.0312V14.0312L15.5562%2014.5477ZM17.9729%2014.2123L17.5987%2014.8623H17.5987L17.9729%2014.2123ZM19.8834%2015.312L19.5092%2015.962L19.8834%2015.312ZM20.4217%2018.7584L20.9655%2019.275L20.9655%2019.2749L20.4217%2018.7584ZM19.0012%2020.254L18.4574%2019.7375L19.0012%2020.254ZM17.6763%2020.9631L17.75%2021.7095L17.6763%2020.9631ZM7.8154%2016.4752L8.3592%2015.9587L7.8154%2016.4752ZM3.75185%206.92574C3.72965%206.51212%203.37635%206.19481%202.96273%206.21701C2.54911%206.23921%202.23181%206.59252%202.25401%207.00613L3.00293%206.96594L3.75185%206.92574ZM9.19075%208.80507L9.73454%209.32159L9.19075%208.80507ZM9.47756%208.50311L10.0214%209.01963L9.47756%208.50311ZM9.63428%205.6931L10.2467%205.26012L9.63428%205.6931ZM8.3733%203.90961L7.7609%204.3426V4.3426L8.3733%203.90961ZM4.7177%203.09213C4.43244%203.39246%204.44465%203.86717%204.74498%204.15244C5.04531%204.4377%205.52002%204.42549%205.80529%204.12516L5.26149%203.60864L4.7177%203.09213ZM11.0632%2013.0559L11.607%2012.5394L11.0632%2013.0559ZM10.6641%2019.8123C11.0148%2020.0327%2011.4778%2019.9271%2011.6982%2019.5764C11.9186%2019.2257%2011.8129%2018.7627%2011.4622%2018.5423L11.0632%2019.1773L10.6641%2019.8123ZM15.113%2020.0584C14.7076%2019.9735%2014.3101%2020.2334%2014.2252%2020.6388C14.1403%2021.0442%2014.4001%2021.4417%2014.8056%2021.5266L14.9593%2020.7925L15.113%2020.0584ZM15.1008%2015.0272L15.6446%2015.5437L16.1%2015.0642L15.5562%2014.5477L15.0124%2014.0312L14.557%2014.5107L15.1008%2015.0272ZM17.9729%2014.2123L17.5987%2014.8623L19.5092%2015.962L19.8834%2015.312L20.2575%2014.662L18.347%2013.5623L17.9729%2014.2123ZM20.4217%2018.7584L19.8779%2018.2419L18.4574%2019.7375L19.0012%2020.254L19.545%2020.7705L20.9655%2019.275L20.4217%2018.7584ZM7.8154%2016.4752L8.3592%2015.9587C4.48307%2011.8778%203.83289%208.43556%203.75185%206.92574L3.00293%206.96594L2.25401%207.00613C2.35326%208.85536%203.13844%2012.6403%207.27161%2016.9917L7.8154%2016.4752ZM9.19075%208.80507L9.73454%209.32159L10.0214%209.01963L9.47756%208.50311L8.93377%207.9866L8.64695%208.28856L9.19075%208.80507ZM9.63428%205.6931L10.2467%205.26012L8.98569%203.47663L8.3733%203.90961L7.7609%204.3426L9.02189%206.12608L9.63428%205.6931ZM9.19075%208.80507C8.64695%208.28856%208.64626%208.28929%208.64556%208.29002C8.64533%208.29028%208.64463%208.29102%208.64415%208.29152C8.6432%208.29254%208.64223%208.29357%208.64125%208.29463C8.63928%208.29675%208.63724%208.29896%208.63515%208.30127C8.63095%208.30588%208.6265%208.31087%208.62182%208.31625C8.61247%208.32701%208.60219%208.33931%208.5912%208.3532C8.56922%208.38098%208.54435%208.41511%208.51826%208.45588C8.46595%208.53764%208.40921%208.64531%208.36117%208.78033C8.26346%209.0549%208.21022%209.4185%208.27675%209.87257C8.40746%2010.7647%208.99202%2011.9644%2010.5194%2013.5724L11.0632%2013.0559L11.607%2012.5394C10.1793%2011.0363%209.82765%2010.1106%209.7609%209.65511C9.72871%209.43536%209.76142%209.31957%209.77436%209.28321C9.78163%209.26277%209.78639%209.25709%209.78174%209.26437C9.77948%209.26789%209.77498%209.27451%209.76742%209.28407C9.76363%209.28885%209.75908%209.29437%209.75364%209.30063C9.75092%209.30375%209.74798%209.30706%209.7448%209.31056C9.74321%209.31231%209.74156%209.3141%209.73985%209.31594C9.739%209.31686%209.73813%209.31779%209.73724%209.31873C9.7368%209.3192%209.73612%209.31992%209.7359%209.32015C9.73522%209.32087%209.73454%209.32159%209.19075%208.80507ZM11.0632%2013.0559L10.5194%2013.5724C12.0422%2015.1757%2013.1924%2015.806%2014.0699%2015.9485C14.5201%2016.0216%2014.8846%2015.9632%2015.1606%2015.8544C15.2955%2015.8012%2015.4023%2015.7387%2015.4824%2015.6819C15.5223%2015.6535%2015.5556%2015.6266%2015.5825%2015.6031C15.5959%2015.5913%2015.6078%2015.5803%2015.6181%2015.5703C15.6233%2015.5654%2015.628%2015.5606%2015.6324%2015.5562C15.6346%2015.554%2015.6368%2015.5518%2015.6388%2015.5497C15.6398%2015.5487%2015.6408%2015.5477%2015.6417%2015.5467C15.6422%2015.5462%2015.6429%2015.5454%2015.6432%2015.5452C15.6439%2015.5444%2015.6446%2015.5437%2015.1008%2015.0272C14.557%2014.5107%2014.5577%2014.51%2014.5583%2014.5093C14.5586%2014.509%2014.5592%2014.5083%2014.5597%2014.5078C14.5606%2014.5069%2014.5615%2014.506%2014.5623%2014.5051C14.5641%2014.5033%2014.5658%2014.5015%2014.5675%2014.4998C14.5708%2014.4965%2014.574%2014.4933%2014.577%2014.4904C14.5831%2014.4846%2014.5885%2014.4796%2014.5933%2014.4754C14.6029%2014.467%2014.61%2014.4616%2014.6146%2014.4584C14.6239%2014.4517%2014.623%2014.454%2014.6102%2014.459C14.5909%2014.4666%2014.5001%2014.4987%2014.3103%2014.4679C13.9078%2014.4025%2013.0391%2014.0472%2011.607%2012.5394L11.0632%2013.0559ZM8.3733%203.90961L8.98569%203.47663C7.9721%202.04305%205.94388%201.80119%204.7177%203.09213L5.26149%203.60864L5.80529%204.12516C6.32812%203.57471%207.24855%203.61795%207.7609%204.3426L8.3733%203.90961ZM19.0012%2020.254L18.4574%2019.7375C18.1783%2020.0313%2017.8864%2020.1887%2017.6026%2020.2167L17.6763%2020.9631L17.75%2021.7095C18.497%2021.6357%2019.1016%2021.2373%2019.545%2020.7705L19.0012%2020.254ZM9.47756%208.50311L10.0214%209.01963C10.9889%208.00095%2011.0574%206.40678%2010.2467%205.26012L9.63428%205.6931L9.02189%206.12608C9.44404%206.72315%209.3793%207.51753%208.93377%207.9866L9.47756%208.50311ZM19.8834%2015.312L19.5092%2015.962C20.3301%2016.4345%2020.4907%2017.5968%2019.8779%2018.2419L20.4217%2018.7584L20.9655%2019.2749C22.2705%2017.901%2021.8904%2015.6019%2020.2575%2014.662L19.8834%2015.312ZM15.5562%2014.5477L16.1%2015.0642C16.4854%2014.6584%2017.086%2014.5672%2017.5987%2014.8623L17.9729%2014.2123L18.347%2013.5623C17.2485%2012.93%2015.8862%2013.1113%2015.0124%2014.0312L15.5562%2014.5477ZM11.0632%2019.1773L11.4622%2018.5423C10.4785%2017.9241%209.43149%2017.0876%208.3592%2015.9587L7.8154%2016.4752L7.27161%2016.9917C8.42564%2018.2067%209.56897%2019.1241%2010.6641%2019.8123L11.0632%2019.1773ZM17.6763%2020.9631L17.6026%2020.2167C17.0561%2020.2707%2016.1912%2020.2842%2015.113%2020.0584L14.9593%2020.7925L14.8056%2021.5266C16.0541%2021.788%2017.0742%2021.7762%2017.75%2021.7095L17.6763%2020.9631Z%22%20fill%3D%22%230B3D91%22%20fill-opacity%3D%220.6%22%2F%3E%0A%3C%2Fsvg%3E)}.datis-rating{display:flex;align-items:center;gap:10px}.datis-stars-ui{position:relative;display:inline-block;width:126px;height:18px;cursor:pointer;--fill:0%}.datis-stars-base{position:absolute;inset:0}.datis-stars-base svg path{stroke:rgb(10 38 71 / .16)}.datis-stars-fill{position:absolute;inset:0;overflow:hidden;width:var(--fill)}.datis-stars-fill svg path{stroke:var(--datis-primary-color);fill:var(--datis-primary-color)}.datis-rating-number{font-weight:600;font-size:14px;display:none}.datis-stars-fill-wrap{position:relative;display:inline-block;width:126px;height:18px}.datis-stars-fill-wrap .datis-stars-base svg path{stroke:var(--datis-primary-color)}.datis-stars-fill-wrap .datis-stars-fill{position:absolute;inset:0;overflow:hidden;width:var(--datis-fill)}.datis-stars-fill-wrap .datis-stars-fill svg path{stroke:var(--datis-primary-color)}.industry-demo .datis-stars-fill-wrap .datis-stars-fill svg path{stroke:var(--datis-secondary-color)}.industry-demo .datis-stars-fill-wrap .datis-stars-base svg path{stroke:var(--datis-secondary-color)}.industry-demo .datis-stars-fill svg path{stroke:var(--datis-secondary-color);fill:var(--datis-secondary-color)}.industry-demo .comment-info .comment-info-text{color:rgb(11 61 145 / .6)}.industry-demo .comment-info .leave-comment,.industry-demo .comment-form .leave-comment{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 0 0 16px;gap:8px;height:48px;background:var(--datis-secondary-color);border-radius:16px;font-weight:400;font-size:16px;line-height:25px;text-align:center;color:#F5F5F5;border:none;outline:none;transition:all 300ms}.industry-demo .comment-info .leave-comment svg,.industry-demo .comment-form .leave-comment svg{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 12px;gap:8px;width:48px;height:48px;background:var(--datis-primary-color);border-radius:0 16px 16px 0;transition:all 300ms;position:relative;z-index:0}.project-single .datis-testimonial-avatar-wrap,.blog-single .datis-testimonial-avatar-wrap{height:100px;position:relative}.project-single .datis-testimonial-card.style-1:hover .datis-testimonial-role,.blog-single .datis-testimonial-card.style-1:hover .datis-testimonial-role{color:#fff}.architecture-demo a.leave-comment,.architecture-demo .comment-form .leave-comment{background:var(--datis-primary-color);color:#fff;height:48px;border-radius:32px;display:flex;align-items:center;justify-content:center;padding:16px 0 16px 16px;gap:5px;border:none;outline:none}.architecture-demo a.leave-comment span,.architecture-demo .comment-form .leave-comment span{background:#090625;height:48px;display:flex;align-items:center;justify-content:center;border-radius:32px;padding:0 32px 0 32px}.architecture-demo .comment-form .leave-comment span{background:#fff;color:var(--datis-primary-color);border:1.5px solid var(--datis-primary-color)}.architecture-demo .comment-form .coment-fullname,.architecture-demo .comment-form .coment-phone,.architecture-demo .comment-form .coment-email,.architecture-demo .comment-form #comment{background:#fff0;border-radius:32px;border:1.5px solid rgb(9 6 37 / 50%);outline:none}.architecture-demo .comment-form .coment-fullname:focus,.architecture-demo .comment-form .coment-phone:focus,.architecture-demo .comment-form .coment-email:focus,.architecture-demo .comment-form #comment:focus{border:1.5px solid var(--datis-primary-color)}a.comment-reply-link{color:var(--datis-primary-color)}.project-comments .datis-testimonial-card.style-1{height:auto}@media screen and (max-width :768px){.industry-demo .comment-form .fullname-wrapper,.industry-demo .comment-form .phone-wrapper,.industry-demo .comment-form .email-wrapper{width:100%}.comment-form{padding:32px 16px}.datis-testimonial-card.style-1{height:100%!important}}