.elementor-1786 .elementor-element.elementor-element-77d69ef{--display:flex;--min-height:90px;--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;}.elementor-1786 .elementor-element.elementor-element-a0ab5fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-1786 .elementor-element.elementor-element-a0ab5fb:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-a0ab5fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-a0ab5fb::before, .elementor-1786 .elementor-element.elementor-element-a0ab5fb > .elementor-background-video-container::before, .elementor-1786 .elementor-element.elementor-element-a0ab5fb > .e-con-inner > .elementor-background-video-container::before, .elementor-1786 .elementor-element.elementor-element-a0ab5fb > .elementor-background-slideshow::before, .elementor-1786 .elementor-element.elementor-element-a0ab5fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1786 .elementor-element.elementor-element-a0ab5fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dentistinfo.ir/wp-content/uploads/2025/06/AI-dental-clinic2.jpg");--background-overlay:'';}.elementor-1786 .elementor-element.elementor-element-2e53eb0{--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:space-around;--align-items:center;border-style:solid;--border-style:solid;border-color:var( --e-global-color-5790961 );--border-color:var( --e-global-color-5790961 );--border-radius:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-2e53eb0:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-2e53eb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1D7F2;}.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-1786 .elementor-element.elementor-element-7335e1f img{border-radius:150px 150px 150px 150px;}.elementor-1786 .elementor-element.elementor-element-067566b{--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;border-style:solid;--border-style:solid;border-color:var( --e-global-color-5790961 );--border-color:var( --e-global-color-5790961 );--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1786 .elementor-element.elementor-element-067566b:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-067566b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1D7F2;}.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-1786 .elementor-element.elementor-element-0df07af > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-0df07af{text-align:center;}.elementor-1786 .elementor-element.elementor-element-0df07af .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-4a0f328 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1786 .elementor-element.elementor-element-4a0f328{text-align:center;}.elementor-1786 .elementor-element.elementor-element-4a0f328 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-9c80c16 );}.elementor-1786 .elementor-element.elementor-element-444a060 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1786 .elementor-element.elementor-element-444a060{text-align:center;}.elementor-1786 .elementor-element.elementor-element-444a060 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-9c80c16 );}.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-1786 .elementor-element.elementor-element-05b6d81 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-05b6d81{text-align:justify;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:45px;color:var( --e-global-color-9c80c16 );}.elementor-1786 .elementor-element.elementor-element-a8cce7e{--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;}.elementor-1786 .elementor-element.elementor-element-a8cce7e:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-a8cce7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-908004c > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-908004c{text-align:center;}.elementor-1786 .elementor-element.elementor-element-908004c .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-c725bf8{--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;}.elementor-1786 .elementor-element.elementor-element-c725bf8:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-c725bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1786 .elementor-element.elementor-element-2decae3 .elementor-repeater-item-b7e8fae .swiper-slide-bg{background-color:var( --e-global-color-primary );}.elementor-1786 .elementor-element.elementor-element-2decae3 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1786 .elementor-element.elementor-element-2decae3 .swiper-slide-contents{max-width:66%;}.elementor-1786 .elementor-element.elementor-element-2decae3 .swiper-slide-inner{text-align:center;}.elementor-1786 .elementor-element.elementor-element-10919e9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1786 .elementor-element.elementor-element-10919e9:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-10919e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-f5768b9 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-f5768b9{text-align:center;}.elementor-1786 .elementor-element.elementor-element-f5768b9 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-26ec223{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1786 .elementor-element.elementor-element-26ec223:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-26ec223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-39a8f59{--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;}.elementor-1786 .elementor-element.elementor-element-c83bd9a.elementor-element{--align-self:center;}.elementor-1786 .elementor-element.elementor-element-952c66c{--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;--align-items:center;}.elementor-1786 .elementor-element.elementor-element-8b6db47{--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;--align-items:center;}.elementor-1786 .elementor-element.elementor-element-d73a544{--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;--align-items:center;}.elementor-1786 .elementor-element.elementor-element-fa4636f{--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;--align-items:center;}.elementor-1786 .elementor-element.elementor-element-8acc712{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1786 .elementor-element.elementor-element-8acc712:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-8acc712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-e81e01b > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-e81e01b{text-align:center;}.elementor-1786 .elementor-element.elementor-element-e81e01b .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-eb90233{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1786 .elementor-element.elementor-element-eb90233:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-eb90233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-c484736 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1786 .elementor-element.elementor-element-c484736 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-9c80c16 );}.elementor-1786 .elementor-element.elementor-element-c441bc5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1786 .elementor-element.elementor-element-c441bc5:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-c441bc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-fa269e2 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-fa269e2{text-align:center;}.elementor-1786 .elementor-element.elementor-element-fa269e2 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-718588d{--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;}.elementor-1786 .elementor-element.elementor-element-718588d:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-718588d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-b254af8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1786 .elementor-element.elementor-element-b254af8:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-b254af8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-8e2ceb0 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-8e2ceb0{text-align:center;}.elementor-1786 .elementor-element.elementor-element-8e2ceb0 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-56bb905{--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;}.elementor-1786 .elementor-element.elementor-element-56bb905:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-56bb905 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-80573e4 .elementor-repeater-item-16acae4.elementor-social-icon{background-color:#D70000;}.elementor-1786 .elementor-element.elementor-element-80573e4 .elementor-repeater-item-38be0e7.elementor-social-icon{background-color:#55D3F4;}.elementor-1786 .elementor-element.elementor-element-80573e4{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1786 .elementor-element.elementor-element-80573e4 .elementor-widget-container{text-align:center;}.elementor-1786 .elementor-element.elementor-element-4eb834f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1786 .elementor-element.elementor-element-4eb834f:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-4eb834f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}.elementor-1786 .elementor-element.elementor-element-7a6b66f > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1786 .elementor-element.elementor-element-7a6b66f{text-align:center;}.elementor-1786 .elementor-element.elementor-element-7a6b66f .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;color:var( --e-global-color-5790961 );}.elementor-1786 .elementor-element.elementor-element-c1e68d2{--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;}.elementor-1786 .elementor-element.elementor-element-c1e68d2:not(.elementor-motion-effects-element-type-background), .elementor-1786 .elementor-element.elementor-element-c1e68d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FB;}@media(min-width:768px){.elementor-1786 .elementor-element.elementor-element-2e53eb0{--width:50%;}.elementor-1786 .elementor-element.elementor-element-067566b{--width:50%;}.elementor-1786 .elementor-element.elementor-element-39a8f59{--width:25%;}.elementor-1786 .elementor-element.elementor-element-952c66c{--width:25%;}.elementor-1786 .elementor-element.elementor-element-8b6db47{--width:25%;}.elementor-1786 .elementor-element.elementor-element-d73a544{--width:25%;}.elementor-1786 .elementor-element.elementor-element-fa4636f{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-c83bd9a */.card {
  position: relative;
  width: 220px;
  height: 320px;
  background: #6AADDF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  font-family: Noto Naskh Arabic
}

.card::before,
.card::after {
  position: absolute;
  content: "";
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  background-color: lightblue;
  transition: all 0.5s;
  padding: 20px;
  text-align: center;
}

.card::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.card::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.card:hover::before,
.card:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.card:hover:after {
  content: "16 - 21";
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-259b9cf */.card {
  position: relative;
  width: 220px;
  height: 320px;
  background: #6AADDF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  font-family: Noto Naskh Arabic
}

.card::before,
.card::after {
  position: absolute;
  content: "";
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  background-color: lightblue;
  transition: all 0.5s;
  padding: 20px;
  text-align: center;
}

.card::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.card::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.card:hover::before,
.card:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.card:hover:after {
  content: "16 - 21";
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d80e5a */.card {
  position: relative;
  width: 220px;
  height: 320px;
  background: #6AADDF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  font-family: Noto Naskh Arabic
}

.card::before,
.card::after {
  position: absolute;
  content: "";
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  background-color: lightblue;
  transition: all 0.5s;
  padding: 20px;
  text-align: center;
}

.card::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.card::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.card:hover::before,
.card:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.card:hover:after {
  content: "16 - 21";
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56cf69f */.card {
  position: relative;
  width: 220px;
  height: 320px;
  background: #6AADDF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  font-family: Noto Naskh Arabic
}

.card::before,
.card::after {
  position: absolute;
  content: "";
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  background-color: lightblue;
  transition: all 0.5s;
  padding: 20px;
  text-align: center;
}

.card::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.card::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.card:hover::before,
.card:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.card:hover:after {
  content: "16 - 21";
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a139541 */.card {
  position: relative;
  width: 220px;
  height: 320px;
  background: #6AADDF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  font-family: Noto Naskh Arabic
}

.card::before,
.card::after {
  position: absolute;
  content: "";
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  background-color: lightblue;
  transition: all 0.5s;
  padding: 20px;
  text-align: center;
}

.card::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.card::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.card:hover::before,
.card:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.card:hover:after {
  content: "16 - 21";
}/* End custom CSS */