.elementor-16477 .elementor-element.elementor-element-a72da53:not(.elementor-motion-effects-element-type-background), .elementor-16477 .elementor-element.elementor-element-a72da53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8db3335 );background-image:url("https://playgardenonline.com/wp-content/uploads/2022/01/wood-solid-natural-greendk-2.jpg");background-position:top right;}.elementor-16477 .elementor-element.elementor-element-a72da53 > .elementor-container{min-height:600px;}.elementor-16477 .elementor-element.elementor-element-a72da53{box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.06);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-20px;margin-bottom:0px;}.elementor-16477 .elementor-element.elementor-element-a72da53 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16477 .elementor-element.elementor-element-2e5610a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-16477 .elementor-element.elementor-element-2e5610a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://playgardenonline.com/wp-content/uploads/2022/01/DD5895E6-2FE8-40D5-822E-EB16086A7F74-2-2.jpg");background-position:center center;background-size:cover;}.elementor-16477 .elementor-element.elementor-element-2e5610a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-16477 .elementor-element.elementor-element-2e5610a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-16477 .elementor-element.elementor-element-3291a01.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-16477 .elementor-element.elementor-element-3291a01.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-16477 .elementor-element.elementor-element-3291a01 > .elementor-element-populated{padding:0px 0px 0px 56px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16477 .elementor-element.elementor-element-eb89a9f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;line-height:90px;}.elementor-16477 .elementor-element.elementor-element-94b9363 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;line-height:36px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16477 .elementor-element.elementor-element-93504bd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16477 .elementor-element.elementor-element-93504bd{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:27px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16477 .elementor-element.elementor-element-f9932bf .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;line-height:25px;fill:var( --e-global-color-b9204bd );color:var( --e-global-color-b9204bd );background-image:linear-gradient(180deg, var( --e-global-color-b38f4ec ) 0%, #FFA120 100%);border-radius:0px 0px 0px 0px;padding:11px 60px 11px 60px;}.elementor-16477 .elementor-element.elementor-element-5a8dec6:not(.elementor-motion-effects-element-type-background), .elementor-16477 .elementor-element.elementor-element-5a8dec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://playgardenonline.com/wp-content/uploads/2022/01/DD5895E6-2FE8-40D5-822E-EB16086A7F74-2-2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-16477 .elementor-element.elementor-element-5a8dec6 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16477 .elementor-element.elementor-element-5a8dec6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-16477 .elementor-element.elementor-element-6338d99.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-16477 .elementor-element.elementor-element-6338d99.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-16477 .elementor-element.elementor-element-6338d99 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 20px;}.elementor-16477 .elementor-element.elementor-element-6338d99 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16477 .elementor-element.elementor-element-c16b046{--spacer-size:50px;}.elementor-16477 .elementor-element.elementor-element-e0ac3f6{text-align:center;}.elementor-16477 .elementor-element.elementor-element-e0ac3f6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;line-height:1.3em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-b9204bd );}.elementor-16477 .elementor-element.elementor-element-1ae4516 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-b9204bd );}.elementor-16477 .elementor-element.elementor-element-4b0bb42 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16477 .elementor-element.elementor-element-4b0bb42{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-b9204bd );}.elementor-16477 .elementor-element.elementor-element-2590d09{margin-top:84px;margin-bottom:35px;}.elementor-16477 .elementor-element.elementor-element-533d947{text-align:center;}.elementor-16477 .elementor-element.elementor-element-533d947 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:54px;font-weight:700;line-height:81px;}.elementor-16477 .elementor-element.elementor-element-65f30f3{margin-top:100px;margin-bottom:140px;}.elementor-16477 .elementor-element.elementor-element-b7835cd{margin-top:0px;margin-bottom:10px;}.elementor-16477 .elementor-element.elementor-element-6702228{text-align:center;}.elementor-16477 .elementor-element.elementor-element-6702228 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;line-height:45px;}.elementor-16477 .elementor-element.elementor-element-6f95634{margin-top:102px;margin-bottom:100px;}.elementor-16477 .elementor-element.elementor-element-5029f8a > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-16477 .elementor-element.elementor-element-5029f8a{text-align:center;}.elementor-16477 .elementor-element.elementor-element-5029f8a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;line-height:45px;}.elementor-16477 .elementor-element.elementor-element-4ef4ccc{text-align:center;}.elementor-16477 .elementor-element.elementor-element-4ef4ccc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:400;line-height:40px;}.elementor-16477 .elementor-element.elementor-element-13a0cbb{margin-top:120px;margin-bottom:52px;}.elementor-16477 .elementor-element.elementor-element-22df242.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16477 .elementor-element.elementor-element-010c577{width:var( --container-widget-width, 836px );max-width:836px;--container-widget-width:836px;--container-widget-flex-grow:0;text-align:center;}.elementor-16477 .elementor-element.elementor-element-010c577 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:45px;}.elementor-16477 .elementor-element.elementor-element-7dea730 > .elementor-container{max-width:816px;}.elementor-16477 .elementor-element.elementor-element-a95c8a1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16477 .elementor-element.elementor-element-a95c8a1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16477 .elementor-element.elementor-element-8d3faa7 img{width:115px;height:115px;object-fit:contain;object-position:center center;border-radius:50% 50% 50% 50%;box-shadow:0px 2px 25px 0px rgba(0, 0, 0, 0.25);}.elementor-16477 .elementor-element.elementor-element-0b24cb0{text-align:center;}.elementor-16477 .elementor-element.elementor-element-0b24cb0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;line-height:40.5px;}.elementor-16477 .elementor-element.elementor-element-1b27586.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16477 .elementor-element.elementor-element-1b27586 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:25px;}.elementor-16477 .elementor-element.elementor-element-82b1fe8 img{width:115px;height:115px;object-fit:contain;object-position:center center;border-radius:50% 50% 50% 50%;box-shadow:0px 2px 25px 0px rgba(0, 0, 0, 0.25);}.elementor-16477 .elementor-element.elementor-element-f85116c{text-align:center;}.elementor-16477 .elementor-element.elementor-element-f85116c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;line-height:40.5px;}.elementor-16477 .elementor-element.elementor-element-0d3880c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16477 .elementor-element.elementor-element-0d3880c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:25px;}.elementor-16477 .elementor-element.elementor-element-6293041 img{width:115px;height:115px;object-fit:contain;object-position:center center;border-radius:50% 50% 50% 50%;box-shadow:0px 2px 25px 0px rgba(0, 0, 0, 0.25);}.elementor-16477 .elementor-element.elementor-element-594dde6{text-align:center;}.elementor-16477 .elementor-element.elementor-element-594dde6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;line-height:40.5px;}.elementor-16477 .elementor-element.elementor-element-2c38d53{margin-top:66px;margin-bottom:52px;}.elementor-16477 .elementor-element.elementor-element-e527568.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16477 .elementor-element.elementor-element-e7160c5{width:var( --container-widget-width, 836px );max-width:836px;--container-widget-width:836px;--container-widget-flex-grow:0;text-align:center;}.elementor-16477 .elementor-element.elementor-element-e7160c5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:45px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16477 .elementor-element.elementor-element-2e5610a{width:40.51%;}.elementor-16477 .elementor-element.elementor-element-3291a01{width:59.49%;}.elementor-16477 .elementor-element.elementor-element-a95c8a1{width:32%;}.elementor-16477 .elementor-element.elementor-element-1b27586{width:32%;}.elementor-16477 .elementor-element.elementor-element-0d3880c{width:35.662%;}}@media(max-width:1024px){.elementor-16477 .elementor-element.elementor-element-2e5610a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-16477 .elementor-element.elementor-element-2e5610a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-16477 .elementor-element.elementor-element-eb89a9f .elementor-heading-title{font-size:40px;line-height:70px;}.elementor-16477 .elementor-element.elementor-element-533d947 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-16477 .elementor-element.elementor-element-93504bd{font-size:1rem;}.elementor-16477 .elementor-element.elementor-element-5a8dec6 > .elementor-container{max-width:400px;}.elementor-16477 .elementor-element.elementor-element-5a8dec6{margin-top:-40px;margin-bottom:0px;}.elementor-16477 .elementor-element.elementor-element-6338d99.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16477 .elementor-element.elementor-element-6338d99 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-16477 .elementor-element.elementor-element-c16b046{--spacer-size:20px;}.elementor-16477 .elementor-element.elementor-element-e0ac3f6{text-align:center;}.elementor-16477 .elementor-element.elementor-element-e0ac3f6 .elementor-heading-title{font-size:28px;}.elementor-16477 .elementor-element.elementor-element-1ae4516{text-align:center;}.elementor-16477 .elementor-element.elementor-element-1ae4516 .elementor-heading-title{font-size:19px;}.elementor-16477 .elementor-element.elementor-element-4b0bb42{text-align:center;font-size:15px;}.elementor-16477 .elementor-element.elementor-element-2590d09{margin-top:30px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-16477 .elementor-element.elementor-element-533d947 .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-16477 .elementor-element.elementor-element-65f30f3{margin-top:0px;margin-bottom:50px;}.elementor-16477 .elementor-element.elementor-element-6702228 .elementor-heading-title{font-size:20px;line-height:33px;}.elementor-16477 .elementor-element.elementor-element-6f95634{margin-top:50px;margin-bottom:0px;}.elementor-16477 .elementor-element.elementor-element-5029f8a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16477 .elementor-element.elementor-element-5029f8a .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-16477 .elementor-element.elementor-element-4ef4ccc .elementor-heading-title{font-size:15px;line-height:22.5px;}.elementor-16477 .elementor-element.elementor-element-bcccc46{margin-top:-25px;margin-bottom:0px;}.elementor-16477 .elementor-element.elementor-element-13a0cbb{margin-top:50px;margin-bottom:0px;}.elementor-16477 .elementor-element.elementor-element-010c577 .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-16477 .elementor-element.elementor-element-a95c8a1{width:50%;}.elementor-16477 .elementor-element.elementor-element-0b24cb0 .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-16477 .elementor-element.elementor-element-1b27586{width:50%;}.elementor-16477 .elementor-element.elementor-element-f85116c .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-16477 .elementor-element.elementor-element-594dde6 .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-16477 .elementor-element.elementor-element-2c38d53{margin-top:0px;margin-bottom:0px;}.elementor-16477 .elementor-element.elementor-element-e7160c5 .elementor-heading-title{font-size:18px;line-height:27px;}}/* Start custom CSS for column, class: .elementor-element-6338d99 */.background-img-header{
    height: 344px
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f509e6b */.container-youll-get, .container-youll-get *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container-youll-get{
  width: 95%;
  max-width: 1236px;
  margin: auto;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  font-family: 'Poppins', sans-serif;
  color: #606060;
  min-height: 437px;
}
.container-youll-get .container-img-yourll{
  width: 54.53%;
  max-width: 500px;
  /* background: blue;     */
}
.container-youll-get figure{
  display: block;
  transition: 0.3s all;
  padding: 10px;
  background: linear-gradient(180deg, #68C453 30%, #8CF075 60%);
  border-radius: 33px;
  height: 100%;
}
.container-youll-get figure img{
  /* display: none; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
}
.container-youll-get .content{
  padding: 25px 39px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-youll-get .content:before{
  content: "";
  position: absolute;
  z-index: -1;
  width: 120%;
  height: 100%;
  top: 0;
  right: 0;
  background: #FFFFFF;
  box-shadow: 4px 4px 27px rgba(0, 0, 0, 0.25);
  border-radius: 42px;
}
.container-youll-get .content h3{
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  margin-bottom: 16px;
}
.container-youll-get .p-content{
  height: auto;
}
.container-youll-get .p-content::-webkit-scrollbar{
  background: transparent;
  border-radius: 5px;
  width: 5px;
}
.container-youll-get .p-content::-webkit-scrollbar-thumb{
  /* background: #606060; */
  background: #B2E68D;
  border-radius: 5px;
}
.container-youll-get .p-content ul{
  margin: 0px;
  max-width: 647px;
  list-style: none;
  display: grid;
  gap: 15px;
}
.container-youll-get .p-content ul li{
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  display: flex;
  gap: 12px;
}
.container-youll-get .p-content ul li span svg{
    width: 32px;
    height: 32px;
}
@media (max-width:950px){
  
  .container-youll-get{
    width: 92%;
      flex-direction: column;
  }
  .container-youll-get .content:before{
      content: "";
      position: absolute;
      z-index: -1;
      width: 100%;
      height: calc(100% + 60px);
      top: -60px;
      right: 0;
      background: #FFFFFF;
      box-shadow: 4px 4px 27px rgba(0, 0, 0, 0.25);
      border-radius: 42px;
  }
  .container-youll-get .container-img-yourll{
      width: 100%;
      max-width: 100%;
      margin: auto;
  }
  .container-youll-get figure{
      height: 300px;
  }
}
@media (max-width:767px){
  .container-youll-get .p-content ul li span{
    font-size: 13px;
    line-height: 1.25em;
    gap: 8px;
  }
  .container-youll-get .p-content ul li span svg{
      width: 20px;
      height: 20px;
  }
  .container-youll-get .content {
    padding: 28px 24px;
  }
}
@media (min-width:420px) and (max-width:550px){
  .container-youll-get figure{
      height: 200px;
  }
}
@media (max-width:420px){
  .container-youll-get figure{
      height: 180px;
  }
}
@media (max-width:550px){
  
  .container-youll-get .content h3{
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 16px;
  }
  .container-youll-get .p-content{
      font-size: 14px;
      line-height: 22.5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3afd208 */.container-do-dont, .container-do-dont *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container-do-dont{
  width: 95%;
  max-width: 1026px;
  margin: auto;
  font-family: 'Poppins', sans-serif;
  color: #606060;
  display: flex;
  justify-content: space-between;
}
.container-do-dont .items-do-dont{
  width: calc(50% - 12px);
  max-width: 502px;
  text-align: center;
  position: relative;
  padding-top: 26px;
  background: linear-gradient(89.34deg, #68C453 6.86%, #8CF075 99.96%);
  box-shadow: 4px 4px 27px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}
@media (max-width:730px){
  .container-do-dont{
      flex-direction: column;
  }
  .container-do-dont .items-do-dont{
      width: 100%;
      margin: 0 auto 30px;
  }
} 
.container-do-dont .items-do-dont.dont{
  background: linear-gradient(90deg, rgb(140, 210, 255) -9.64%, rgba(140, 210, 255, .8) 125.24%);
}
.container-do-dont .content-general{
  padding: 48px 24px 24px 23px;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 4px 4px 27px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}
.container-do-dont .items-do-dont figure{
  width: 97px;
  height: 97px;
  display: block;
  margin: 0 auto 30px !important;
}
.container-do-dont .items-do-dont figure img{
  width: 100%;
  height: 100%;
}
.container-do-dont .items-do-dont ul{
  list-style: none;
}
.container-do-dont .items-do-dont ul li{
  display: block;
  margin-bottom: 26px;
  font-size: 15px;
  line-height: 22px;
}
.container-do-dont .items-do-dont ul li strong{
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 10px;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1294ce4 */.how-it-img-container, .how-it-img-container *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.how-it-img-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 87%;
  max-width: 1236px;
  margin: auto;
}
.how-it-img-container .img-item{
  width: 48%;
  max-width: 496px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 60px;
}
.how-it-img-container .lines{
  width: 100%;
  max-width: 400px;
  height: 97px;
  margin: auto;
  position: relative;
  background: url("https://playgardenonline.com/wp-content/uploads/2022/01/tiritas-02.png");
  background-size: 115% 110%;
  background-position: center top;
}
.how-it-img-container .img-item figure{
  width: 100%;
  max-width: 473px;
  height: 262px;
  margin: auto !important;
  filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.15));
  border-radius: 4px;
  background-image: url("https://playgardenonline.com/wp-content/uploads/2022/01/bg-img-item.svg");
  background-position-y: 12px;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  box-sizing: content-box;
}
.how-it-img-container .img-item figure img{
  width: 100%;
}
.how-it-img-container .content-how-it{
  margin-top: 24px;
  text-align: center;
  font-size: 25px;
  color: #606060;
  line-height: 33.5px;
}
.how-it-img-container .content-how-it .title{
  font-weight: 600;
  font-size: 28px;
  line-height: 37.38px;
}
.how-it-img-container .content-how-it p{
  display: block;
  margin: auto;
}
.how-it-img-container .img-item:first-child .content-how-it p{
  max-width: 393px;
}
@media (max-width:1175px){
  .how-it-img-container{
      width: 95%;
  }
}
@media (max-width:1024px){
  .how-it-img-container{
      width: 90%;
      display: block;
  }
  .how-it-img-container .img-item{
      width: 100%;
      margin: auto;
      margin-bottom: 60px;
      max-width: 496px;
  }
  .how-it-img-container .img-item figure{
      background-position-y: 15px;
      padding-bottom: 20px;
  }
  .how-it-img-container .img-item figure img{
      object-fit: cover;
      width: 100%;
      height: 100%;
  }
}
@media (max-width:540px){
  .how-it-img-container .content-how-it .title{
      font-weight: 600;
      font-size: 18px;
      line-height: 27px;
  }
  .how-it-img-container .content-how-it p{
      font-size: 15px;
      width: 80%;
      line-height: 22.5px;
  }

  .how-it-img-container .img-item figure{
      height: 200px;
      background-position-y: 5px;
      padding-bottom: 15px;
      background-position: center bottom;
  }
}
@media (max-width:390px){
  .how-it-img-container .lines{
      height: 80px;
  }
}
@media (max-width:330px){
  .how-it-img-container .lines{
      height: 70px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d71090 */.container-diy-blog-banner, .container-diy-blog-banner *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: 0.7s all;
}
.container-diy-blog-banner{
  font-family: 'Poppins', sans-serif;
  color: #606060;
  /* overflow-x: hidden; */
}
.container-diy-blog-banner .max-container{
  width: 95%;
  max-width: 1236px;
  margin: auto;
  position: relative;
}
.container-diy-blog-banner .go-to{
  background: linear-gradient(180deg, #F58E00 0%, #FFA120 100%);
  border-radius: 8px;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  padding: 11px 60px;
}
.container-diy-blog-banner h3{
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 40px;
  line-height: 60px;
  padding:0 5px ;
}
.container-diy-blog-banner h3:before{
  content: "";
  position: absolute;
  height: 11px;
  width: 100%;
  bottom: 10px;
  left: 0;
  z-index: -1;
  background: #B2E68D;
  border-radius: 6px;
}
.container-diy-blog-banner .diy{
  display: flex;
}
.container-diy-blog-banner .diy figure.checklist{
  min-width: 410px;
  width: 410px;
  height: 361px;
  max-width: 33.981%;
  z-index: 9;
}
.container-diy-blog-banner .diy figure.checklist img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right top;
}
.container-diy-blog-banner .diy .description{
  width: calc(100% - 410px);
  z-index: 5;
  position: relative;
  padding-top: 20px;
}
.container-diy-blog-banner .diy .description .content{
  position: relative;
  width: 775.32px;
  min-height: 453px;
  background: #FFFFFF;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 44.63px 30.81px 36.64px 50.3px;
  transform: rotate(3.44deg);
  margin-left: -30px;
}
.container-diy-blog-banner .diy .description .content h3{
  letter-spacing: 5.4px;
  text-transform: uppercase;
}
.container-diy-blog-banner .diy .description .content h3:before{
  bottom: 15px;
  width: calc(100% - 7px);
}
.container-diy-blog-banner .diy .description .content p{
  font-weight: normal;
  font-size: 20px;
  line-height: 34px;
  margin-block-end: 30px;
}
.container-diy-blog-banner .diy .description .content a{
  position: absolute;
  bottom: -25px;
  left: 25%;
  transform: rotate(-3.44deg);
}
.container-diy-blog-banner .diy .description figure.scissors{
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  transform: rotate(10.03deg);
}
.container-diy-blog-banner .diy .description figure.scissors img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.container-diy-blog-banner .separator-gradient{
  height: 350px;
  margin-top: -280px;
  transition: 0s all;
}
.container-diy-blog-banner .separator-gradient figure{
  width: 100%;
  height: 100%;
}
.container-diy-blog-banner .separator-gradient figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1289px){
  .container-diy-blog-banner .diy{
      padding-top: 50px;
  }
  .container-diy-blog-banner .diy figure.checklist{
      height: 361px;
  }
  .container-diy-blog-banner .diy figure.checklist{
      min-width: 300px;
      height: 310px;
      width: 300px;
      margin-left: -50px;
      transform: rotate(5.33deg);
  }
  .container-diy-blog-banner .diy figure.checklist img{
      object-fit: cover;
      object-position: right top;
  }
  
  .container-diy-blog-banner .diy .description{
      width: 100%;
      overflow: visible;
      position: relative;
      padding-top: 20px;
  }
  
  .container-diy-blog-banner .diy .description .content{
      position: relative;
      width: 100%;
      height: auto;box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
      border-radius: 11px;
      padding: 44.63px 48px 83px 29px;
      transform: rotate(-6.48deg);
      margin-left: 0;
  }
  .container-diy-blog-banner .diy .description .content a{
      left: 50px;
      transform: rotate(6.48deg);
  }
}
@media (min-width:768px) and (max-width:1289px) {
  .container-diy-blog-banner .max-container{
      width: 80%;
      max-width: 1236px;
      margin: auto;
      position: relative;
  }
  .container-diy-blog-banner .diy .description figure.scissors{
      right: 100px;
      top: 0;
      transform: rotate(-1.43deg);
      width: 200px;
      width: 170px;
  }
}
@media (min-width:768px) and  (max-width:1099px) {
  .container-diy-blog-banner .diy .description figure.scissors{
      right: 80px;
  }
  
}
@media (max-width:1099px) {
  
    .container-diy-blog-banner .separator-gradient{
      height: 450px;
      margin-top: -400px;
    }
  .container-diy-blog-banner .diy .description .content h3{
      font-size: 20px;
      line-height: 27px;
      font-weight: 700;
      letter-spacing: 0.1em;
      margin-bottom: 15px;
  }
  .container-diy-blog-banner .diy .description .content h3::before{
      bottom: 0;
  }
  .container-diy-blog-banner .diy .description .content h3::after{
      display: none;
  }
  .container-diy-blog-banner .diy .description .content p{
      font-size: 15px;
      line-height: 22.5px;
  }
}
@media (max-width:767px) {
  .container-diy-blog-banner .checklist, .container-diy-blog-banner .demo-posts{
      display: none;
  }
  .container-diy-blog-banner{
      overflow: hidden;
      width: 100vw;
      padding-bottom: 80px;
  }
  .container-diy-blog-banner .max-container{
      width: 100%;
  }
  .container-diy-blog-banner .diy .description{
      /* margin: auto; */
      width: 100%;
      max-width: 100%;
      max-width: 90%;
      padding-top: 60px;
      padding-bottom: 50px;
  }
  .container-diy-blog-banner .diy .description .content{
      max-width: 100%;
      height: auto;
      padding: 25.81px 24.11px 27.85px 24.71px;
      margin-left: 0;
      box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
      border-radius: 11px;
      transform: rotate(-6.48deg);
  }
  .container-diy-blog-banner .diy .description .content a{
      left: 10%;
      bottom: -40px;
      transform: rotate(6.48deg);
  }
  .container-diy-blog-banner .diy .description figure.scissors{
      right: -20px;
      top: -5px;
      width: 170px;
      transform: rotate(-15.98deg);
      height: 119px;
  }
  .container-diy-blog-banner .diy .description figure.scissors img{
      object-fit: contain;
      object-position: bottom right;
  }
  .container-diy-blog-banner .separator-gradient{
      height: 400px;
      margin-top: -350px;
  }
}/* End custom CSS */
/* Start custom CSS */.header-title-container .elementor-widget-wrap > div{
    display: blok;
    max-width: 642px;
}
.border-title-before h1,
.border-title-before h2{
    display: inline-block;
    position: relative;
    z-index: 5;
    margin-left: 15px;
}
.border-title-before h1:before,
.border-title-before h2:before{
    content: "";
    position: absolute;
    bottom: 17px;
    left: 0;
    background: #68C453;
    border-radius: 15px;
    z-index:-1;
    width: 100%;
    height: 15px
}
.border-title-before h1:before{
    left: -15px;
    width: calc(100% + 30px);
    height: 23px;
    border-radius: 15px;
}
.subtitle-pencil h2:after{
    content: "";
    background: url("https://playgardenonline.com/wp-content/uploads/2022/01/pencil.svg");
    position: absolute;
    top: -25%;
    left: -120px;
    width: 101px;
    height: 138px
}

@media (max-width:768px){
    
    .border-title-before h1,
    .border-title-before h2{
        margin-left: 10px;
    }
    .border-title-before h1:before{
        height: 15px;
        left: -10px;
        width: calc(100% + 20px);
    }
    .border-title-before h2:before{
        height:10px;
        left: -10px;
        width: calc(100% + 20px);
        bottom: 0px;
    }
    .subtitle-pencil h2:after{
        width: 101px;
        height: 138px
    }
    .subtitle-pencil h2:after{
        display:none;
    }
}
.max-container a:hover{
    color: #fff !important
}

.coming-soon{
    background: #FFAB37 !important;
    cursor: not-allowed;
}/* End custom CSS */