.twocolbtn a {position: relative; font-family: 'Roboto Condensed';display: inline-block;background: #7dc2c3;color: #1b365d;font-size: 18px;font-weight: 700;border-radius: 10px;padding: 10px 50px 10px 20px;position: relative;min-width: 164px;}
.twocolbtn a:hover:before {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transition: all ease-in-out 0.3s; border-color: #fff;}
.twocolbtn a:before {position: absolute; content: ''; width: 25px; height: 25px; background-size: 15px; right: 15px; top: 50%;transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' fill='%231b365d' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;  background-position: center center; border: 2px solid #1b365d; border-radius: 50%;}
.twocolwebinarbtn { padding-top: 15px; }
.twocolleftcolumn { max-width: 300px; width: 100%;}
.twocolbutton {  padding-top: 30px;}
.twocolrightcolumn { max-width: calc(100% - 300px); width: 100%; }
.twocolinner { display: flex; align-items: flex-start; justify-content: space-between; gap: 90px; }
.twocolcontent { padding: 70px 0 30px; position: relative;}
/* .twocolcontent:before { position: absolute; content: ''; width: 100%;height: 247px;background: url('https://25717290.fs1.hubspotusercontent-eu1.net/hubfs/25717290/Drawing%20and%20talking%20-%20june%202022%20-%20Material/Home%20Page/Untitled-1.png'); */
/*   bottom: -33px; left: 0; background-size: 100% 100%; background-repeat: no-repeat;} */
.twocoltitle h2 {  font-weight: 700; font-family: 'Roboto Condensed'; letter-spacing: -0.10px;}
.twocolrightcolumn p {  font-family: 'Roboto'; font-weight: 400;}
{# Svg Animation #}
.btmAnimatedSvg svg {position: relative;top: 5.2px;z-index: 6;background: #fff;}
.btmAnimatedSvg {
  max-width: 400px;
  width: 100%;
  left: -40px;
  top: -36px;
}
.btmAnimatedSvg:before {
  content: "";
  position: absolute;
  height: 1.8px;
  width: 0%;
  background-color: #6ba4b8;
  top: 77.2%;
  left: 0;
  z-index: -4;
  transition: width 1s 3s;

}
.btmAnimatedSvg.animate_it:before{
  width: 100%;
}


#about-dnt .btmAnimatedSvgContainer {
  position: relative;
      top: -90px;
    z-index: -1;
}
{# * * * * * * * #}

@media (max-width : 1300px){
  .twocolcontent:before { height : 200px }
  .twocolcontent{ padding : 70px 0 40px;
  padding-bottom:0;}
}
@media (max-width : 1230px){
  .twocolinner {  gap: 50px;}
}
@media (max-width : 1080px){
  .twocolcontent { padding: 70px 0;}
  .twocolinner {  gap: 30px;}
}
@media (max-width : 991px){
  .twocolcontent {padding: 30px 0 30px;}
  .twocolinner { flex-direction: column; gap: 15px;}
  .twocolleftcolumn { max-width: 100%;}
  .twocolrightcolumn { max-width: 100%;}
  .twocolbutton { display: flex; align-items: center; gap: 15px; padding-top: 15px;}
  .twocolwebinarbtn { padding: 0;}
  .twocolcontent:before { height: 150px;}
}
@media (max-width : 480px){
  .twocolcontent:before {background-size: contain;height: 61px;bottom: 0;}
  .twocolcontent { padding: 30px 0 30px;}
  .twocolbutton {  flex-direction: column;  align-items: flex-start;}
}

.dementia-page .btmAnimatedSvg:before{
    height: 2.5px;
    background-color: #7654a1;
    top: 92.05%;
}