.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 rgba(10, 38, 71, 0.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: rgba(10, 38, 71, 0.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: 0.4;
}

.comment.style-2 .wrapper .user-image,
.comment.style-3 .wrapper .user-image {
    box-sizing: border-box;
    width: 48px;
    height: 47px;
    border: 0.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: rgba(10, 38, 71, 0.64);
    transition: all 300ms;

}


.comment.style-2:hover .user-info-separator line,
.comment.style-3:hover .user-info-separator line {
    stroke: #F3F4F6;
    stroke-opacity: 0.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: rgba(10, 38, 71, 0.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: transparent;
    border: 1px solid rgba(11, 61, 145, 0.2);
}

.comment-info .comment-rate {

    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.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: rgba(10, 38, 71, 0.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: rgba(10, 38, 71, 0.04);
    border-radius: 16px;
    border: 1.5px solid transparent;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 44px;
    text-align: right;
    color: rgba(10, 38, 71, 0.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 rgba(10, 38, 71, 0.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: rgba(10, 38, 71, 0.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: rgba(11, 61, 145, 0.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: rgba(10, 38, 71, 0.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: rgba(11, 61, 145, 0.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: 0px 0px 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: 0px 12px;
    gap: 8px;
    width: 48px;
    height: 48px;
    background: var(--datis-primary-color);
    border-radius: 0px 16px 16px 0px;
    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: transparent;
    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;
    }
}