.elementor-364 .elementor-element.elementor-element-f0699a5{--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;--flex-wrap:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-364 .elementor-element.elementor-element-896d44d{--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-364 .elementor-element.elementor-element-4714747{--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-364 .elementor-element.elementor-element-a76236d{--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-364 .elementor-element.elementor-element-caaaac5{--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-364 .elementor-element.elementor-element-2fae512{--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-364 .elementor-element.elementor-element-aef0efe{--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-364 .elementor-element.elementor-element-37cbffb{--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;}@media(max-width:1200px){.elementor-364 .elementor-element.elementor-element-f0699a5{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-364 .elementor-element.elementor-element-896d44d{--width:33.3333%;}.elementor-364 .elementor-element.elementor-element-4714747{--width:33.3333%;}.elementor-364 .elementor-element.elementor-element-a76236d{--width:33.3333%;}.elementor-364 .elementor-element.elementor-element-caaaac5{--width:16.5%;}.elementor-364 .elementor-element.elementor-element-2fae512{--width:33.3333%;}.elementor-364 .elementor-element.elementor-element-aef0efe{--width:33.3333%;}.elementor-364 .elementor-element.elementor-element-37cbffb{--width:16.5%;}}@media(max-width:1200px) and (min-width:768px){.elementor-364 .elementor-element.elementor-element-caaaac5{--width:16%;}.elementor-364 .elementor-element.elementor-element-37cbffb{--width:16.5%;}}/* Start custom CSS for html, class: .elementor-element-13c1127 */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.mainsec {
  font-family: "Roboto", sans-serif;
  min-height: auto;
  min-width: auto;
  overflow-x: hidden;
  background: rgb(231, 231, 231);
}
.header0 h4 {
    text-align: center;
    font-family: playfairdisplay;
    color: #004a94;
}
.header0 p {
    text-align: justify;
}
.card0 {
  position: relative;
  height: 500px;
  max-width: 100%; 
  overflow: hidden;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 254, 234, 1) 0%, rgba(255, 254, 234, 1) 35%, #B7E8EB 100%);
}
.header0 {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
  padding: 20px 30px;
}
.wave-container0 {
  position: absolute;
  width: 100%;
  height: 70%;
  /*top: 0;*/
}
.wave00 {
  position: absolute;
  height: 600px;
  width: 620px;
  opacity: 0.6;
  border-radius: 40%;
  left: -200px;
  top: 112%;
 background: radial-gradient(#08abd73d, #004a9414);
  animation: wave00 9s infinite linear;
}

.wave00:nth-child(2) {
  animation-delay: 0.2s;
}
.wave00:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes wave00 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.more0 {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  color: #004a94;
}
.more0 a {
  text-decoration: none;
  padding: 10px 30px;
  color: #004a94;
  border: solid 1px #004a94;
  border-radius: 30px;
  transition: 0.4s;
}
.more0 a:hover {
  background: #004a94;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ec13b0 */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.mainsec {
  font-family: "Roboto", sans-serif;
  min-height: auto;
  min-width: auto;
  /*display: flex;*/
  /*align-content: center;*/
  /*align-items: center;*/
  /*align-self: center;*/
  /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  /*grid-gap: 20px;*/
  /*place-items: center;*/
  overflow-x: hidden;
  background: rgb(231, 231, 231);
}
.header0 h4 {
    text-align: center;
    font-family: playfairdisplay;
    /*padding: 30px 9% 30px 15%;*/
    color: #004a94;
}
.header0 p {
    text-align: justify;
}
.card0 {
  position: relative;
  height: 500px;
  /*width: 100;*/
  /* تغییر اصلی اینجا است - به جای مقدار ثابت 
  /*max-width: 100%; */
  overflow: hidden;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 254, 234, 1) 0%, rgba(255, 254, 234, 1) 35%, #B7E8EB 100%);
}
.header0 {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
  padding: 20px 50px;
}
.wave-container0 {
  position: absolute;
  width: 100%;
  height: 70%;
  /*top: 0;*/
}
.wave00 {
  position: absolute;
  height: 600px;
  width: 620px;
  opacity: 0.6;
  border-radius: 40%;
  left: -200px;
  top: 112%;
 background: radial-gradient(#08abd73d, #004a9414);
  animation: wave00 9s infinite linear;
}

.wave00:nth-child(2) {
  animation-delay: 0.2s;
}
.wave00:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes wave00 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.more0 {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  color: #004a94;
}
.more0 a {
  text-decoration: none;
  padding: 10px 30px;
  color: #004a94;
  border: solid 1px #004a94;
  border-radius: 30px;
  transition: 0.4s;
}
.more0 a:hover {
  background: #004a94;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a469a5c */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.mainsec {
  font-family: "Roboto", sans-serif;
  min-height: auto;
  min-width: auto;
  display: flex;
  /*align-content: center;*/
  /*align-items: center;*/
  align-self: center;
  /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  /*grid-gap: 20px;*/
  /*place-items: center;*/
  overflow-x: hidden;
  background: rgb(231, 231, 231);
}
.header0 h4 {
    text-align: center;
    font-family: playfairdisplay;
    padding: 30px 10px 5%;
    color: #004a94;
}
.header0 p {
    text-align: justify;
}
.card0 {
  position: relative;
  height: 500px;
  width: 300px; /* تغییر اصلی اینجا است - به جای مقدار ثابت */
  max-width: 100%; 
  overflow: hidden;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 254, 234, 1) 0%, rgba(255, 254, 234, 1) 35%, #B7E8EB 100%);
}
.header0 {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
  padding: 20px 30px;
}
.wave-container0 {
  position: absolute;
  width: 100%;
  height: 70%;
  /*top: 0;*/
}
.wave00 {
  position: absolute;
  height: 600px;
  width: 620px;
  opacity: 0.6;
  border-radius: 40%;
  left: -200px;
  top: 112%;
 background: radial-gradient(#08abd73d, #004a9414);
  animation: wave00 9s infinite linear;
}

.wave00:nth-child(2) {
  animation-delay: 0.2s;
}
.wave00:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes wave00 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.more0 {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  color: #004a94;
}
.more0 a {
  text-decoration: none;
  padding: 10px 30px;
  color: #004a94;
  border: solid 1px #004a94;
  border-radius: 30px;
  transition: 0.4s;
}
.more0 a:hover {
  background: #004a94;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f46fda0 */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.mainsec {
  font-family: "Roboto", sans-serif;
  min-height: auto;
  min-width: auto;
  display: flex;
  /*align-content: center;*/
  /*align-items: center;*/
  align-self: center;
  /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  /*grid-gap: 20px;*/
  /*place-items: center;*/
  overflow-x: hidden;
  background: rgb(231, 231, 231);
}
.header0 h4 {
    text-align: center;
    font-family: playfairdisplay;
    padding: 30px 10px 5%;
    color: #004a94;
}
.header0 p {
    text-align: left;
}
.card0 {
  position: relative;
  height: 500px;
  width: 300px; /* تغییر اصلی اینجا است - به جای مقدار ثابت */
  max-width: 100%; 
  overflow: hidden;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 254, 234, 1) 0%, rgba(255, 254, 234, 1) 35%,#aaeeff 100%);
}
.header0 {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
  padding: 20px 30px;
}
.wave-container0 {
  position: absolute;
  width: 100%;
  height: 70%;
  /*top: 0;*/
}
.wave00 {
  position: absolute;
  height: 600px;
  width: 620px;
  opacity: 0.6;
  border-radius: 40%;
  left: -200px;
  top: 112%;
 background: radial-gradient(#08abd73d, #004a9414);
  animation: wave00 9s infinite linear;
}

.wave00:nth-child(2) {
  animation-delay: 0.2s;
}
.wave00:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes wave00 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.more0 {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  color: #004a94;
}
.more0 a {
  text-decoration: none;
  padding: 10px 30px;
  color: #004a94;
  border: solid 1px #004a94;
  border-radius: 30px;
  transition: 0.4s;
}
.more0 a:hover {
  background: #004a94;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a5ff01 */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.mainsec {
  font-family: "Roboto", sans-serif;
  min-height: auto;
  min-width: auto;
  display: flex;
  /*align-content: center;*/
  /*align-items: center;*/
  align-self: center;
  /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
  /*grid-gap: 20px;*/
  /*place-items: center;*/
  overflow-x: hidden;
  background: rgb(231, 231, 231);
}
.header0 h4 {
    text-align: center;
    font-family: playfairdisplay;
    padding: 30px 10px 5%;
    color: #004a94;
}
.header0 p {
    text-align: justify;
}
.card0 {
  position: relative;
  height: 500px;
  width: 300px; /* تغییر اصلی اینجا است - به جای مقدار ثابت */
  max-width: 100%; 
  overflow: hidden;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 254, 234, 1) 0%, rgba(255, 254, 234, 1) 35%, #B7E8EB 100%);
}
.header0 {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
  padding: 20px 30px;
}
.wave-container0 {
  position: absolute;
  width: 100%;
  height: 70%;
  /*top: 0;*/
}
.wave00 {
  position: absolute;
  height: 600px;
  width: 620px;
  opacity: 0.6;
  border-radius: 40%;
  left: -200px;
  top: 112%;
 background: radial-gradient(#08abd73d, #004a9414);
  animation: wave00 9s infinite linear;
}

.wave00:nth-child(2) {
  animation-delay: 0.2s;
}
.wave00:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes wave00 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.more0 {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  color: #004a94;
}
.more0 a {
  text-decoration: none;
  padding: 10px 30px;
  color: #004a94;
  border: solid 1px #004a94;
  border-radius: 30px;
  transition: 0.4s;
}
.more0 a:hover {
  background: #004a94;
  color: #ffffff;
}/* End custom CSS */