.disc {
  background: #5456f5;
  border-radius: 26px;
  width: 1.6rem;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}

.metadata {
  text-transform: uppercase;
  color: #545465;
  font-size: 0.73rem;
}

.tag {
  background: #f5f5f5;
  text-transform: uppercase;
  color: #545465;
  border-radius: 1rem;
  font-size: 0.73rem;
  padding: 3px 8px;
  margin: 0 6px 0 0;
}

.tag:hover {
  background: #fde7dd;
  color: #ff5d12;
  text-decoration: none;
}

.tag-large {
  background: none;
  color: #393ce5;
  border-radius: 2rem;
  font-size: 1.4rem;
  padding: 0 20px;
  margin: 0 12px 12px 0;
  border: 2px solid #a9aafa;
  display: inline-block;
}

.tag-large:hover {
  background: #393ce5;
  color: #fff;
  text-decoration: none;
  border: 2px solid #393ce5;
}

.tag-large-on {
  background: #393ce5;
  color: #fff;
  border: 2px solid #393ce5;
}

.tag-large-on:hover {
  background: #393ce5;
  color: #fff;
  text-decoration: none;
  border: 2px solid #393ce5;
}

/** Card **/




.card {
  border-radius: 10px;
  transition: 0.3s;
}

.card-shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.card-active {
  border-radius: 10px;
}

.card-active:hover {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.card-labelarea {
  margin-top: -2px;
  margin-bottom: 6px;
  min-height: 1.46rem;
}

.card-label-new {
  background: #ff9361;
  border-radius: 0 0 5px 5px;
  margin: 0 4px 0 0;
  padding: 3px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.card-label-free {
  background: #75d9e3;
  border-radius: 0 0 5px 5px;
  margin: 0 4px 0 0;
  padding: 3px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
}

/* #b8d219 */

.card-label-pro,
.card-label-hero {
  background: #75d9e3;
  border-radius: 0 0 5px 5px;
  margin: 0 4px 0 0;
  padding: 3px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.card-label-new {
  background: #ff9361;
  border-radius: 0 0 5px 5px;
  margin: 0 4px 0 0;
  padding: 3px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
}

/* #a9aafa */

.card-blank {
  transition: none;
  border: 0;
  background: none;
}

.card-image {
  border-radius: 10px 10px 0 0;
}

.shim-right {
  margin-right: 8px;
}

.preview-image {
  max-width: 100%;
  height: 200px;
}

.pagination .page-item .page-link {
  height: 40px;
  background: none;
  color: #393ce5;
  border-radius: 2rem;
  font-size: 1rem;
  border: 2px solid #a9aafa;
  display: inline-block;
  margin: 0 4px;
  width: 40px;
  text-align: center;
}

.pagination .page-item.active .page-link {
  height: auto !important;
  background: #393ce5 !important;
  color: #fff !important;
  text-decoration: none;
  border: 2px solid #393ce5;
}

.btn-tmpl-actions {
  background: transparent;
  border-radius: 3px;
  min-width: 110px;
  font-weight: 400;
  height: auto;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.btn-tmpl-actions:focus {
  box-shadow: none;
  outline: none;
}

.btn-tmpl-actions:focus-visible {
  outline: none;
}

.btn-tmpl-actions:hover {
  text-decoration: underline;
}

.btn-tmpl-actions.btn-outline-primary:hover {
  background-color: #fef4f2 !important;
  border-color: #e55716 !important;
  color: #e55716 !important;
}

.btn-tmpl-actions.btn-outline-secondary:hover {
  background-color: #f9f9f9 !important;
  border-color: #545465 !important;
  color: #545465 !important;
}


/*-------------02122025--------*/
.newTempSrcForm {
    max-width: 620px;
    margin: 0 auto;
    position: relative;
}
.newTempSrcForm .form-control {
    border: 1px solid #E9EBF8;
    height: 62px;
    border-radius: 32px;
    font-size: 15px;
    font-weight: normal;
    padding: 0 50px 0 54px;
    box-shadow: 0 2px 2px hsl(0deg 0% 0% / 5%);
}
.newTempSrcForm button {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 0;
    border: 1px solid #F6E0D4;
    background-color: #FFEFE7;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    padding: 0;
    transform: translate(0, -50%);
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%229%22%20viewBox%3D%220%200%2010%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M0.601291%203.58903C0.642233%203.58238%200.683675%203.57931%200.725149%203.57985H7.78564L7.63168%203.50824C7.4812%203.43701%207.34429%203.34008%207.2271%203.22182L5.24716%201.24188C4.9864%200.992953%204.94259%200.592513%205.14333%200.293083C5.37697%20-0.0259939%205.82503%20-0.0952737%206.14413%200.138367C6.16991%200.157251%206.1944%200.17784%206.21744%200.199994L9.7978%203.78035C10.0776%204.05984%2010.0778%204.51323%209.79836%204.79303L9.7978%204.79359L6.21744%208.37395C5.93741%208.6532%205.48403%208.65257%205.20476%208.37254C5.18278%208.3505%205.16226%208.32705%205.14333%208.30234C4.94259%208.00291%204.9864%207.60247%205.24716%207.35355L7.22352%205.37003C7.32858%205.26485%207.44937%205.17668%207.58156%205.10866L7.79638%205.01199H0.764555C0.398754%205.02558%200.0778198%204.77005%200.00909901%204.41049C-0.0542059%204.02012%200.21092%203.65235%200.601291%203.58903Z%22%20fill%3D%22%23FF5D12%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
}
i.ntIcn {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cpath%20d%3D%22M15.7754%2015.06L11.6634%2011.0138C12.7402%209.84385%2013.4018%208.29664%2013.4018%206.5941C13.4013%202.95205%2010.4014%200%206.70064%200C2.99985%200%200%202.95205%200%206.5941C0%2010.2362%202.99985%2013.1882%206.70064%2013.1882C8.29964%2013.1882%209.7662%2012.6351%2010.9182%2011.7157L15.0461%2015.7778C15.2472%2015.976%2015.5737%2015.976%2015.7749%2015.7778C15.8227%2015.7311%2015.8607%2015.6753%2015.8867%2015.6137C15.9127%2015.5521%2015.9261%2015.4859%2015.9261%2015.419C15.9262%2015.3522%2015.9129%2015.2859%2015.887%2015.2243C15.8611%2015.1626%2015.8231%2015.1068%2015.7754%2015.06ZM6.70064%2012.1737C3.56937%2012.1737%201.03099%209.67561%201.03099%206.5941C1.03099%203.51259%203.56937%201.01454%206.70064%201.01454C9.83194%201.01454%2012.3703%203.51259%2012.3703%206.5941C12.3703%209.67561%209.83194%2012.1737%206.70064%2012.1737Z%22%20fill%3D%22%23FF5D12%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
}

/*------------------03122025------------------------------*/

.topBg01 {background-color: #F8F8FF;}
.bgWhite {background-color: #FFFFFF;}

.ttext01 {
      width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 10px 25px 10px;
    box-sizing: border-box;
}
.ttext01 h1 {
  color: #25252D;
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 12px 0;
}
.ttext01 p.txt-xlarge {
  color: #64748B;
  font-size: 18px;
  margin: 0;
}
.tcatgTags a.tag-large {
  transition: all ease-in-out 0.3s;
  border: 1px solid #C3C7E6;
  font-size: 14px;
  color: #171612;
  padding: 3px 20px;
  background: #fff;
  margin: 0 5px 10px 5px;
  vertical-align: middle;
}
.tcatgTags a.tag-large:hover {
  background: hsl(297deg 62% 34% / 10%);
  border-color: hsl(297deg 62% 34% / 40%);
}
.tcatgTags {
  font-size: 0;
  max-width: 975px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.tcatgTags a.tag-large.tag-large-on {
  background: hsl(297deg 62% 34% / 10%);
  border-color: hsl(297deg 62% 34% / 40%);
  color: #88218D;
}
.ttext03 {
    padding-bottom: 14px;
}
.tmlPage {
  margin: 0 auto 20px;
  max-width: 1588px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
}
.itemHdrTxt h2 {
  color: #1F2027;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.itemHdrTxt p {
    margin: 0;
    font-size: 12px;
    color: #8693a5;
}
.ttext02 {
  padding: 0 10px 30px;
}
.itemCards .card .cardbody {
  padding: 10px; 
  box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #E2E5E6;
    background: #fff;
    
}
.itemCards .card {
    width: 402px;
    max-width: 100%;
    box-shadow: unset;
    background-color: transparent;
    border-radius: 0px;
    border: 0px solid #E2E5E6;
    padding: 0 10px;
}

.ttext04 {
    padding: 0 0px 40px;
    box-sizing: border-box;
    width: 100%;
}
.itemCards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.ftImgBx img {
    max-height: 208px; height: auto; width: auto;
}
.ftImgBx a {
    display: block;
    font-size: 0;
    text-align: center;
}
.ftBtns {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: stretch;gap: 10px; padding: 10px 0 0;}
.ftBtns a, .ftBtns button {
    width: 50%;
    text-align: center;
}
.ftTxtBx h5 {
    color: #1F2027;
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 5px 0;
}
.ftTxtBx {padding: 10px 0 0;}
.ftCtgIcn {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Cg%20opacity%3D%220.7%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.4403%207.48977V2.04266C10.4402%201.74169%2010.3207%201.45304%2010.108%201.24012C9.8951%201.0274%209.60645%200.907895%209.30547%200.907851H5.36041L5.22014%200.627325C5.1259%200.438828%204.98103%200.280298%204.80176%200.169498C4.62249%200.0586986%204.41591%207.16299e-06%204.20517%200H1.13481C0.985788%200%200.838221%200.0293528%200.700539%200.0863826C0.562857%200.143412%200.437757%200.227002%200.332379%200.332379C0.11956%200.545198%200%200.833842%200%201.13481V7.48977C0%207.79074%200.11956%208.07939%200.332379%208.29221C0.545198%208.50502%200.833843%208.62459%201.13481%208.62459H9.30547C9.60645%208.62454%209.8951%208.50503%2010.108%208.29231C10.3207%208.07939%2010.4402%207.79074%2010.4403%207.48977ZM9.98636%202.95052V7.48977C9.98636%207.67043%209.91464%207.84361%209.78686%207.97116C9.72368%208.03443%209.64864%208.08462%209.56604%208.11885C9.48343%208.15308%209.39489%208.17069%209.30547%208.17066H1.13481C0.954231%208.17066%200.781044%208.09892%200.653353%207.97123C0.525662%207.84354%200.453926%207.67035%200.453926%207.48977V1.13481C0.453926%200.954231%200.525662%200.781044%200.653353%200.653353C0.781044%200.525662%200.954231%200.453926%201.13481%200.453926H4.20517C4.3316%200.45393%204.45553%200.489135%204.56308%200.555598C4.67063%200.62206%204.75755%200.717155%204.81411%200.83023L5.47116%202.14412C5.48996%202.18184%205.51891%202.21358%205.55475%202.23575C5.5906%202.25793%205.63192%202.26966%205.67407%202.26963H9.30547C9.48614%202.26963%209.65931%202.34135%209.78686%202.46913C9.91464%202.59668%209.98636%202.76985%209.98636%202.95052ZM5.58737%201.36178L5.81433%201.8157H9.30547C9.55241%201.8157%209.79117%201.89627%209.98636%202.04266C9.98636%201.862%209.91464%201.68883%209.78686%201.56128C9.72368%201.49801%209.64864%201.44782%209.56604%201.41358C9.48343%201.37935%209.39489%201.36175%209.30547%201.36178H5.58737Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    width: 12px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.ftCtgBx {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 5px;
}

.ftCtgName {
    color: #000;
    opacity: 0.5;
    font-size: 12px;
    font-weight: normal;
}
span.newlbl {
    background: #fe5d12;
    border-radius: 12px;
    padding: 2px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.itemHdr02 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px 0;
}

.itemHdrTxt a {
    color: #FF5D12;
    font-size: 12px;
    text-decoration: unset;
}
.itemHdrTxt a:hover {
    color: #88218D;
}
.itemSet {
  padding: 50px 0 0 0;
}
.ttext05 .card-body {
    padding: 10px;
}
.itemCards button.owl-dot {
    width: 6px;
    height: 6px;
    background: #DBDEF2;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    margin: 0 2px;
}
.itemCards button.owl-dot.active {
    width: 10px;
    background: #FF5D12;
}
.itemCards .owl-dots {
    text-align: center;
}
.itemSet .card-deck {
    margin: 0;
    gap: 20px;
}
.itemSet .card-deck .card {
    margin: 0;
    width: calc((100% - (20px * 3))/4);
    flex: unset;
    border-color: #E2E5E6;
}
.pad-top.vewAllBtnBx .newClrBtn {
    height: 44px;
    line-height: 42px;
    padding: 0 40px !important;
    font-size: 16px;
}

ul.pagination {
    margin: 0;
    text-align: center;
}

.pagination .page-item .page-link {
    background: #F8F8FF;
    border: 1px solid #E5E5FF;
    border-radius: 4px;
    padding: 0;
    font-size: 14px;
    color: #000;
    height: 32px;
    width: 32px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.pagination .page-item .page-link:hover {
    background: #f1f1fb;
}
.pagination .page-item.active .page-link {
    background: #E5E5FF !important;
    color: #000 !important;
    border: 1px solid #E5E5FF;
    height: 32px !important;
}

.pagination {
    justify-content: center;
}
ul.pagination li:first-child .page-link,
ul.pagination li:last-child .page-link {
    font-size: 24px;
    line-height: 24px;
}
.modal-content .modal-header {
  border-bottom: 1px solid #E2E5E6;
}
.max-width-full {
  max-width: 100%;
}

/*786*/
@media screen and (max-width:1030px) {/* 1024 px */


  

}/* 1024 px */
@media screen and (max-width:979px) { /* 800 px */

  

}/* 800 px */
@media screen and (max-width:799px) { /* 768 px */


	
}/* 768 px */
@media screen and (max-width:767px) { /* 640 px */

  

}/* 640 px */
@media screen and (max-width:639px) { /* 480 px */


	
}/* 480 px */
@media screen and (max-width:479px) { /* 360 px */

  .ftBtns {
      flex-direction: column;
  }
  .ftBtns a, .ftBtns button {
      width: 100%;
  }

}/* 360 px */
@media screen and (max-width:359px) { /* 320 px */


  
  

}/* 320 px */



/*--------------------Drawify Services---------------------*/
.dsArea {
  max-width: 1400px; margin: 0 auto; padding: 70px 0;
}
.dsHdr h2 {
    color: #25252D;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
}
.dsHdr p {
  color: #64748B;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 0;
}
.dsArea .newClrBtn {height: 44px; line-height: 42px;}
.dsHdr {
    margin: 0 0 45px 0;
}

.dsBody h5 {
    color: #25252D;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 15px 0;
}
.dsImg {
    margin: 0 0 12px 0;
}
.dsImg img {
    border-radius: 4px;
    background: #fff;
}
.dsBody p {
    color: #1F2027;
    font-size: 18px;
    line-height: 24px;
}
@media screen and (max-width:1030px) {/* 1024 px */

  .dsHdr h2 {font-size: 32px;}
  .dsHdr p {font-size: 18px; line-height: 24px;}
  .dsBody h5 {font-size: 20px;}
  .dsHdr {
    margin: 0 0 30px 0;
  }
  .dsBody p {  
    font-size: 14px;
    line-height: 20px;
  }
  .dsArea {
    padding: 50px 0;
  }


}/* 1024 px */
@media screen and (max-width:979px) { /* 800 px */

  .itemCards .card {
    width: 310px;
  }
  .itemSet .card-deck .card {
      margin: 0;
      width: calc(50% - 10px);
      flex: unset;
  }
  .tcatgTags {
    display: flex;
    overflow: auto;
    white-space: nowrap;
  }
  .ttext01 {
    padding: 20px 10px 25px 10px;
  }
  .ttext01 h1 {
    font-size: 32px;
    line-height: normal;
  }
  .ttext01 p.txt-xlarge {font-size: 16px; line-height: 20px;}
  .itemSet {
    padding: 36px 0 0 0;
  }


}/* 800 px */
@media screen and (max-width:799px) { /* 768 px */


	
}/* 768 px */
@media screen and (max-width:767px) { /* 640 px */

  

}/* 640 px */
@media screen and (max-width:639px) { /* 480 px */
  .newTempSrcForm .form-control {height: 52px;}
  .itemSet .card-deck {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 14px;
  }
  .itemSet .card-deck .card {
      width: calc(50% - 7px);
  }
  .itemHdr02 {
    flex-direction: column;
    gap: 10px;
  }
  .itemHdrTxt h2 {text-align: center;}

	
}/* 480 px */
@media screen and (max-width:479px) { /* 360 px */

  .ftTxtBx h5 {
      font-size: 14px;
  }


}/* 360 px */
@media screen and (max-width:359px) { /* 320 px */


  
  

}/* 320 px */
/*----------------END---Drawify Services---END--------------------*/
/* 
------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/* ------------------- Miro is better with Drawify! -----------------------*/

.badge2 {
    text-align: center;
  margin-bottom: 30px;
}
.badge2 span {
  display: inline-block;
  padding: 10px 20px;
  background-color: rgba(136, 33, 141, 0.1);
  border-radius: 20px;
  color: #88218D;
  font-size: 14px;
  font-weight: 500;
}
.section-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 52.92px;
  color: #25252D;
  text-align: center;
  margin-bottom: 30px;
}
.highlight {
  color: #88218D;
}


.integrations {
  padding: 80px 0;
  background-color: #FFFFFF;
}

.integration-card {
  max-width: 1232px;
  margin: 0 auto;
  background: linear-gradient(90deg, #F8F8FF 0%, #FFFFFF 100%);
  border: 1px solid #ACB2DB;
  border-radius: 16px;
  padding: 24px 0 24px 40px;
  display: flex;
  gap: 60px;
  align-items: center;
}

.integration-header {
  flex: 1;
}



.integration-info h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
  color: #020817;
  margin-bottom: 10px;
}

.status-badge {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 0px;
}

.status-badge span.livegr:before {
  content: ""; 
  display: inline-block; 
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-color: #16A34A;
  border-radius: 50%;
  margin: -2px 4px 0 0;
}

.status-badge span.livegr {
  background-color: #D8EFE7;
  border: 1px solid rgba(22, 163, 74, 0.3);
  border-radius: 16px;
  padding: 3px 14px 3px 12px;
  font-size: 10px;
  font-weight: 700;
  color: #16A34A;
}

.rating {
  font-size: 12px;
  color: #000000;
}

.integration-description {
  font-size: 20px;
  line-height: 28px;
  color: #64748B;
  margin-bottom: 18px;
}
.integration-description span.highlight-text {
    font-weight: 600;
}
.feature-tags {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  font-size: 14px;
}

.feature-tag {
  display: flex;
  align-items: center;
  gap: 8px;
}

.feature-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.feature-dot.orange {
  background-color: #FF5D12;
}

.feature-dot.purple {
  background-color: #88218D;
}

.feature-dot.green {
  background-color: #16A34A;
}

.integration-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
a.btn-install,
.btn-install {
  padding: 11px 30px;
  background-color: #FFFFFF;
  border: 1px solid #88218D;
  border-radius: 4px;
  color: #88218D;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  vertical-align: middle;
}

.btn-install:hover {
  background-color: #f8f8ff;
  color: #88218D;
  text-decoration: unset;
}

.install-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.install-text {
  font-size: 12px;
  color: #000000;
}

.install-subtext {
  font-size: 12px;
  color: #64748B;
}

.integration-stats {
  flex: 0 0 auto;
  text-align: center;
  background: linear-gradient(90deg, rgba(136, 33, 141, 0.1) 0%, rgba(136, 33, 141, 0.15) 100%);
  border-radius: 16px;
  padding: 40px;
  position: relative;
}




.stat-number {
  font-size: 44px;
  font-weight: 700;
  line-height: 55.44px;
  color: #88218D;
  margin-bottom: 8px;
}

.stat-label {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #64748B;
  margin-bottom: 30px;
}

.stat-boxes {
  display: flex;
  gap: 20px;
}

.stat-box {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 15px;
  width: 150px;
  height: 71px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.stat-value {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  color: #88218D;
}

.stat-desc {
  font-size: 16px;
  line-height: 20px;
  color: #64748B;
}

.miroLcrd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 20px 0;
}

.miro-logo img {
    max-height: 45px;
}

.miro-txt h3 {
    font-size: 22px;
    margin: 0 0 5px 0;
}

.miro-txt {
    margin: 0 0 00 0;
    border-left: 1px solid #ccc;
    padding: 0 0 0 20px;
}

.miro-logo {
    padding: 0 20px 0 0;
}

.aimBx {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin: 0 0 20px 0;
}

.aimTxt {
    text-align: left;
}
.mtxt01 p {
    margin: 0;
    color: #020817;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.mtxt01 {
    margin: 0 0 10px 0;
}

.mtxt02 ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.mtxt02 {
    margin: 0 0 30px 0;
}

.mtxt02 ul li {
    color: #64748B;
    line-height: 28px;
    padding: 0 0 0 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22transform%3A%20rotate(0deg)%20scale(1%2C%201)%3B%20transform-origin%3A%20center%20center%3B%22%3E%0A%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%225.5%22%20fill%3D%22%23D8EFE7%22%20stroke%3D%22%239ED8B8%22%2F%3E%0A%3Cpath%20d%3D%22M8.68559%203.42569C7.63544%203.77043%206.29657%204.69237%205.06206%206.27162L4.33242%205.46192C4.2202%205.3337%204.01179%205.3337%203.8995%205.46192L3.36246%206.06327C3.25823%206.1835%203.26628%206.35986%203.37851%206.4641L5.0299%208.05135C5.16617%208.17963%205.39063%208.14753%205.48687%207.97921C6.36871%206.38385%207.31468%205.19743%208.91804%203.83451C9.1104%203.6662%208.93403%203.3455%208.68553%203.42575L8.68559%203.42569Z%22%20fill%3D%22%2316A34A%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: left center;
    background-repeat: no-repeat;
}
.integration-images img {
    max-height: 360px;
}
@media screen and (max-width:1030px) {/* 1024 px */

  .integrations {
    padding: 50px 0;
  }
  .section-title { font-size: 33px; line-height: normal;}
  .badge2 {
    margin-bottom: 15px;
  }
  .mtxt01 p {
    font-size: 18px;
    line-height: 24px;
  }
  .mtxt02 ul li {
    font-size: 14px;
    line-height: 24px;
  }

.itemCards .card {width: 300px; padding: 0 0 0 10px;}
.itemSet .card-deck .card {    width: calc((100% - (20px * 1)) / 2);}



}/* 1024 px */
@media screen and (max-width:979px) { /* 800 px */
  .dashboard-contents div.contents {
        padding: 0;
    }

  .integration-card {
    padding: 0;
    gap: 40px;
    align-items: flex-end;
    flex-direction: column;
  }
  .integration-header {
    padding: 24px 24px 0;
  }
  .ttext07 .container {
    max-width: 100%;
  }


  

}/* 800 px */
@media screen and (max-width:799px) { /* 768 px */


	
}/* 768 px */
@media screen and (max-width:767px) { /* 640 px */

  

}/* 640 px */
@media screen and (max-width:639px) { /* 480 px */
 
    .miroLcrd {
      gap: 15px;
  }

  .integration-actions {
      flex-direction: column;
      text-align: center;
      gap: 10px;
  }

	
}/* 480 px */
@media screen and (max-width:479px) { /* 360 px */

  .miroLcrd {
      justify-content: center;
  }
  .itemCards .card {
    width: 280px;
  }
  .itemSet .card-deck .card {
        width: calc((100% - (20px * 0)) / 1);
    }
    

}/* 360 px */
@media screen and (max-width:359px) { /* 320 px */

.itemCards .card {
    width: 215px;
  }
  
  

}/* 320 px */
/* ---------------END---- Miro is better with Drawify! ----END-------------------*/

/* === Templates library visual refresh: START === */
.tmlPageBx {background:#fffdf9}
.tmlPageBx>.topBg01:first-child{background:radial-gradient(circle at 10% 0,rgba(241,90,41,.12),transparent 34%),radial-gradient(circle at 90% 0,rgba(84,86,245,.1),transparent 36%),#fffdf9}
.tmlPageBx .ttext01{max-width:900px;padding:54px 20px 24px}
.tmlPageBx .ttext01 h1{margin-bottom:16px;color:#151515;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4vw,58px);font-weight:500;line-height:1;letter-spacing:-.045em}
.tmlPageBx .ttext01 p.txt-xlarge{color:#69635d;font-size:15px;line-height:1.55}
.tmlPageBx .ttext01 p.txt-xlarge a{color:#e95020;font-weight:700}
.tmlPageBx .ttext02,.tmlPageBx .ttext03{background:#fffaf6}
.tmlPageBx .ttext02{padding:30px 10px;border-top:1px solid #eadfd5;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.tmlPageBx .newTempSrcForm{max-width:680px}
.tmlPageBx .newTempSrcForm .form-control{height:58px;border-color:#ddd3ca;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(49,31,13,.07)}
.tmlPageBx .ttext03{padding-bottom:21px;border-bottom:1px solid #ece4dc}
.tmlPageBx .tcatgTags{max-width:1120px}
.tmlPageBx .tcatgTags a.tag-large{margin:0 4px 8px;padding:7px 14px;border-color:#ded6ce;background:#fff;color:#39342f;font-size:12px;line-height:1.2}
.tmlPageBx .tcatgTags a.tag-large:hover,.tmlPageBx .tcatgTags a.tag-large.tag-large-on{border-color:#efb89f;background:#fff1e9;color:#d94b1d}
.tmlPageBx .ttext04{padding:34px 0 44px;background:#f8f8ff}
.tmlPageBx .tmlPage{width:100%;max-width:100%;padding-inline:24px}
.tmlPageBx .itemList01+.itemList01{margin-top:34px}
.tmlPageBx .itemHdrTxt h2{color:#151515;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2vw,30px);font-weight:500;line-height:1.08;letter-spacing:-.025em}
.tmlPageBx .itemHdrTxt a{padding:7px 11px;border:1px solid #f1c8b7;border-radius:999px;background:#fff;color:#e95020;font-weight:700}
.tmlPageBx .itemCards .card .cardbody,.tmlPageBx .itemSet .card-deck .card{overflow:hidden;border-color:#e6ded6;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(49,31,13,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.tmlPageBx .itemCards .card .cardbody:hover,.tmlPageBx .itemSet .card-deck .card:hover{border-color:#efb89f;box-shadow:0 14px 30px rgba(49,31,13,.09);transform:translateY(-2px)}
.tmlPageBx .itemCards .card .cardbody{padding:12px}
.tmlPageBx .featured_templates_items{gap:16px;padding-inline:24px}
.tmlPageBx .featured_templates_items>.card{width:calc((100% - (16px * 3))/4);padding:0}
.tmlPageBx .ftImgBx{overflow:hidden;aspect-ratio:16/9;border-radius:10px;background:#fff}
.tmlPageBx .ftImgBx a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.tmlPageBx .ftImgBx img,.tmlPageBx .ftImgBx img.preview-image{display:block;width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;object-position:center}
.tmlPageBx .ftTxtBx h5{color:#1d1a17;font-size:15px;font-weight:650}
.tmlPageBx .ftCtgName{color:#746d66;opacity:1}
.tmlPageBx .newClrBtn,.tmlPageBx .newWhtBtn{border-radius:7px}
.tmlPageBx span.newlbl{background:#f15a29;font-size:10px;font-weight:800;letter-spacing:.06em}
.tmlPageBx .ttext05{padding-bottom:46px;background:#fffdf9}
.tmlPageBx .itemSet{padding:36px 0;border-bottom:1px solid #ece4dc}
.tmlPageBx .itemSet:last-child{border-bottom:0}
.tmlPageBx .itemSet .itemHdr02{margin-bottom:18px}
.tmlPageBx .itemSet .card-deck{gap:16px}
.tmlPageBx .itemSet .card-deck .card{width:calc((100% - (16px * 3))/4)}
.tmlPageBx .ttext05 .card-body{padding:12px!important}
.ttext06>.topBg01{padding:0 24px;border-block:1px solid #e7e2ee;background:#f8f8ff}
.ttext06 .dsArea{max-width:1450px;padding:60px 20px}
.ttext06 .dsHdr{max-width:920px;margin:0 auto 38px}
.ttext06 .dsHdr h2,.ttext07 .section-title{color:#151515;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
.ttext06 .dsHdr h2{margin-bottom:14px;font-size:clamp(36px,3.5vw,48px);line-height:1.05}
.ttext06 .dsHdr p{color:#69635d;font-size:16px;line-height:1.55}
.ttext06 .dsBody h5{color:#1d1a17;font-size:18px;font-weight:700}
.ttext06 .dsBody p{color:#69635d;font-size:13px;line-height:1.5}
.ttext07 .integrations{padding:68px 24px;background:#fffdf9}
.ttext07 .section-title{font-size:clamp(36px,3.5vw,48px);line-height:1.05}
.ttext07 .highlight{color:#f15a29}
.ttext07 .badge2 span{background:#fff1e9;color:#d94b1d}
.ttext07 .integration-card{border-color:#e3d9cf;background:linear-gradient(105deg,#fff 0%,#fff8f3 100%);box-shadow:0 18px 45px rgba(49,31,13,.07)}
@media screen and (max-width:1030px){.tmlPageBx .featured_templates_items>.card,.tmlPageBx .itemSet .card-deck .card{width:calc((100% - 16px)/2)}.ttext06 .dsArea{padding-block:48px}}
@media screen and (max-width:767px){.tmlPageBx .ttext01{padding:40px 18px 20px}.tmlPageBx .ttext01 h1{font-size:40px}.tmlPageBx .tmlPage,.tmlPageBx .featured_templates_items{padding-inline:14px}.tmlPageBx .ttext04{padding-top:26px}.tmlPageBx .itemSet{padding-block:28px}.ttext07 .integrations{padding:50px 14px}}
@media screen and (max-width:479px){.tmlPageBx .tcatgTags{justify-content:flex-start}.tmlPageBx .featured_templates_items>.card,.tmlPageBx .itemSet .card-deck .card{width:100%}.tmlPageBx .itemHdr02{align-items:flex-start}.ttext06 .dsArea{padding-inline:0}}
/* === Templates library visual refresh: END === */

/* === Marketplace library visual refresh: START === */
body.all-drawifier-marketplace-list .marketplace-library-page{background:#f7f7ff}
body.all-drawifier-marketplace-list .marketplace-library-page>.d-flex{align-items:stretch}
body.all-drawifier-marketplace-list .marketplace-library-page .contents{overflow:hidden;background:#f7f7ff}
body.all-drawifier-marketplace-list .marketplace-library-page .tmlPageBx{min-height:100%;background:transparent}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero{border-bottom:1px solid #eee4df;background:linear-gradient(110deg,#fff8f3,#f7f7ff 72%)}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01{max-width:920px;padding:64px 20px 56px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01 h1{margin:0 0 16px;color:#1f2029;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.04em}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01 p.txt-xlarge{max-width:760px;margin:0 auto;color:#65616e;font-size:17px;line-height:1.6}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section{padding:48px 24px 52px;background:transparent}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section+.marketplace-section{padding-top:8px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .tmlPage{width:100%;max-width:1440px;margin:0 auto;padding:0}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section h3{margin:0 0 8px;color:#1f2029;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,2.4vw,36px);font-weight:400;line-height:1.18;letter-spacing:-.025em}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-section-description{margin:0 0 24px;color:#6d6977;font-size:16px;line-height:1.55}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace_list{gap:22px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace_box{display:flex;width:calc((100% - 66px)/4);min-width:0;padding:12px;overflow:hidden;border:1px solid #e8ddd7;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,32,41,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace_box:hover{border-color:#ddcdc5;box-shadow:0 14px 30px rgba(31,32,41,.1);transform:translateY(-3px)}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_boxin{display:flex;width:100%;min-width:0;flex-direction:column}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .image-container{width:100%}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-templates-img-container{display:grid;height:252px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(160px,2fr) minmax(72px,1fr);gap:8px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_imgs,body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_imgs:first-child{width:auto;min-width:0;height:auto;border:1px solid #eee4df;border-radius:9px;background:#fffaf7}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_imgs:first-child{grid-column:1/-1}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_imgs:only-child{height:auto;grid-row:1/3}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_imgs img{display:block;width:100%;height:100%;object-fit:contain}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_imgs span.marketplace-more-templates{border-radius:8px;background:rgba(31,32,41,.68);font-size:21px;letter-spacing:.04em}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .mk_box_data{display:flex;flex:1;min-width:0;flex-direction:column;padding:16px 4px 4px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-name{min-height:44px;margin:0 0 5px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-name a{display:-webkit-box;overflow:hidden;color:#1f2029;font-size:17px;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-name a:focus,body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-name a:hover{color:#8c2189}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-template-count strong{color:#817c89;font-size:12px;font-weight:400;opacity:1}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-drawifier-info{margin-top:8px;color:#777482;font-size:13px;line-height:1.4}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-drawifier-info span{color:#4d4a55;font-weight:500}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .cart-form{margin-top:auto;padding-top:18px;align-items:center}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-price-info{gap:8px;color:#1f2029;font-size:18px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .old-price{color:#777482;font-size:15px;font-weight:400}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .special-price{color:#ff5d12}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .view-cart-icon a{display:inline-flex;width:auto;min-width:42px;height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;background:linear-gradient(90deg,#ff5d12,#8c2189);color:#fff;font-size:13px;font-weight:600;line-height:1}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .view-cart-icon a:before{position:static;width:23px;height:19px;transform:none}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .view-cart-icon a:focus,body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .view-cart-icon a:hover{background:linear-gradient(90deg,#e94d08,#741670);color:#fff;text-decoration:none}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section{padding-bottom:38px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace_list{display:block}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace_box{width:100%;max-width:900px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .mk_boxin{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:26px;align-items:center}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace-templates-img-container{height:290px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .mk_box_data{padding:18px 22px 18px 0}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace-name{min-height:0;margin-bottom:9px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace-name a{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;line-height:1.2;-webkit-line-clamp:3}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace-drawifier-info{margin-top:12px;font-size:14px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .cart-form{margin-top:26px}
body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-templates-section{padding-bottom:72px;border-top:1px solid #eee4df}
@media screen and (max-width:1279px){body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace_box{width:calc((100% - 44px)/3)}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace_box{width:100%}}
@media screen and (max-width:979px){body.all-drawifier-marketplace-list .marketplace-library-page .contents{padding:0}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01{padding:48px 20px 44px}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace_box{width:calc((100% - 22px)/2)}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace_box{width:100%}}
@media screen and (max-width:767px){body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01{padding:42px 18px 38px}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01 h1{font-size:40px}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-library-hero .ttext01 p.txt-xlarge{font-size:16px}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section{padding:36px 15px 42px}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .mk_boxin{display:flex;gap:0}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .mk_box_data{padding:16px 4px 4px}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-guides-section .marketplace-name a{font-family:inherit;font-size:18px;font-weight:600}}
@media screen and (max-width:639px){body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace_box,body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-guides-section .marketplace_box{width:100%}body.all-drawifier-marketplace-list .marketplace-library-page .marketplace-section .marketplace-templates-img-container{height:260px}}
/* === Marketplace library visual refresh: END === */