.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-primary-font-feature-settings );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4709 .elementor-element.elementor-element-7eddc06{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:-180px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-7eddc06:not(.elementor-motion-effects-element-type-background), .elementor-4709 .elementor-element.elementor-element-7eddc06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #051F20 0%, #FFFFFF 100%);}.elementor-4709 .elementor-element.elementor-element-7eddc06.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4709 .elementor-element.elementor-element-7eddc06.ekit-particles .ekit-particles-wrapper{z-index:0;}.elementor-4709 .elementor-element.elementor-element-41b77ec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-336996a{--display:flex;overflow:visible;}.elementor-widget-breadcrumbs .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-breadcrumbs .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-breadcrumbs.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-primary-font-feature-settings );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-breadcrumbs .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-breadcrumbs .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-secondary-font-feature-settings );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4709 .elementor-element.elementor-element-ee34e84{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;z-index:1;font-family:"Peyda", Sans-serif;font-feature-settings:"numr";font-size:14px;font-weight:500;color:var( --e-global-color-f387a83 );}.elementor-4709 .elementor-element.elementor-element-ee34e84 > .elementor-widget-container{background-color:#DBDBDB26;padding:8px 8px 8px 8px;border-radius:10px 10px 10px 10px;}.elementor-4709 .elementor-element.elementor-element-ee34e84.elementor-element{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-ee34e84 a{color:#FFFFFF;}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-text-editor.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-primary-font-feature-settings );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-text-font-feature-settings );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-4709 .elementor-element.elementor-element-35e3e04 > .elementor-widget-container{background-color:transparent;padding:20px 20px 20px 20px;background-image:linear-gradient(180deg, #25295200 21%, #1E2847BF 100%);border-radius:25px 25px 25px 25px;}.elementor-4709 .elementor-element.elementor-element-35e3e04.elementor-element{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-35e3e04{text-align:justify;font-family:"Peyda", Sans-serif;font-feature-settings:"numr";font-weight:400;line-height:36px;color:var( --e-global-color-f387a83 );}.elementor-4709 .elementor-element.elementor-element-0147637{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-100px;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-0147637.e-con{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-d08295f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-primary-font-feature-settings );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4709 .elementor-element.elementor-element-59d3bf1.elementor-element{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-058b611{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-cf287b2.elementor-element{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-513a233{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-0dc6872.elementor-element{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-a60c3ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-2bed892.elementor-element{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-d41762a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-d41762a.e-con{--align-self:center;}.elementor-4709 .elementor-element.elementor-element-f4702cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-1996447{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;overflow:visible;}.elementor-4709 .elementor-element.elementor-element-061d513.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4709 .elementor-element.elementor-element-6de969b.elementor-element{--align-self:center;}@media(max-width:1366px){.elementor-4709 .elementor-element.elementor-element-061d513{width:var( --container-widget-width, 189px );max-width:189px;--container-widget-width:189px;--container-widget-flex-grow:0;}}@media(max-width:1200px){.elementor-4709 .elementor-element.elementor-element-7eddc06{--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-4709 .elementor-element.elementor-element-7eddc06{--flex-wrap:wrap;}}@media(max-width:880px){.elementor-4709 .elementor-element.elementor-element-7eddc06{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:200px;}}@media(max-width:767px){.elementor-4709 .elementor-element.elementor-element-7eddc06{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-180px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-4709 .elementor-element.elementor-element-41b77ec{--margin-top:0150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-4709 .elementor-element.elementor-element-ee34e84{--container-widget-width:150px;--container-widget-flex-grow:0;width:var( --container-widget-width, 150px );max-width:150px;font-size:14px;}.elementor-4709 .elementor-element.elementor-element-0147637{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4709 .elementor-element.elementor-element-d08295f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4709 .elementor-element.elementor-element-058b611{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4709 .elementor-element.elementor-element-513a233{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4709 .elementor-element.elementor-element-a60c3ba{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-4709 .elementor-element.elementor-element-d08295f{--width:25%;}.elementor-4709 .elementor-element.elementor-element-058b611{--width:25%;}.elementor-4709 .elementor-element.elementor-element-513a233{--width:25%;}.elementor-4709 .elementor-element.elementor-element-a60c3ba{--width:25%;}.elementor-4709 .elementor-element.elementor-element-f4702cf{--width:50%;}.elementor-4709 .elementor-element.elementor-element-1996447{--width:50%;}}@media(min-width:2400px){.elementor-4709 .elementor-element.elementor-element-7eddc06{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4709 .elementor-element.elementor-element-41b77ec{--content-width:1400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4709 .elementor-element.elementor-element-0147637{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}}/* Start custom CSS for html, class: .elementor-element-59d3bf1 */.one {
  width: 290px; /* عرض باکس والد */
  height: 300px; /* ارتفاع باکس والد */
  perspective: 1000px; /* ایجاد پرسپکتیو سه‌بعدی */
}

.one .card {
  height: 100%; /* پر کردن ارتفاع کامل والد */
  border-radius: 50px; /* گوشه‌های گرد */
  background: linear-gradient(135deg, #F0592C 0%, #ff7a50 100%); /* گرادینت با طیف جدید نارنجی */
  transition: all 0.5s ease-in-out; /* انیمیشن نرم تغییرات */
  transform-style: preserve-3d; /* حفظ حالت سه‌بعدی فرزندان */
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0.2) 0px 25px 25px -5px; /* سایه‌ها */
}

.one .glass {
  transform-style: preserve-3d;
  position: absolute; /* قرارگیری آزاد */
  inset: 8px; /* فاصله از همه طرف */
  border-radius: 55px;
  border-top-right-radius: 100%; /* گردتر کردن گوشه بالا راست */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.349) 0%, rgba(255, 255, 255, 0.815) 100%);
  /* فیلتر بلور غیرفعال شده */
  transform: translate3d(0px, 0px, 25px);
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.5s ease-in-out;
}

.one .content {
  padding: 100px 60px 0px 30px;
  transform: translate3d(0, 0, 26px);
  text-align: left; /* متن‌ها چپ‌چین */
}

.one .content .title {
  display: block;
  color: #F0592C; /* تغییر رنگ عنوان */
  font-weight: 900;
  font-size: 20px;
}

.one .content .text {
  display: block;
  color: rgba(240, 89, 44, 0.76); /* طیف نارنجی */
  font-size: 15px;
  margin-top: 20px;
}

.one .bottom {
  padding: 10px 12px;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate3d(0, 0, 26px);
}

.one .bottom .view-more {
  display: flex;
  align-items: center;
  width: 40%;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
}

.one .bottom .view-more:hover {
  transform: translate3d(0, 0, 10px);
}

.one .bottom .view-more .view-more-button {
  background: none;
  border: none;
  color: #F0592C; /* رنگ دکمه */
  font-weight: bolder;
  font-size: 12px;
}

.one .bottom .view-more .svg {
  fill: none;
  stroke: #F0592C; /* رنگ آیکون SVG */
  stroke-width: 3px;
  max-height: 15px;
}

.one .bottom .social-buttons-container {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
}

.one .bottom .social-buttons-container .social-button {
  width: 30px;
  aspect-ratio: 1;
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  border: none;
  display: grid;
  place-content: center;
  box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
}

.one .bottom .social-buttons-container .social-button:first-child {
  transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}

.one .bottom .social-buttons-container .social-button:nth-child(2) {
  transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}

.one .bottom .social-buttons-container .social-button:nth-child(3) {
  transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}

.one .bottom .social-buttons-container .social-button .svg {
  width: 15px;
  fill: #F0592C; /* رنگ آیکون‌ها */
}

.one .bottom .social-buttons-container .social-button:hover {
  background: black;
}

.one .bottom .social-buttons-container .social-button:hover .svg {
  fill: white;
}

.one .bottom .social-buttons-container .social-button:active {
  background: rgb(255, 234, 0);
}

.one .bottom .social-buttons-container .social-button:active .svg {
  fill: black;
}

.one .logo {
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
}

.one .logo .circle {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0;
  right: 0;
  box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(240, 89, 44, 0.2); /* طیف نارنجی شفاف */
  transition: all 0.5s ease-in-out;
}

.one .logo .circle1 {
  width: 170px;
  transform: translate3d(0, 0, 20px);
  top: 8px;
  right: 8px;
}

.one .logo .circle2 {
  width: 140px;
  transform: translate3d(0, 0, 40px);
  top: 10px;
  right: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-delay: 0.4s;
}

.one .logo .circle3 {
  width: 110px;
  transform: translate3d(0, 0, 60px);
  top: 17px;
  right: 17px;
  transition-delay: 0.8s;
}

.one .logo .circle4 {
  width: 80px;
  transform: translate3d(0, 0, 80px);
  top: 23px;
  right: 23px;
  transition-delay: 1.2s;
}

.one .logo .circle5 {
  width: 50px;
  transform: translate3d(0, 0, 100px);
  top: 30px;
  right: 30px;
  display: grid;
  place-content: center;
  transition-delay: 1.6s;
}

.one .logo .circle5 .svg {
  width: 20px;
  fill: white;
}

.one:hover .card {
  transform: rotate3d(1, 1, 0, 30deg);
  box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0px 25px 30px 0px;
}

.one:hover .card .bottom .social-buttons-container .social-button {
  transform: translate3d(0, 0, 50px);
  box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0px;
}

.one:hover .card .logo .circle2 {
  transform: translate3d(0, 0, 60px);
}

.one:hover .card .logo .circle3 {
  transform: translate3d(0, 0, 80px);
}

.one:hover .card .logo .circle4 {
  transform: translate3d(0, 0, 100px);
}

.one:hover .card .logo .circle5 {
  transform: translate3d(0, 0, 120px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf287b2 */.two {
  width: 290px;
  height: 300px;
  perspective: 1000px;
}

.two .card {
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(135deg, #D3231D 0%, #ff4a42 100%);
  transition: all 0.5s ease-in-out;
  transform-style: preserve-3d;
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0.2) 0px 25px 25px -5px;
}

.two .glass {
  transform-style: preserve-3d;
  position: absolute;
  inset: 8px;
  border-radius: 55px;
  border-top-right-radius: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.82) 100%);
  transform: translate3d(0px, 0px, 25px);
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.5s ease-in-out;
}

.two .content {
  padding: 100px 60px 0px 30px;
  transform: translate3d(0, 0, 26px);
  text-align: left;
}

.two .content .title {
  display: block;
  color: #D3231D;
  font-weight: 900;
  font-size: 20px;
}

.two .content .text {
  display: block;
  color: rgba(211, 35, 29, 0.76);
  font-size: 15px;
  margin-top: 20px;
}

.two .bottom {
  padding: 10px 12px;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate3d(0, 0, 26px);
}

.two .bottom .view-more {
  display: flex;
  align-items: center;
  width: 40%;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
}

.two .bottom .view-more:hover {
  transform: translate3d(0, 0, 10px);
}

.two .bottom .view-more .view-more-button {
  background: none;
  border: none;
  color: #D3231D;
  font-weight: bolder;
  font-size: 12px;
}

.two .bottom .view-more .svg {
  fill: none;
  stroke: #D3231D;
  stroke-width: 3px;
  max-height: 15px;
}

.two .bottom .social-buttons-container {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
}

.two .bottom .social-buttons-container .social-button {
  width: 30px;
  aspect-ratio: 1;
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  border: none;
  display: grid;
  place-content: center;
  box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
}

.two .bottom .social-buttons-container .social-button:first-child {
  transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}

.two .bottom .social-buttons-container .social-button:nth-child(2) {
  transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}

.two .bottom .social-buttons-container .social-button:nth-child(3) {
  transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}

.two .bottom .social-buttons-container .social-button .svg {
  width: 15px;
  fill: #D3231D;
}

.two .bottom .social-buttons-container .social-button:hover {
  background: black;
}

.two .bottom .social-buttons-container .social-button:hover .svg {
  fill: white;
}

.two .bottom .social-buttons-container .social-button:active {
  background: rgb(255, 234, 0);
}

.two .bottom .social-buttons-container .social-button:active .svg {
  fill: black;
}

.two .logo {
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
}

.two .logo .circle {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0;
  right: 0;
  box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(211, 35, 29, 0.2);
  transition: all 0.5s ease-in-out;
}

.two .logo .circle1 {
  width: 170px;
  transform: translate3d(0, 0, 20px);
  top: 8px;
  right: 8px;
}

.two .logo .circle2 {
  width: 140px;
  transform: translate3d(0, 0, 40px);
  top: 10px;
  right: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-delay: 0.4s;
}

.two .logo .circle3 {
  width: 110px;
  transform: translate3d(0, 0, 60px);
  top: 17px;
  right: 17px;
  transition-delay: 0.8s;
}

.two .logo .circle4 {
  width: 80px;
  transform: translate3d(0, 0, 80px);
  top: 23px;
  right: 23px;
  transition-delay: 1.2s;
}

.two .logo .circle5 {
  width: 50px;
  transform: translate3d(0, 0, 100px);
  top: 30px;
  right: 30px;
  display: grid;
  place-content: center;
  transition-delay: 1.6s;
}

.two .logo .circle5 .svg {
  width: 20px;
  fill: white;
}

.two:hover .card {
  transform: rotate3d(1, 1, 0, 30deg);
  box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0px 25px 30px 0px;
}

.two:hover .card .bottom .social-buttons-container .social-button {
  transform: translate3d(0, 0, 50px);
  box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0px;
}

.two:hover .card .logo .circle2 {
  transform: translate3d(0, 0, 60px);
}

.two:hover .card .logo .circle3 {
  transform: translate3d(0, 0, 80px);
}

.two:hover .card .logo .circle4 {
  transform: translate3d(0, 0, 100px);
}

.two:hover .card .logo .circle5 {
  transform: translate3d(0, 0, 120px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dc6872 */.four {
  width: 290px;
  height: 300px;
  perspective: 1000px;
}

.four .card {
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(135deg, #BC61CE 0%, #d17dde 100%);
  transition: all 0.5s ease-in-out;
  transform-style: preserve-3d;
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0.2) 0px 25px 25px -5px;
}

.four .glass {
  transform-style: preserve-3d;
  position: absolute;
  inset: 8px;
  border-radius: 55px;
  border-top-right-radius: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.349) 0%, rgba(255, 255, 255, 0.815) 100%);
  transform: translate3d(0px, 0px, 25px);
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.5s ease-in-out;
}

.four .content {
  padding: 100px 60px 0px 30px;
  transform: translate3d(0, 0, 26px);
  text-align: left;
}

.four .content .title {
  display: block;
  color: #BC61CE;
  font-weight: 900;
  font-size: 20px;
}

.four .content .text {
  display: block;
  color: rgba(188, 97, 206, 0.76);
  font-size: 15px;
  margin-top: 20px;
}

.four .bottom {
  padding: 10px 12px;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate3d(0, 0, 26px);
}

.four .bottom .view-more {
  display: flex;
  align-items: center;
  width: 40%;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
}

.four .bottom .view-more:hover {
  transform: translate3d(0, 0, 10px);
}

.four .bottom .view-more .view-more-button {
  background: none;
  border: none;
  color: #BC61CE;
  font-weight: bolder;
  font-size: 12px;
}

.four .bottom .view-more .svg {
  fill: none;
  stroke: #BC61CE;
  stroke-width: 3px;
  max-height: 15px;
}

.four .bottom .social-buttons-container {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
}

.four .bottom .social-buttons-container .social-button {
  width: 30px;
  aspect-ratio: 1;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  border: none;
  display: grid;
  place-content: center;
  box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
}

.four .bottom .social-buttons-container .social-button:first-child {
  transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}

.four .bottom .social-buttons-container .social-button:nth-child(2) {
  transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}

.four .bottom .social-buttons-container .social-button:nth-child(3) {
  transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}

.four .bottom .social-buttons-container .social-button .svg {
  width: 15px;
  fill: #BC61CE;
}

.four .bottom .social-buttons-container .social-button:hover {
  background: black;
}

.four .bottom .social-buttons-container .social-button:hover .svg {
  fill: white;
}

.four .bottom .social-buttons-container .social-button:active {
  background: rgb(255, 234, 0);
}

.four .bottom .social-buttons-container .social-button:active .svg {
  fill: black;
}

.four .logo {
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
}

.four .logo .circle {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0;
  right: 0;
  box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(188, 97, 206, 0.2);
  transition: all 0.5s ease-in-out;
}

.four .logo .circle1 {
  width: 170px;
  transform: translate3d(0, 0, 20px);
  top: 8px;
  right: 8px;
}

.four .logo .circle2 {
  width: 140px;
  transform: translate3d(0, 0, 40px);
  top: 10px;
  right: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-delay: 0.4s;
}

.four .logo .circle3 {
  width: 110px;
  transform: translate3d(0, 0, 60px);
  top: 17px;
  right: 17px;
  transition-delay: 0.8s;
}

.four .logo .circle4 {
  width: 80px;
  transform: translate3d(0, 0, 80px);
  top: 23px;
  right: 23px;
  transition-delay: 1.2s;
}

.four .logo .circle5 {
  width: 50px;
  transform: translate3d(0, 0, 100px);
  top: 30px;
  right: 30px;
  display: grid;
  place-content: center;
  transition-delay: 1.6s;
}

.four .logo .circle5 .svg {
  width: 20px;
  fill: white;
}

.four:hover .card {
  transform: rotate3d(1, 1, 0, 30deg);
  box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0px 25px 30px 0px;
}

.four:hover .card .bottom .social-buttons-container .social-button {
  transform: translate3d(0, 0, 50px);
  box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0px;
}

.four:hover .card .logo .circle2 {
  transform: translate3d(0, 0, 60px);
}

.four:hover .card .logo .circle3 {
  transform: translate3d(0, 0, 80px);
}

.four:hover .card .logo .circle4 {
  transform: translate3d(0, 0, 100px);
}

.four:hover .card .logo .circle5 {
  transform: translate3d(0, 0, 120px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bed892 */.three {
  width: 290px; /* عرض باکس والد */
  height: 300px; /* ارتفاع باکس والد */
  perspective: 1000px; /* ایجاد پرسپکتیو سه‌بعدی */
}

.three .card {
  height: 100%; /* پر کردن ارتفاع کامل والد */
  border-radius: 50px; /* گوشه‌های گرد */
  background: linear-gradient(135deg, #1FC7D3 0%, #6eeaf0 100%); /* گرادینت با طیف جدید آبی فیروزه‌ای */
  transition: all 0.5s ease-in-out; /* انیمیشن نرم تغییرات */
  transform-style: preserve-3d; /* حفظ حالت سه‌بعدی فرزندان */
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0.2) 0px 25px 25px -5px; /* سایه‌ها */
}

.three .glass {
  transform-style: preserve-3d;
  position: absolute; /* قرارگیری آزاد */
  inset: 8px; /* فاصله از همه طرف */
  border-radius: 55px;
  border-top-right-radius: 100%; /* گردتر کردن گوشه بالا راست */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.349) 0%, rgba(255, 255, 255, 0.815) 100%);
  transform: translate3d(0px, 0px, 25px);
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.5s ease-in-out;
}

.three .content {
  padding: 100px 60px 0px 30px;
  transform: translate3d(0, 0, 26px);
  text-align: left; /* متن‌ها چپ‌چین */
}

.three .content .title {
  display: block;
  color: #1FC7D3; /* تغییر رنگ عنوان */
  font-weight: 900;
  font-size: 20px;
}

.three .content .text {
  display: block;
  color: rgba(31, 199, 211, 0.76); /* طیف شفاف آبی فیروزه‌ای */
  font-size: 15px;
  margin-top: 20px;
}

.three .bottom {
  padding: 10px 12px;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate3d(0, 0, 26px);
}

.three .bottom .view-more {
  display: flex;
  align-items: center;
  width: 40%;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
}

.three .bottom .view-more:hover {
  transform: translate3d(0, 0, 10px);
}

.three .bottom .view-more .view-more-button {
  background: none;
  border: none;
  color: #1FC7D3; /* رنگ دکمه */
  font-weight: bolder;
  font-size: 12px;
}

.three .bottom .view-more .svg {
  fill: none;
  stroke: #1FC7D3; /* رنگ آیکون SVG */
  stroke-width: 3px;
  max-height: 15px;
}

.three .bottom .social-buttons-container {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
}

.three .bottom .social-buttons-container .social-button {
  width: 30px;
  aspect-ratio: 1;
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  border: none;
  display: grid;
  place-content: center;
  box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
}

.three .bottom .social-buttons-container .social-button:first-child {
  transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}

.three .bottom .social-buttons-container .social-button:nth-child(2) {
  transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}

.three .bottom .social-buttons-container .social-button:nth-child(3) {
  transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}

.three .bottom .social-buttons-container .social-button .svg {
  width: 15px;
  fill: #1FC7D3; /* رنگ آیکون‌ها */
}

.three .bottom .social-buttons-container .social-button:hover {
  background: black;
}

.three .bottom .social-buttons-container .social-button:hover .svg {
  fill: white;
}

.three .bottom .social-buttons-container .social-button:active {
  background: rgb(255, 234, 0);
}

.three .bottom .social-buttons-container .social-button:active .svg {
  fill: black;
}

.three .logo {
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
}

.three .logo .circle {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0;
  right: 0;
  box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(31, 199, 211, 0.2); /* طیف شفاف آبی فیروزه‌ای */
  transition: all 0.5s ease-in-out;
}

.three .logo .circle1 {
  width: 170px;
  transform: translate3d(0, 0, 20px);
  top: 8px;
  right: 8px;
}

.three .logo .circle2 {
  width: 140px;
  transform: translate3d(0, 0, 40px);
  top: 10px;
  right: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-delay: 0.4s;
}

.three .logo .circle3 {
  width: 110px;
  transform: translate3d(0, 0, 60px);
  top: 17px;
  right: 17px;
  transition-delay: 0.8s;
}

.three .logo .circle4 {
  width: 80px;
  transform: translate3d(0, 0, 80px);
  top: 23px;
  right: 23px;
  transition-delay: 1.2s;
}

.three .logo .circle5 {
  width: 50px;
  transform: translate3d(0, 0, 100px);
  top: 30px;
  right: 30px;
  display: grid;
  place-content: center;
  transition-delay: 1.6s;
}

.three .logo .circle5 .svg {
  width: 20px;
  fill: white;
}

.three:hover .card {
  transform: rotate3d(1, 1, 0, 30deg);
  box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0px 25px 30px 0px;
}

.three:hover .card .bottom .social-buttons-container .social-button {
  transform: translate3d(0, 0, 50px);
  box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0px;
}

.three:hover .card .logo .circle2 {
  transform: translate3d(0, 0, 60px);
}

.three:hover .card .logo .circle3 {
  transform: translate3d(0, 0, 80px);
}

.three:hover .card .logo .circle4 {
  transform: translate3d(0, 0, 100px);
}

.three:hover .card .logo .circle5 {
  transform: translate3d(0, 0, 120px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7eddc06 */.cards-container {
  display: flex;
  flex-wrap: wrap; /* در موبایل بچه‌ها برن زیر هم */
  justify-content: center; /* وسط افقی */
  align-items: center; /* وسط عمودی */
  gap: 20px; /* فاصله بین کارت‌ها */
  padding: 20px;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-061d513 */.parent {
  width: 290px; /* عرض باکس والد */
  height: 300px; /* ارتفاع باکس والد */
  perspective: 1000px; /* ایجاد پرسپکتیو سه‌بعدی */
}

.card {
  height: 100%; /* پر کردن ارتفاع کامل والد */
  border-radius: 50px; /* گوشه‌های گرد */
  background: linear-gradient(135deg, #F0592C 0%, #ff7a50 100%); /* گرادینت با طیف جدید نارنجی */
  transition: all 0.5s ease-in-out; /* انیمیشن نرم تغییرات */
  transform-style: preserve-3d; /* حفظ حالت سه‌بعدی فرزندان */
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0.2) 0px 25px 25px -5px; /* سایه‌ها */
}

.glass {
  transform-style: preserve-3d;
  position: absolute; /* قرارگیری آزاد */
  inset: 8px; /* فاصله از همه طرف */
  border-radius: 55px;
  border-top-right-radius: 100%; /* گردتر کردن گوشه بالا راست */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.349) 0%, rgba(255, 255, 255, 0.815) 100%);
  /* فیلتر بلور غیرفعال شده */
  transform: translate3d(0px, 0px, 25px);
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.5s ease-in-out;
}

.content {
  padding: 100px 60px 0px 30px;
  transform: translate3d(0, 0, 26px);
  text-align: left; /* متن‌ها چپ‌چین */
}

.content .title {
  display: block;
  color: #F0592C; /* تغییر رنگ عنوان */
  font-weight: 900;
  font-size: 20px;
}

.content .text {
  display: block;
  color: rgba(240, 89, 44, 0.76); /* طیف نارنجی */
  font-size: 15px;
  margin-top: 20px;
}

.bottom {
  padding: 10px 12px;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate3d(0, 0, 26px);
}

.bottom .view-more {
  display: flex;
  align-items: center;
  width: 40%;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
}

.bottom .view-more:hover {
  transform: translate3d(0, 0, 10px);
}

.bottom .view-more .view-more-button {
  background: none;
  border: none;
  color: #F0592C; /* رنگ دکمه */
  font-weight: bolder;
  font-size: 12px;
}

.bottom .view-more .svg {
  fill: none;
  stroke: #F0592C; /* رنگ آیکون SVG */
  stroke-width: 3px;
  max-height: 15px;
}

.bottom .social-buttons-container {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
}

.bottom .social-buttons-container .social-button {
  width: 30px;
  aspect-ratio: 1;
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  border: none;
  display: grid;
  place-content: center;
  box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
}

.bottom .social-buttons-container .social-button:first-child {
  transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}

.bottom .social-buttons-container .social-button:nth-child(2) {
  transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}

.bottom .social-buttons-container .social-button:nth-child(3) {
  transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}

.bottom .social-buttons-container .social-button .svg {
  width: 15px;
  fill: #F0592C; /* رنگ آیکون‌ها */
}

.bottom .social-buttons-container .social-button:hover {
  background: black;
}

.bottom .social-buttons-container .social-button:hover .svg {
  fill: white;
}

.bottom .social-buttons-container .social-button:active {
  background: rgb(255, 234, 0);
}

.bottom .social-buttons-container .social-button:active .svg {
  fill: black;
}

.logo {
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
}

.logo .circle {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0;
  right: 0;
  box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(240, 89, 44, 0.2); /* طیف نارنجی شفاف */
  transition: all 0.5s ease-in-out;
}

.logo .circle1 {
  width: 170px;
  transform: translate3d(0, 0, 20px);
  top: 8px;
  right: 8px;
}

.logo .circle2 {
  width: 140px;
  transform: translate3d(0, 0, 40px);
  top: 10px;
  right: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-delay: 0.4s;
}

.logo .circle3 {
  width: 110px;
  transform: translate3d(0, 0, 60px);
  top: 17px;
  right: 17px;
  transition-delay: 0.8s;
}

.logo .circle4 {
  width: 80px;
  transform: translate3d(0, 0, 80px);
  top: 23px;
  right: 23px;
  transition-delay: 1.2s;
}

.logo .circle5 {
  width: 50px;
  transform: translate3d(0, 0, 100px);
  top: 30px;
  right: 30px;
  display: grid;
  place-content: center;
  transition-delay: 1.6s;
}

.logo .circle5 .svg {
  width: 20px;
  fill: white;
}

.parent:hover .card {
  transform: rotate3d(1, 1, 0, 30deg);
  box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0px 25px 30px 0px;
}

.parent:hover .card .bottom .social-buttons-container .social-button {
  transform: translate3d(0, 0, 50px);
  box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0px;
}

.parent:hover .card .logo .circle2 {
  transform: translate3d(0, 0, 60px);
}

.parent:hover .card .logo .circle3 {
  transform: translate3d(0, 0, 80px);
}

.parent:hover .card .logo .circle4 {
  transform: translate3d(0, 0, 100px);
}

.parent:hover .card .logo .circle5 {
  transform: translate3d(0, 0, 120px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6de969b */.two {
  width: 290px;
  height: 300px;
  perspective: 1000px;
}

.two .card {
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(135deg, #D3231D 0%, #ff4a42 100%);
  transition: all 0.5s ease-in-out;
  transform-style: preserve-3d;
  box-shadow: rgba(5, 71, 17, 0) 40px 50px 25px -40px, rgba(5, 71, 17, 0.2) 0px 25px 25px -5px;
}

.two .glass {
  transform-style: preserve-3d;
  position: absolute;
  inset: 8px;
  border-radius: 55px;
  border-top-right-radius: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.82) 100%);
  transform: translate3d(0px, 0px, 25px);
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.5s ease-in-out;
}

.two .content {
  padding: 100px 60px 0px 30px;
  transform: translate3d(0, 0, 26px);
  text-align: left;
}

.two .content .title {
  display: block;
  color: #D3231D;
  font-weight: 900;
  font-size: 20px;
}

.two .content .text {
  display: block;
  color: rgba(211, 35, 29, 0.76);
  font-size: 15px;
  margin-top: 20px;
}

.two .bottom {
  padding: 10px 12px;
  transform-style: preserve-3d;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate3d(0, 0, 26px);
}

.two .bottom .view-more {
  display: flex;
  align-items: center;
  width: 40%;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
}

.two .bottom .view-more:hover {
  transform: translate3d(0, 0, 10px);
}

.two .bottom .view-more .view-more-button {
  background: none;
  border: none;
  color: #D3231D;
  font-weight: bolder;
  font-size: 12px;
}

.two .bottom .view-more .svg {
  fill: none;
  stroke: #D3231D;
  stroke-width: 3px;
  max-height: 15px;
}

.two .bottom .social-buttons-container {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
}

.two .bottom .social-buttons-container .social-button {
  width: 30px;
  aspect-ratio: 1;
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  border: none;
  display: grid;
  place-content: center;
  box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
}

.two .bottom .social-buttons-container .social-button:first-child {
  transition: transform 0.2s ease-in-out 0.4s, box-shadow 0.2s ease-in-out 0.4s;
}

.two .bottom .social-buttons-container .social-button:nth-child(2) {
  transition: transform 0.2s ease-in-out 0.6s, box-shadow 0.2s ease-in-out 0.6s;
}

.two .bottom .social-buttons-container .social-button:nth-child(3) {
  transition: transform 0.2s ease-in-out 0.8s, box-shadow 0.2s ease-in-out 0.8s;
}

.two .bottom .social-buttons-container .social-button .svg {
  width: 15px;
  fill: #D3231D;
}

.two .bottom .social-buttons-container .social-button:hover {
  background: black;
}

.two .bottom .social-buttons-container .social-button:hover .svg {
  fill: white;
}

.two .bottom .social-buttons-container .social-button:active {
  background: rgb(255, 234, 0);
}

.two .bottom .social-buttons-container .social-button:active .svg {
  fill: black;
}

.two .logo {
  position: absolute;
  right: 0;
  top: 0;
  transform-style: preserve-3d;
}

.two .logo .circle {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0;
  right: 0;
  box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(211, 35, 29, 0.2);
  transition: all 0.5s ease-in-out;
}

.two .logo .circle1 {
  width: 170px;
  transform: translate3d(0, 0, 20px);
  top: 8px;
  right: 8px;
}

.two .logo .circle2 {
  width: 140px;
  transform: translate3d(0, 0, 40px);
  top: 10px;
  right: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition-delay: 0.4s;
}

.two .logo .circle3 {
  width: 110px;
  transform: translate3d(0, 0, 60px);
  top: 17px;
  right: 17px;
  transition-delay: 0.8s;
}

.two .logo .circle4 {
  width: 80px;
  transform: translate3d(0, 0, 80px);
  top: 23px;
  right: 23px;
  transition-delay: 1.2s;
}

.two .logo .circle5 {
  width: 50px;
  transform: translate3d(0, 0, 100px);
  top: 30px;
  right: 30px;
  display: grid;
  place-content: center;
  transition-delay: 1.6s;
}

.two .logo .circle5 .svg {
  width: 20px;
  fill: white;
}

.two:hover .card {
  transform: rotate3d(1, 1, 0, 30deg);
  box-shadow: rgba(5, 71, 17, 0.3) 30px 50px 25px -40px, rgba(5, 71, 17, 0.1) 0px 25px 30px 0px;
}

.two:hover .card .bottom .social-buttons-container .social-button {
  transform: translate3d(0, 0, 50px);
  box-shadow: rgba(5, 71, 17, 0.2) -5px 20px 10px 0px;
}

.two:hover .card .logo .circle2 {
  transform: translate3d(0, 0, 60px);
}

.two:hover .card .logo .circle3 {
  transform: translate3d(0, 0, 80px);
}

.two:hover .card .logo .circle4 {
  transform: translate3d(0, 0, 100px);
}

.two:hover .card .logo .circle5 {
  transform: translate3d(0, 0, 120px);
}/* End custom CSS */