@charset "utf-8";
:root {
--color1: #6F8F87;
--color2: #EAD9BB;
--color3: #EBEBEB;
}
@font-face {
font-family: PeydaWeb;
font-style: normal;
font-weight: 300;
src: url('assets/fonts/PeydaWebFaNum-Regular.woff') format('woff'),url('assets/fonts/PeydaWebFaNum-Regular.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: PeydaWebbold;
font-style: normal;
font-weight: 500;
src: url('assets/fonts/PeydaWebFaNum-Bold.woff') format('woff'),url('assets/fonts/PeydaWebFaNum-Bold.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: PeydaWebextrabold;
font-style: normal;
font-weight: 700;
src: url('assets/fonts/PeydaWebFaNum-ExtraBold.woff') format('woff'),url('assets/fonts/PeydaWebFaNum-ExtraBold.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: PeydaWebbold;
font-style: normal;
font-weight: 500;
src: url('assets/fonts/PeydaWebFaNum-Bold.woff') format('woff'),url('assets/fonts/PeydaWebFaNum-Bold.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: PeydaWebsemibold;
font-style: normal;
font-weight: 500;
src: url('assets/fonts/PeydaWebFaNum-SemiBold.woff') format('woff'),url('assets/fonts/PeydaWebFaNum-SemiBold.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "whclicon";
src: url("assets/fonts/flaticon_whcl.ttf") format("truetype"),url("assets/fonts/flaticon_whcl.woff") format("woff"),url("assets/fonts/flaticon_whcl.woff2") format("woff2"),url("assets/fonts/flaticon_whcl.eot#iefix") format("embedded-opentype"),url("assets/fonts/flaticon_whcl.svg#flaticon_whcl") format("svg");
font-display: swap;
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1123px;
}
}
@media (min-width: 1400px) {
.container,
.containerlf {
max-width: 1323px;
}
.bannerbox {
min-height: 600px !important;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1400px;
}
.containerlf {
max-width: 1400px;
}
.bannerbox {
min-height: 623px !important;
}
}
@media (min-width: 1920px) {
.container {
max-width: 1400px;
}
.containerlf {
max-width: 1400px;
}
}
.containerlf {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
body {
margin: 0;
font-family: PeydaWeb;
color: #7B7B7B;
text-align: right;
direction: rtl;
overflow-x: hidden;
transition: all 0.5s ease-in-out;
}
body.dark {
background: #001836;
color: #d7d7d7;
}
img {
width: 100%;
height: auto;
}
li {
list-style: none
}
a {
color: #424242;
transition: 0.5s;
text-decoration: none !important;
}
a: hover,a:visited,a:link,a:active {
text-decoration: none;
}
.mg-auto {
margin: 0 auto;
}
ul {
padding: 0;
margin: 0;
}
input: :-webkit-input-placeholder ,textarea::-webkit-input-placeholder {
color: #c0c0c0;
}
.owl-carousel {
direction: ltr;
}
button: focus {
outline: none
}
.lg {
direction: ltr;
}
i[class^="agh-"]:before,i[class*=" agh-"]:before {
font-family: whclicon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input: focus ,textarea:focus {
outline: none;
border-color: var(--color1)!important;
}
h1,h2,h3,h4,h5,h6 ,p {
margin: 0;
}
.agh-phone-call:before {
content: "\f101";
}
.agh-handshake:before {
content: "\f102";
}
.agh-arrow-down-sign-to-navigate:before {
content: "\f103";
}
.agh-search:before {
content: "\f104";
}
.agh-lifeline:before {
content: "\f105";
}
.agh-user:before {
content: "\f106";
}
.agh-clipboard:before {
content: "\f107";
}
.agh-comment:before {
content: "\f108";
}
.agh-placeholder:before {
content: "\f109";
}
.agh-back-in-time:before {
content: "\f10a";
}
.agh-social-media:before {
content: "\f10b";
}
.agh-calendar:before {
content: "\f10c";
}
.agh-location:before {
content: "\f10d";
}
.agh-telegram:before {
content: "\f10e";
}
.agh-whatsapp:before {
content: "\f10f";
}
.agh-right-quotation-mark:before {
content: "\f110";
}
.agh-user-1:before {
content: "\f111";
}
.agh-stethoscope:before {
content: "\f112";
}
.agh-menu:before {
content: "\f113";
}
.agh-upload:before {
content: "\f114";
}
.agh-doubts-button:before {
content: "\f115";
}
.agh-phone:before {
content: "\f116";
}
.agh-zoom-in:before {
content: "\f117";
}
.agh-aparat:before {
content: "\f118";
}
.agh-instagram:before {
content: "\f119";
}
.agh-menu-1:before {
content: "\f11a";
}
.agh-phone-1:before {
content: "\f11b";
}
.agh-home:before {
content: "\f11d";
}
.agh-cosmetic-surgery:before {
content: "\f11e";
}
.lyam-header{
background: var(--bg);
padding: 38px 24px;
}
.lyam-nav{
flex: 1 1 0;
}
.lyam-nav__list{
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 52px;
align-items: center;
justify-content: flex-start;
}
.lyam-nav__list a{
color: var(--text);
text-decoration: none;
font-size: 14px;
opacity: .95;
display: flex;
gap: 15px;
align-items: center;
}
.bannerbox:before {
content: '';
position: absolute;
width: 100%;
background: var(--color1);
height: 100%;
border-radius: 40px;
opacity: 0.9;
}
.lyam-brand{
flex: 0 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.lyam-brand__logo img{
height: 52px;
width: auto;
display: block;
position: relative;
bottom: 6px;
}
.lyam-brand__text{
color: var(--text);
font-weight: 700;
text-decoration: none;
letter-spacing: .5px;
}
.lyam-actions{
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
}
.lyam-pill{
display: flex;
align-items: center;
justify-content: center;
padding: 8px 22px;
font-size: 12px;
border: 1px solid rgba(231,217,191,.35);
background: #EAD9BB;
border-radius: 100px 30px;
color: var(--color1) !important;
font-family: 'PeydaWebBold';
gap: 6px;
}
.lyam-pill--cta:after {
content: '';
position: relative;
display: inline-block;
url(
'data: image/svg+xml,');
background: url('data:image/svg+xml,');
width: 19px;
height: 18px;
background-size: 100%;
}
.lyam-social{
display: flex;
gap: 16px;
align-items: center;
}
.lyam-iconbtn{
display: inline-flex;
align-items: center;
justify-content: center;
}
.lyam-iconbtn svg{
fill: currentColor;
opacity: .95;
width: 16px;
}
.lyam-iconbtn:hover svg{
opacity: 1;
}
.bannerbox {
border-radius: 40px;
min-height: 617px;
background-size: cover !important;
position: relative;
}
header.lyam-header {
position: absolute;
width: 100%;
z-index: 999999;
}
.banner {
padding: 15px;
}
.lyam-header__inner {
display: flex;
border-bottom: 1px solid #ffffff12;
padding-bottom: 14px;
align-items: center;
position: relative;
z-index: 9999999;
}
span.lyam-menu-icon svg rect {
display: none;
}
span.lyam-menu-text {
display: flex;
flex-direction: column;
color: #fff;
}
li.lyam-menu-item s {
display: flex;
}
span.lyam-menu-fa {
font-size: 15px;
font-family: 'PeydaWebsemibold';
}
span.lyam-menu-en {
font-family: 'PeydaWeb';
font-weight: 100;
font-size: 11px;
letter-spacing: 0.5px;
}
span.lyam-menu-icon svg {
display: block;
width: 18px;
height: auto;
}
.sliderbx {
display: flex;
}
.sliderbanner {
padding-left: 120px !important;
position: absolute;
width: 100%;
right: 0;
top: 130px;
padding: 15px;
}
.bannerbox .containerlf {
position: relative;
}
.sliderbximage {
width: 40%;
padding-left: 1px;
}
.sliderbxcontent {
width: 60%;
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 40px;
padding-left: 45px;
direction: rtl;
}
.sliderbxcontent h3 {
font-size: 47px;
font-family: 'PeydaWebextrabold';
color: var(--color2);
position: relative;
left: -2px;
}
.sliderbxcontent span {
font-size: 23px;
font-family: 'PeydaWebextrabold';
color: #fff;
padding-top: 5px;
}
.sliderbxcontent p {
color: #fff;
font-size: 16px;
line-height: 45px;
}
.btnbx a {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
border: 1px solid rgba(231, 217, 191, .35);
background: #EAD9BB;
border-radius: 100px 30px;
color: var(--color1);
font-family: 'PeydaWebBold';
gap: 6px;
}
.btnbx {
display: flex;
gap: 11px;
}
.btnbx a:after {
content: '';
position: relative;
display: inline-block;
background: url('data:image/svg+xml,');
width: 19px;
height: 18px;
background-size: 100% !important;
}
a.btn-ep:after {
background: url('data:image/svg+xml,');
transition: 0.5s;
}
a.btn-ep {
background: transparent;
border-color: var(--color2);
color: var(--color2);
}
.owl-slider {
position: relative;
}
.owl-nav {
position: absolute;
bottom: 50px;
left: -100px;
display: flex;
gap: 12px;
flex-direction: column;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
width: 50px;
height: 50px;
border-radius: 50%;
background: #EAD9BB !important;
transition: all .25s ease;
position: relative;
}
.owl-nav button span {
font-size: 32px;
line-height: 44px;
display: none;
}
.owl-nav button::before {
content: '';
position: absolute;
width: 16px;
height: 15px;
background: url('data:image/svg+xml,');
display: block !important;
left: 0;
right: 0;
margin: 0 auto;
top: 18px;
}
button.owl-next:before {
transform: rotate(180deg);
}
.owl-nav button:focus {
border: none !important;
box-shadow: none;
outline: none !important;
}
.sliderbanner:before {
content: '';
position: absolute;
width: 70px;
height: 180px;
background: url(assets/images/bannertext.png);
left: 8px;
bottom: 200px;
background-repeat: no-repeat;
background-position: center;
}
.services-strip__layout {display: flex;gap: 20px;justify-content: space-between;}
.services-strip__right{
flex: 0 0 22%;
max-width: 22%;
}
.services-strip__left{
flex: 0 0 76%;
max-width: 76%;
}
.services-strip__top {
display: flex;
justify-content: space-between;
align-content: center;
margin-bottom: 30px;
}
.services-strip {
margin-top: 80px;
}
span.services-strip__brand-title {
font-size: 30px;
font-family: 'PeydaWebextrabold';
}
h3.services-strip__brand-title {
font-family: 'PeydaWebextrabold';
color: var(--color1);
font-size: 28px;
display: flex;
gap: 5px;
position: relative;
top: 3px;
align-items: center;
}
h3.services-strip__brand-title span {
color: var(--color2);
}
a.services-strip__view-all {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
border: 1px solid rgba(231, 217, 191, .35);
border-radius: 100px 30px;
color: var(--color1);
font-family: 'PeydaWebBold';
gap: 6px;
border: 1px solid var(--color1);
}
a.services-strip__view-all:after {
content: '';
position: relative;
display: inline-block;
width: 19px;
height: 18px;
background-size: 100% !important;
background: url('data:image/svg+xml,');
background-position: 0px 0px;
transition: 0.5s;
}
.services-strip__top-center {
display: flex;
align-content: center;
}
.services-strip__brand {
display: flex;
align-content: center;
}
.services-strip__cards {display: flex;gap: 27px;}
.service-card {
width: 23%;
background: #ffffff;
border-radius: 10px;
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
border-radius: 80px 30px;
text-align: center;
box-sizing: border-box;
border: 1px solid transparent;
background-clip: padding-box;
position: relative;
}
.service-card:before {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(to bottom, #ffffff 40%, var(--color1));
z-index: -1;
border-radius: 80px 30px;
transition: 0.5s;
}
.service-card:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(to top, #ffffff 40%, var(--color1));
z-index: -1;
border-radius: 80px 30px;
transition: 0.5s;
opacity: 0;
}
.service-card__icon {
background: var(--color1);
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 25px 10px;
padding: 12px;
position: relative;
margin-bottom: 22px;
}
a.service-card__link {display: block;padding: 39px 0 30px 0;}
.service-card__icon:before {
content: '';
position: absolute;
width: 71px;
height: 71px;
border: 1px solid var(--color1);
left: 0px;
right: -5px;
top: -5px;
border-radius: 25px 10px;
}
.service-card__title {
font-family: 'PeydaWebextrabold';
color: var(--color1);
font-size: 19px;
}
.service-card__subtitle {
font-size: 14px;
letter-spacing: 2px;
margin: 8px 0;
color: #C3C3C3;
}
.service-card__more:after {
content: '';
position: relative;
width: 16px;
height: 14px;
display: inline-block;
background: url('data:image/svg+xml,');
transform: rotate(180deg);
top: 5px;
}
.service-card__more {
display: flex;
gap: 10px;
justify-content: center;
color: var(--color1);
font-size: 15px;
margin-top: 20px;
}
.instabnbox {
background-color: var(--color2);
margin: 110px 0;
border-radius: 130px 30px 120px;
min-height: 140px;
background-image: url(assets/images/bginsta.png);
background-size: contain;
display: flex;
justify-content: flex-start;
padding: 38px 70px;
position: relative;
gap: 20px;
align-items: center;
}
.insta-title {
color: var(--color1);
font-family: 'PeydaWebextrabold';
font-size: 30px;
}
.insta-sub {
color: #565656;
font-size: 15px;
}
.insta-text {
gap: 13px;
display: flex;
flex-direction: column;
width: 28%;
}
.insta-avatars {
width: 51%;
display: flex;
gap: 35px;
justify-content: center;
}
.insta-logo img {
position: absolute;
left: 90px;
width: 200px;
top: -30px;
}
.avatar img {
width: 74px;
height: 74px;
border-radius: 40px 13px;
}
a.insta-arrow {
width: 74px;
height: 74px;
border-radius: 40px 13px;
border: none;
background: var(--color1);
position: relative;
cursor: pointer;
transition: 0.5s;
}
a.insta-arrow:before {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
width: 30px;
height: 19px;
background-repeat: no-repeat;
left: 0;
right: 0;
margin: 0 auto;
top: 31px;
}
h3.services-strip__brand-title:before {
content: '';
position: relative;
display: inline-block;
width: 27px;
height: 38px;
background: url(assets/images/smlogo.png);
background-size: 100%;
}
.services-strip__figure-circle {
position: relative;
top: -5px;
}
.lyam-info-row {
display: flex;
gap: 40px;
position: relative;
}
.lyam-col.lyam-col-right {
width: 50%;
}
.lyam-col.lyam-col-left {
width: 50%;
}
.lyam-head-title {
font-family: 'PeydaWebextrabold';
display: flex;
color: var(--color1);
font-size: 30px;
gap: 6px;
margin-bottom: 20px;
}
.lyam-head-title span {
color: var(--color2);
}
.lyam-text {
line-height: 43px;
font-size: 15px;
}
.lyam-note {
font-family: 'PeydaWebextrabold';
color: var(--color1);
margin-top: 16px;
margin-bottom: 25px;
}
.lyam-btn.lyam-btn-outline a {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
background: var(--color1);
border-radius: 100px 30px;
color: var(--color2);
font-family: 'PeydaWebBold';
gap: 6px;
}
.lyam-btn.lyam-btn-fill a {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
border: 1px solid rgba(231, 217, 191, .35);
border-radius: 100px 30px;
color: var(--color1);
font-family: 'PeydaWebBold';
gap: 6px;
border: 1px solid var(--color1);
}
.lyam-btn.lyam-btn-outline a:after {
content: '';
position: relative;
display: inline-block;
width: 19px;
height: 18px;
background-size: 100% !important;
background: url('data:image/svg+xml,');
background-position: 0px 0px;
}
.lyam-btn.lyam-btn-fill a:after {
content: '';
position: relative;
display: inline-block;
width: 19px;
height: 18px;
background-size: 100% !important;
background: url('data:image/svg+xml,');
background-position: 0px 0px;
transition: 0.5s;
}
.lyambtnlg {
display: flex;
}
.lyam-info-row:before {
content: '';
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 1px;
height: 100%;
background: repeating-linear-gradient(
to bottom,
#cfcfcf,
#cfcfcf 8px,
transparent 8px,
transparent 16px
);
}
.lyam-col lyam-col-right .lyam-head-title:before {
content: '';
position: relative;
display: inline-block;
width: 27px;
height: 38px;
background: url(assets/images/smlogo.png);
background-size: 100%;
}
.lyam-features {
display: flex;
flex-wrap: wrap;
gap: 20px 0px;
margin-top: 10px;
}
.lyam-feature {
width: 50%;
display: flex;
gap: 12px;
}
.lyam-fi img {
width: 56px;
}
.lyam-ft {
font-family: 'PeydaWebextrabold';
color: var(--color1);
margin-bottom: 11px;
}
.lyam-fd {
font-size: 14px;
}
.lyam-info-wrap {
margin-bottom: 110px;
}
.lyam-col.lyam-col-right .lyam-actions {
display: flex;
align-items: center;
justify-content: flex-start;
}
.lyam-banner-row {
background-color: #6F8F87;
border-radius: 25px 145px;
display: flex;
flex-direction: row-reverse;
padding: 40px;
min-height: 350px;
position: relative;
background-image: url(assets/images/bgbn.png);
background-size: 100%;
}
.lyam-col.lyam-col-content {width: 53%;padding-top: 15px;}
.lyam-banner-media img {
position: absolute;
height: 350px;
width: auto;
top: 32px;
right: 50px;
}
.lyam-banner-title {
color: var(--color2);
font-family: 'PeydaWebextrabold';
font-size: 31px;
}
.lyam-banner-text {
font-size: 15px;
line-height: 38px;
margin: 13px 0;
color: #fff;
}
.lyam-banner-actions {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
.lyam-banner-actions .lyam-btn.lyam-btn-outline a {
background: var(--color2);
color: var(--color1);
}
.lyam-banner-actions .lyam-btn.lyam-btn-fill a {
border-color: var(--color2);
color: var(--color2);
}
.lyam-banner-actions .lyam-btn.lyam-btn-outline a:after {
background: url('data:image/svg+xml,');
}
.lyam-banner-actions .lyam-btn.lyam-btn-fill a:after {
background: url('data:image/svg+xml,');
}
.services-strip__cards.levelmore {
width: 90%;
margin: 0 auto;
}
.services-strip.moreservice {
margin: 130px 0 170px 0;
}
.services-strip__cards.levelmore .service-card:nth-child(2) ,
.services-strip__cards.levelmore .service-card:nth-child(4) {
position: relative;
top: 50px;
}
.services-strip__cards.levelmore .service-card:nth-child(3) {
position: relative;
top: 100px;
}
.moreservice .services-strip__layout {
display: flex;
flex-direction: column;
gap: 0;
}
.title-service {
text-align: center;
position: relative;
top: 10px;
}
.title-service h3 {
font-size: 40px;
font-family: 'PeydaWebextrabold';
color: var(--color1);
}
.title-service h3 span {
color: var(--color2);
}
.title-service p {
font-size: 15px;
width: 50%;
margin: 12px auto;
line-height: 30px;
}
.title-service:before {
content: '';
position: absolute;
}
.title-service:before {
content: '';
position: absolute;
display: inline-block;
width: 37px;
height: 48px;
background: url(assets/images/smlogo.png);
background-size: 100%;
bottom: -55px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0.2;
}
.lyam-modal{
position:fixed; inset:0;
display:none;
align-items:center; justify-content:center;
background: rgba(0,0,0,.55);
z-index:9999;
padding: 18px;
}
.lyam-modal.is-open{ display:flex; }
.lyam-modal-box{
width: min(940px, 100%);
background:#fff;
border-radius: 18px;
overflow:hidden;
position:relative;
}
.lyam-modal-close{
position:absolute; top:10px; left:10px;
width:40px; height:40px;
border-radius:10px;
border:0;
background: rgba(0,0,0,.08);
cursor:pointer;
font-size: 22px;
z-index:2;
}
.lyam-modal-video{
width:100%;
aspect-ratio: 16 / 9;
background:#000;
}
.lyam-modal-video video{
width: 100%;
height:100%;
display:block;
background:#000;
}
.lyam-review-head {
display: flex;
justify-content: space-between;
align-content: center;
margin-bottom: 40px;
}
.lyam-review-title {
font-family: 'PeydaWebextrabold';
color: var(--color1);
font-size: 29px;
display: flex;
gap: 5px;
position: relative;
top: 3px;
align-items: center;
}
a.lyam-review-all {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
border: 1px solid rgba(231, 217, 191, .35);
border-radius: 100px 30px;
color: var(--color1);
font-family: 'PeydaWebBold';
gap: 6px;
border: 1px solid var(--color1);
}
a.lyam-review-all:after {content: '';position: relative;display: inline-block;width: 19px;height: 19px;background-size: 100% !important;background-position: 0px 0px;background: url('data:image/svg+xml,');background-repeat: no-repeat;transition: 0.5s;}
.lyam-review-title span {
color: var(--color2);
}
.lyam-review-title:before {
content: '';
position: relative;
display: inline-block;
width: 27px;
height: 38px;
background: url(assets/images/smlogo.png);
background-size: 100%;
}
.videobox {
border-radius: 70px 20px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.lyam-review-wrap {
margin-bottom: 70px;
}
.videobox:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: var(--color1);
left: 0;
top: 0;
opacity: 0.8;
transition: 0.7s;
}
.lyam-review-play {
position: absolute;
width: 70px;
height: 70px;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,');
background-size: 100%;
transition: 0.7s;
}
.lyam-consult-row {
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.lyam-consult-right {width: 25%;}
.lyam-consult-left {
width: 75%;
}
.lyam-contact-card {
background-color: var(--color1);
padding: 40px 20px;
border-radius: 105px 25px;
color: #fff;
background-image: url(assets/images/bgct.png);
background-size: 100%;
}
.lyam-contact-item {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 26px;
align-items: center;
}
.lyam-contact-title {
text-align: center;
font-family: 'PeydaWebextrabold';
color: var(--color2);
font-size: 25px;
margin-bottom: 14px;
}
.lyam-contact-sub {
text-align: center;
margin-bottom: 35px;
font-size: 14px;
}
.lyam-contact-list {
text-align: center;
}
.lyam-contact-ico {
width: 40px;
}
.lyam-contact-text {
font-size: 22px;
font-family: 'PeydaWebbold';
color: var(--color2);
letter-spacing: 2px;
}
.lyam-consult-left-body {
background: var(--color2);
padding: 30px;
border-radius: 26px;
display: flex;
margin-bottom: 20px;
flex-direction: row-reverse;
justify-content: flex-end;
position: relative;
height: 292px;
}
.lyam-consult-formbox {
width: 65%;
}
.lyam-form-row {
display: flex;
justify-content: space-evenly;
margin-bottom: 10px;
}
.lyam-form-row .lyam-field {
width: 50%;
}
.lyam-consult-head {position: relative;top: -5px;}
.lyam-consult-wrap {
margin: 150px 0 100px 0;
}
.lyam-consult-image {
position: absolute;
left: 0;
bottom: 0;
border-radius: 23px;
overflow: hidden;
}
.lyam-consult-image img {
width: 355px;
}
.lyam-consult-title {
font-size: 26px;
font-family: 'PeydaWebextrabold';
color: var(--color1);
display: flex;
gap: 5px;
}
.lyam-consult-sub {
font-size: 15px;
width: 73%;
margin: 7px 0 4px 0;
}
.lyam-consult-title:before {
content: '';
position: relative;
display: inline-block;
width: 27px;
height: 38px;
background: url(assets/images/smlogo.png);
background-size: 100%;
}
.lyam-consult-title span {
color: var(--color2);
}
.lyam-label {
font-size: 16px;
color: var(--color1);
margin-bottom: 4px;
font-family: 'PeydaWebsemibold';
}
.lyam-field input {
width: 95%;
padding: 12px 20px;
border: none;
border-radius: 25px 6px;
font-size: 13px;
border: 1px solid #DEDBD6;
}
.lyam-field textarea {
width: 98%;
padding: 12px 20px;
border: none;
border-radius: 35px 10px;
font-size: 14px;
border: 1px solid #DEDBD6;
height: 71px;
margin-top: 0px;
}
.lyam-form-actions button {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
background: var(--color1);
border-radius: 100px 30px;
color: var(--color2);
font-family: 'PeydaWebBold';
gap: 6px;
border: none;
margin-top: 10px;
transition: 0.5s;
cursor: pointer;
}
.lyam-form-actions {
display: flex;
justify-content: flex-end;
padding-left: 15px;
}
button.lyam-btn.lyam-btn-fill:after {
content: '';
position: relative;
display: inline-block;
width: 19px;
height: 18px;
background-size: 100% !important;
background-position: 0px 0px;
background:url('data:image/svg+xml,');
}
.lyam-field textarea:focus , .lyam-field input:focus , .lyam-form-actions button:focus {
outline: none;
}
.lyam-blog-caption {
position: absolute;
bottom: 0;
color: #fff;
font-size: 17px;
font-family: 'PeydaWebbold';
padding: 23px 23px 13px 23px;
line-height: 30px;
z-index: 1;
transition: 0.5s;
z-index: 9999999;
}
a.lyam-blog-card {
overflow: hidden;
border-radius: 25px 80px;
position: relative;
display: block;
padding: 0px;
width: 95%;
min-height: 360px;
}
a.lyam-blog-card:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, rgb(111 143 135 / 0%) 0%, #6F8F87 90%);
z-index: 1;
}
.lyam-blog-head {text-align: center;margin-bottom: 40px;}
.lyam-blog-title {
font-family: 'PeydaWebextrabold';
font-size: 40px;
color: var(--color1);
}
.lyam-blog-desc {
width: 60%;
margin: 4px auto;
}
.lyam-blog-wrap {
margin: 100px 0;
}
.blog-box {
background: #FFFFFF;
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
border-radius: 40px 18px;
padding: 12px 10px;
width: 97%;
margin: 0 auto;
margin-top: 15px;
direction: ltr;
}
.blog-img {
position: relative;
border-radius: 30px 14px;
overflow: hidden;
margin-bottom: 10px;
}
h3.bl1 {
font-family: 'PeydaWebextrabold';
font-size: 16px;
color: var(--color1);
margin-top: 10px;
display: block;
height: 45px;
overflow: hidden;
line-height: 25px;
}
p.bl2 {
font-size: 14px;
line-height: 24px;
display: block;
padding-top: 7px;
color: #969696;
min-height: 70px;
direction: rtl;
}
.bl-footer {
display: flex;
justify-content: space-between;
background-color: #6f8f8754;
border-radius: 4px;
padding: 9px 20px;
margin-top: 8px;
border-radius: 24px 7px;
align-items: center;
flex-direction: row-reverse;
}
.blog-wrap {
margin: 50px 0;
}
.blog-wrap .owl-stage-outer {
padding: 5px 0;
}
.bl-footer p:before {
content: '';
width: 17px;
background: url('data:image/svg+xml,');
height: 17px;
display: block;
background-size: 100%;
bottom: 2px;
position: relative;
}
.bl-footer p {
display: flex;
flex-direction: row-reverse;
gap: 7px;
font-size: 13px;
align-items: center;
color: #4e4e4e;
}
.bl-footer span:before {
content: '';
position: relative;
width: 13px;
height: 8px;
background: url('data:image/svg+xml,');
background-size: 100%;
display: inline-block;
}
.bl-footer span {
display: flex;
align-items: center;
gap: 6px;
font-family: 'PeydaWebbold';
font-size: 12px;
color: var(--color1);
}
.blog-head {
display: flex;
justify-content: space-between;
align-content: center;
margin-bottom: 10px;
}
.blog-title {
font-family: 'PeydaWebextrabold';
color: var(--color1);
font-size: 29px;
display: flex;
gap: 5px;
position: relative;
top: 3px;
align-items: center;
}
a.blog-more {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 23px;
font-size: 12px;
border: 1px solid rgba(231, 217, 191, .35);
border-radius: 100px 30px;
color: var(--color1);
font-family: 'PeydaWebBold';
gap: 6px;
border: 1px solid var(--color1);
}
a.blog-more:after {content: '';position: relative;display: inline-block;width: 19px;height: 19px;background-size: 100% !important;background-position: 0px 0px;background: url('data:image/svg+xml,');background-repeat: no-repeat;}
.blog-title span {
color: var(--color2);
}
.blog-title:before {
content: '';
position: relative;
display: inline-block;
width: 27px;
height: 38px;
background: url(assets/images/smlogo.png);
background-size: 100%;
}
.lyam-footer-box {
background-color: var(--color1);
border-radius: 40px;
padding: 50px 0 15px 0;
background-image: url(assets/images/footerbg.png);
background-size: cover !important;
}
footer {padding: 15px;}
.lyam-footer-row {
display: flex;
}
.lyam-footer-cols {
width: 33%;
display: flex;
}
.lyam-footer-col.lyam-footer-col-center {
width: 34%;
padding: 0 10px;
text-align: center;
color: #fff;
}
.lyam-footer-col.lyam-footer-col-contact {
width: 33%;
padding-right: 110px;
color: #fff;
}
.lyam-footer-list {
display: flex;
flex-direction: column;
gap: 22px;
}
.lyam-footer-col.lyam-footer-col-links {
width: 50%;
}
.lyam-footer-title {
font-family: 'PeydaWebbold';
color: var(--color2);
font-size: 17px;
position: relative;
margin-bottom: 50px;
}
.lyam-footer-title:before {
content: '';
position: absolute;
width: 70px;
height: 1px;
background: #fff;
bottom: -21px;
}
.lyam-footer-list a {
font-size: 15px;
color: #fff;
}
.lyam-footer-bottom {
border-top: 1px solid #ffffff30;
margin-top: 30px;
text-align: center;
padding-top: 15px;
color: var(--color2);
font-size: 15px;
}
img.lyam-footer-logo {
width: 130px;
}
.lyam-footer-desc span {
display: block;
font-family: 'PeydaWebextrabold';
font-size: 17px;
color: var(--color2);
margin: 19px 0 10px 0;
}
.lyam-footer-desc {
font-size: 14px;
line-height: 26px;
}
.lyam-footer-block-title {
display: flex;
font-size: 17px;
font-family: 'PeydaWebextrabold';
color: var(--color2);
gap: 10px;
}
.lyam-footer-line {
margin: 12px 0;
font-size: 16px;
}
span.lyam-footer-val span {
font-family: 'PeydaWebbold';
color: var(--color2);
}
span.lyam-footer-val {
display: flex;
gap: 10px;
font-size: 15px;
}
.lyam-footer-block {
margin-bottom: 20px;
}
.lyam-footer-social svg {
height: 19px;
width: auto;
fill: #fff;
transition: 0.5s;
}
.lyam-footer-social {
display: flex;
justify-content: center;
gap: 19px;
margin-top: 20px;
}
.lyam-nav__list a:hover {
opacity: 0.5;
}
.lyam-social a:hover { opacity: 0.5;
}
.lyam-pill:hover , a.btn-fl:hover {
background: #d5c3a2;
}
a.btn-ep:hover {
background: var(--color2);
color: var(--color1);
}
.btnbx a.btn-ep:hover:after {filter: contrast(0.5);opacity: 0.8;}
.owl-nav button.owl-prev:hover , .owl-nav button.owl-next:hover {
opacity: 0.8;
}
.service-card:hover:before {
opacity : 0
}
.service-card:hover:after {
opacity : 1
}
a.services-strip__view-all:hover , .lyam-btn.lyam-btn-fill a:hover {
background: var(--color1);
color: var(--color2);
}
a.services-strip__view-all:hover:after , .lyam-btn.lyam-btn-fill a:hover:after {filter: brightness(0.5);opacity: 0.5;}
.lyam-btn.lyam-btn-outline a:hover {
background: #496b62;
}
.lyam-banner-row .lyam-btn.lyam-btn-outline a:hover {
background: #d5c3a2;
}
.lyam-banner-row .lyam-btn.lyam-btn-fill a:hover {
background: var(--color2);
color: var(--color1);
}
.lyam-banner-row .lyam-btn.lyam-btn-fill a:hover:after {filter: contrast(0.5);opacity: 0.8;}
.videobox:hover:before {
background: var(--color2);
}
.videobox:hover .lyam-review-play { filter: brightness(0.5)hue-rotate(45deg);
}
button.lyam-btn.lyam-btn-fill:hover {
background: #496b62;
}
a.lyam-blog-card:after {
content: '';
position: absolute;
width: 100%;
height: 0;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgb(111 143 135 / 0%) 0%, #ead9bb 90%);
transition: 0.5s;
z-index: 99999;
}
a.lyam-blog-card:hover:after {
height: 100%;
}
a.lyam-blog-card:hover .lyam-blog-caption {
color: var(--color1);
}
a.insta-arrow:focus {
outline: none;
}
a.insta-arrow:hover {
background: #496b62;
}
a.lyam-review-all:hover {
background: var(--color1);
color: var(--color2);
}
a.lyam-review-all:hover:after {filter: brightness(0.5);opacity: 0.5;}
.blog-img:after {
content: '';
width: 100%;
position: absolute;
bottom: 0;
right: 0;
height: 0;
transition: 0.5s;
background: linear-gradient(180deg, rgba(216, 175, 104, 0) 0%, rgb(111 143 135) 99.81%);
}
.blog-box:hover .blog-img:after {
height: 100%
}
.blog-img:before {
content: '';
width: 121px;
position: absolute;
top: 20px;
right: 0;
margin: 0 auto;
left: 0;
background: url(assets/images/logo.png) no-repeat;
height: 100px;
transition: 0.5s;
background-size: contain;
z-index: 2;
opacity: 0;
filter: brightness(0) invert(1)
}
.blog-box:hover .blog-img:before {
opacity: 1;
top: 54px;
}
.lyam-footer-social svg:hover{
opacity: 0.7;
}
.lyam-footer-list a:hover{
color: var(--color2);
}
span.btn-menu {
display: none;
}
img.frmimgm {
display: none;
}
.service-card__icon img {
height: 36px;
width: auto;
}
.open_menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
right: -100%;
top:0;
width: 100%;
height: 100%;
background-color: #ead9bbde;
-webkit-transition: 450ms cubic-bezier(0.10, 0.0, 0, 1);
transition: 450ms cubic-bezier(0.10, 0.0, 0, 1);
z-index: 99999999;
padding: 15px;
}
.dark .open_menu{
background: #545454;
}
.menu-content{
display: block;
width: 100%;
overflow-y:scroll;
overflow-x:hidden;
padding-top: 30px;
background: var(--color1);
border-radius: 30px;
padding: 0px;
}
.menu-content::-webkit-scrollbar{
width: 0;
}
.opened{
right: 0;
}
.toOpen{
display: block;
width: 25px;
position: absolute;
cursor: pointer;
padding: 20px;
right: -165px;
}
.toOpened .line{
width: 25px !important;
-webkit-transition: 0ms !important;
transition: 0ms !important;
}
.toOpened .one{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 25px;
}
.toOpened .two{
opacity: 0;
}
.toOpened .three{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 25px;
}
.toOpen .line{
height: 3px;
margin: 0 0 2px 0;
background-color: #dc6161;
-webkit-transition: 150ms ease-in-out;
transition: 150ms ease-in-out;
}
.toOpen .two{
width: 15px;
}
.toOpen .three{
width: 20px;
}
.toOpen:hover div{
width: 25px;
}
.line.one {
transition: 400ms cubic-bezier(0, 1.05, 0.26, 0.82) !important;
}
.toOpened > .three {
transition: 400ms cubic-bezier(0, 1.05, 0.26, 0.82) !important;
}
.open_menu h1{
text-align: center;
color: white;
}
.menu-logo{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: montserrat;
font-weight: 700;
margin: 25px 0;
text-align: center;
}
.menu-content ul{
list-style-type: none;
text-align: center;
width: 100%;
padding: 0;
}
.menu-content ul li{
border-bottom: 1px solid #88888826;
display: flex;
position: relative;
justify-content: center;
flex-direction: column;
}
.menu-content ul li:first-child{
border-top: 1px solid #88888826;
}
.menu-content ul li a{
font-weight: 400;
font-size: 15px;
display: block;
padding: 16px 10px;
text-decoration: none;
color: #ffffff;
-webkit-transition: 100ms ease-in-out;
transition: 100ms ease-in-out;
text-align: center;
border-bottom: 1px solid #ffffff40;
}
.menu-content ul li a:hover{
background: var(--color1);
color: #fff !important;
}
.menu-logo img {
width: 110%;
margin: 0 auto;
}
.menu-content .btn-menu svg {
width: 16px;
height: auto;
position: absolute;
left: 40px;
fill: var(--color2);
top: 71px;
}
.menu-content ul li ul li a {
background: #51726a;
padding: 10px 40px;
}
.dark .menu-content ul li ul li a {
background: #3b3b3b8a;
padding: 10px 40px;
}
.menu-content ul li ul li {
border: navajowhite;
}
.logomobile img {
height: 50px;
width: auto;
text-align: center;
margin: 20px 0;
}
.logomobile {
padding: 10px 20px 20px 20px;
}
.menu-content .menu-btn.toOpened {
top: 0px;
right: 20px;
}
.logomobile {
text-align: center;
}
a.clrc {
display: block;
background: var(--color2);
text-align: center;
color: var(--color1);
padding: 15px 0;
}
ul.lyam-sub-menu {
position: absolute;
background: var(--color2);
width: 730px;
top: 52px;
z-index: 999999;
border-radius: 20px;
padding: 30px;
display: flex;
flex-wrap: wrap;
gap: 40px 0;
}
.lyam-sub-menu li.lyam-menu-item {
width: 25%;
display: flex;
align-content: center;
}
.lyam-sub-menu li.lyam-menu-item span.lyam-menu-icon {
background: var(--color1);
width: 40px;
height: 40px;
margin: 0 auto;
border-radius: 18px 7px;
padding: 7px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.lyam-sub-menu span.lyam-menu-fa {
color: var(--color1);
}
.lyam-sub-menu span.lyam-menu-icon svg {display: flex;height: 27px;width: auto;}
.lyam-sub-menu span.lyam-menu-icon:before {
content: '';
position: absolute;
width: 51px;
height: 50px;
border: 1px solid var(--color1);
left: 0px;
right: -5px;
top: -5px;
border-radius: 25px 10px;
}
.lyam-nav__list > li.depth-0{position: relative;}
.lyam-nav__list > li.depth-0 > .lyam-sub-menu{
opacity: 0;
visibility: hidden;
transform: translateY(8px);
pointer-events: none;
transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.lyam-nav__list > li.depth-0:hover > .lyam-sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.lyam-nav__list > li.depth-0::before{
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 54px;
z-index: 9999;
}
.sub-menu {
margin: 0;
padding: 0 0 0 10px;
list-style: none;
max-height: 0;
overflow: hidden;
transition: max-height 300ms ease;
}
.mobile-menu-item.is-open > .sub-menu {
max-height: 1000px;
}
.submenu-toggle {background: transparent;border: 0;cursor: pointer;padding: 10px;color: var(--color2);position: absolute;left: 0;top: 0;font-size: 20px;height: 55px;background: #00000014;width: 56px;}
.submenu-toggle:focus {
outline: none;
}
.lyam-blog-img {
min-height: 350px;
position: relative;
direction: ltr;
}
.lyam-blog-img img {
height: 100%;
width: auto !important;
position: absolute;
left: -50%;
right: 0;
margin: 0 auto;
}
#scrollTopBtn {
position: fixed;
bottom: 35px;
right: 25px;
width: 60px;
height: 60px;
border: none;
border-radius: 50%;
background: var(--color1);
color: var(--color2);
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 0 2px 8px #ef84514d;
transition: opacity .3s, transform .3s;
opacity: 0;
transform: translateY(20px);
}
#scrollTopBtn.show {
opacity: 1;
transform: translateY(0);
}
#scrollTopBtn .arrow {
position: absolute;
font-weight: bold;
}
.progress-ring {
transform: rotate(-90deg);
position: absolute;
top: 0;
left: 0;
}
.progress-ring__circle {
stroke-dasharray: 163.36;
stroke-dashoffset: 163.36;
transition: stroke-dashoffset 0.25s linear;
}
#scrollTopBtn .arrow {
position: relative;
width: 14px;
height: 14px;
display: block;
margin: auto;
top: -2px;
}
#scrollTopBtn .arrow::before,
#scrollTopBtn .arrow::after {
content: "";
position: absolute;
left: 46%;
width: 10px;
height: 2px;
background: #ffffff;
transform-origin: center;
}
#scrollTopBtn .arrow::before {
bottom: 4px;
transform: translateX(-50%) rotate(45deg);
right: -6px;
}
#scrollTopBtn .arrow::after {
bottom: 4px;
transform: translateX(-50%) rotate(-45deg);
left: 4px;
}
button#scrollTopBtn:focus {
outline: none;
}
.archpageser .service-card {
width: 18%;
}
.archpageser .services-strip__cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.archpageser .services-strip__layout {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.archpageser .title-service {
margin-bottom: 70px;
}
.archpageser .title-service span {
color: var(--color2);
}
.archpageser .lyam-consult-wrap {
margin-top: 100px;
margin-bottom: 70px;
}
.blog-load-more-wrap {
text-align: center;
margin-top: 50px;
}
button#blogLoadMore {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 11px 53px;
font-size: 12px;
border: 1px solid rgba(231, 217, 191, .35);
border-radius: 100px 30px;
color: var(--color1);
font-family: 'PeydaWebBold';
gap: 6px;
border: 1px solid var(--color1);
background: transparent;
margin: 0 auto;
transition: 0.5s;
}
.archpageser .blog-head {
justify-content: center;
margin-bottom: 40px;
}
.archpageser .blog-title {
font-size: 40px;
}
button#blogLoadMore:focus {
outline: none;
}
button#blogLoadMore:hover {
background: var(--color1);
color: var(--color2);
}
.singletitlebox {border-radius: 40px;min-height: 317px;background-size: cover !important;position: relative;padding: 160px 0 60px 0;}
.singletitle {padding: 15px;}
.singletitlebox:before {
content: '';
position: absolute;
width: 100%;
background: var(--color1);
height: 100%;
border-radius: 40px;
opacity: 0.95;
bottom: 0;
}
.singletitlebox h1 {
position: relative;
text-align: center;
color: #fff;
font-family: 'PeydaWebextrabold';
color: var(--color2);
font-size: 40px;
}
.agh-breadcrumb {
text-align: center;
position: relative;
}
.agh-breadcrumb a , .agh-breadcrumb span {
color: #fff;
padding: 6px 0 0;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
font-size: 14px;
}
.agh-breadcrumb a:after {
content: '';
width: 10px;
height: 10px;
position: relative;
display: inline-block;
background: url('data:image/svg+xml,');
background-size: 100%;
filter: brightness(0) invert(1);
left: 0px;
}
.about-text {
direction: rtl;
font-size: 15px;
line-height: 46px;
color: #424242;
}
.about-thumb {
float: right;
width: 30%;
margin: 0 0 20px 30px;
}
.about-thumb img {
width: 100%;
height: auto;
border-radius: 16px;
object-fit: cover;
}
.abtpagesng {
margin: 70px 0;
}
.abtpagesng .services-strip__layout {
display: flex;
flex-direction: column;
}
.abtpagesng .service-card {
width: 18%;
}
.abtpagesng .services-strip__cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.abtpagesng .services-strip__layout {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.abtpagesng .title-service {
margin-bottom: 70px;
}
.divider {
width: 100%;
}
.dividerbox {
width: 100%;
height: 1px;
background-image: repeating-linear-gradient(
to left,
#cfcfcf 0,
#cfcfcf 12px,
transparent 12px,
transparent 22px
);
margin: 70px 0;
position: relative;
}
.dividerbox:before {
content: '';
position: absolute;
width: 100px;
height: 50px;
background: url(assets/images/logocv.png);
filter: brightness(0.5);
background-repeat: no-repeat;
left: 0;
background-position: center;
top: -33px;
right: 0;
margin: 0 auto;
z-index: 2;
opacity: 0.5;
background-size: 100%;
}
.dividerbox:after {
content: '';
position: absolute;
width: 130px;
height: 50px;
left: 0;
top: -33px;
right: 0;
margin: 0 auto;
background: #fff;
}
.why-us-box {
background: var(--color1);
border-radius: 25px 145px;
display: flex;
flex-direction: column;
padding: 60px 40px;
min-height: 350px;
position: relative;
background-image: url(assets/images/footerbg.png);
background-size: 100%;
}
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 30px;
}
.why-item {
text-align: center;
}
.why-icon {
margin-bottom: 20px;
}
.why-icon img {
width: 64px;
height: 64px;
object-fit: contain;
}
.why-item h3 {
font-size: 16px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.why-item p {
font-size: 14px;
line-height: 1.9;
color: #ffffff94;
}
.why-us {margin: 100px 0;}
.titlewhy {
text-align: center;
}
.titlewhy h3 {
color: var(--color2);
font-family: 'PeydaWebextrabold';
font-size: 35px;
margin-bottom: 50px;
}
.doctor-caption {position: absolute;bottom: 0;color: #fff;font-size: 17px;font-family: 'PeydaWebbold';padding: 23px 23px 20px 23px;line-height: 30px;z-index: 1;transition: 0.5s;z-index: 9999999;width: 100%;}
a.doctor-card {overflow: hidden;border-radius: 25px 80px;position: relative;display: block;padding: 0px;width: 95%;}
a.doctor-card:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(180deg, rgb(111 143 135 / 0%) 0%, #6F8F87 90%);z-index: 1;}
.doctor-img img {
display: block;
}
.doctor-spec {
font-size: 14px;
font-family: 'PeydaWeb';
}
.doctor-name {
color: var(--color2);
font-family: 'PeydaWebextrabold';
font-size: 22px;
}
.doctor-head {
text-align: center;
margin-bottom: 35px;
}
.doctor-title {
font-size: 40px;
font-family:
'PeydaWebextrabold';
color: var(
--color1);
}
.doctor-title span {
color: var(--color2);
}
.doctor-desc {
font-size: 15px;
margin-top: 10px;
}
.doctor-wrap {
margin-bottom: 60px;
}
.col-3.doctor-col {
margin-bottom: 40px;
}
.single-services header {
position: relative;
padding: 20px 0 17px 0;
background: var(--color1);
width: 98%;
margin: 20px auto;
border-radius: 20px;
}
.single-services header .lyam-header__inner {border: none;padding: 0;}
.tscpinnerrow {
background-color: var(--color2);
border-radius: 125px 25px;
display: flex;
padding: 30px;
min-height: 350px;
position: relative;
background-size: 100%;
gap: 30px;
/* box-shadow: 0px 2px 7px #0000003b; */
}
.tscppageright img {
border-radius: 90px 25px;
}
h1.service-title {
font-family: 'PeydaWebextrabold';
color: var(--color1);
font-size: 38px;
padding-left: 30px;
padding-top: 7px;
}
.tscppageright {width: 40%;}
.tscppageleft {
width: 60%;
}
.service-doctor {
border-top: 1px solid #0000001c;
border-bottom: 1px solid #0000001c;
padding: 10px 0;
margin: 10px 0;
color: #5c5c5c;
}
span.doctor-meta {
font-family: 'PeydaWeb';
font-weight: 100;
font-size: 15px;
}
.service-doctor strong , .service-doctor strong a {
color: var(--color1);
}
.service-excerpt {
color: #5c5c5c;
font-size: 16px;
line-height: 31px;
}
.topdescpage {
margin: 40px 0 0 0;
position: relative;
z-index: 1;
}
.topdescpage .service-excerpt a , .mainblog a{
background-image: linear-gradient(-225deg, #5c5c5c 0%, #5c5c5c 29%, var(--color1) 67%, var(--color1) 100%);
background-size: 200% auto;
color: #fff; /* fallback */
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
animation: textclip 2s linear infinite;
font-family: 'peydawebbold';
font-weight: normal;
text-decoration: none;
}
/* وقتی موس رفت روش (اختیاری) */
.topdescpage .tscppageleft a:hover{
text-decoration: underline;
}
@keyframes textclip{
to{
background-position: 200% center;
}
}
.titlelistbox {
background: var(--color1);
width: 90%;
margin: 0 auto;
top: -20px;
position: relative;
display: flex;
padding: 40px 30px 20px 30px;
border-radius: 10px 10px 30px 30px;
justify-content: space-between;
align-items: center;
gap: 31px;
}
nav.titlelist-menu ul {
display: flex;
gap: 40px;
}
.titlelist-cta{
margin-right:auto;
}
.titlelist-title:after {
content: '';
position: relative;
background: url('data:image/svg+xml,');
width: 15px;
display: inline-block;
height: 11px;
background-size: 100%;
left: -6px;
top: -1px;
}
.titlelist-title {
color: var(--color2);
display: flex;
align-items: center;
gap: 7px;
font-family: 'PeydaWebbold';
}
.titlelist-title:before {
content: '';
position: relative;
display: inline-block;
width: 18px;
height: 25px;
background: url('data:image/svg+xml,');
background-size: 100%;
}
nav.titlelist-menu ul a {
color: #fff;
font-size: 14px;
display: flex;
gap: 4px;
align-items: center;
}
.titlelist {
position: relative;
}
.titlelist-cta a {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 22px;
font-size: 12px;
border: 1px solid rgb(231 217 191);
background: transparent;
border-radius: 100px 30px;
color: var(--color2) !important;
font-family: 'PeydaWebBold';
gap: 6px;
}
.titlelist-cta a:after {
content: '';
position: relative;
display: inline-block;
width: 17px;
height: 16px;
background-size: 100% !important;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.titlebox {
text-align: center;
margin-bottom: 30px;
}
.titleboxsp {
font-size: 40px;
font-family: 'PeydaWebextrabold';
color: var(--color1);
}
.afterbefore {
margin: 30px 0 90px 0;
}
.titleboxsp span {
color: var(--color2);
}
.titlebox p {
font-size: 15px;
}
.afterbeforebox img {
border-radius: 15px 70px;
position: relative;
display: block;
padding: 0px;
border: 5px solid var(--color2);
}
.singleservicepage .lyam-consult-wrap {
margin-top: 80px;
margin-bottom: 50px;
}
.content-inner {
box-shadow: 0px 3px 13px rgba(232, 232, 232, 0.6);
border-radius: 20px;
padding: 22px 32px;
margin-bottom: 20px;
border-top: 2px solid var(--color1);
}
.mainblog h1 , .mainblog h2 , .mainblog h3 , .mainblog h4 , .mainblog h5 , .mainblog h6 , .reaptitle {
font-weight: 700;
color: var(--color1) !important;
margin-bottom: 10px;
font-family: 'PeydaWebextrabold';
margin-top: 7px;
}
.mainblog h1 {
font-size: 30px;
}
.mainblog h2 {
font-size: 24px;
}
.mainblog h3 , .reaptitle {
font-size: 21px;
background: #F2F2F2;
border-radius: 12px;
padding: 15px 13px;
display: block;
}
.mainblog h4 {
font-size: 19px;
color: #d87600 !important;
}
.mainblog h5 {
font-size: 17px;
}
.mainblog h6 {
font-size: 15px;
}
.mainblog p {font-size: 16px;line-height: 35px;text-align: justify;color: #4e4e4e;}
.mainblog li {
font-size: 16px;
line-height: 30px;
text-align: right;
color: #424242;
}
.mainblog img {
width: auto;
clear: both;
display: block;
margin: 0 auto 1.75em;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 25px;
border-radius: 10px;
}
b, strong {
font-family: 'PeydaWebextrabold';
}
.mainblog li:before {
content: '';
position: relative;
width: 7px;
height: 7px;
background: var(--color1);
display: inline-block;
border-radius: 50px;
margin-left: 10px;
}
.mainblog ul {
margin: 13px 0;
}
.mainblog h1 span, .mainblog h2 span, .mainblog h3 span, .mainblog h4 span, .mainblog h5 span, .mainblog h6 span, .reaptitle {
color: var(--color1) !important;
}
blockquote{
position: relative;
margin: 50px auto;
padding: 38px 124px;
max-width: 85%;
font-family:'peydawebsemibold';
font-size:18px;
line-height:2;
text-align:center;
color:var(--color2);
background:var(--color1);
border-radius:125px 25px;
/* نور پایه */
box-shadow:
0 0 40px rgba(197,150,50,.15),
0 0 90px rgba(197,150,50,.08);
/* انیمیشن لامپی */
animation: softLamp 4.5s ease-in-out infinite;
}
/* هاله نرم پشت کار */
blockquote::before{
content:"";
position:absolute;
inset:-60px;
background:radial-gradient(
ellipse at center,
rgba(197,150,50,.35),
transparent 70%
);
opacity:.4;
z-index:-1;
animation: haloPulse 4.5s ease-in-out infinite;
}
/* انیمیشنها */
@keyframes softLamp{
0%{
box-shadow:
0 0 30px rgba(197,150,50,.12),
0 0 70px rgba(197,150,50,.06);
}
50%{
box-shadow:
0 0 70px rgba(197,150,50,.32),
0 0 160px rgba(197,150,50,.18);
}
100%{
box-shadow:
0 0 30px rgba(197,150,50,.12),
0 0 70px rgba(197,150,50,.06);
}
}
@keyframes haloPulse{
0%{ opacity:.25; }
50%{ opacity:.6; }
100%{ opacity:.25; }
}
blockquote p {
color: var(--color2) !important;
text-align: center !important;
}
blockquote:after {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
width: 80px;
height: 80px;
background-size: 100%;
background-repeat: no-repeat;
right: 10px;
bottom: 0px;
transform: rotate(180deg);
}
h1,h2,h3,h4{ scroll-margin-top:80px; }
.toc-accordion{
background: var(--color2);
border-radius:16px;
padding: 0px 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
margin-bottom: 30px;
}
.toc-acc-title{
font-family: 'PeydaWebextrabold';
font-size: 17px;
color: var(--color1);
position: relative;
top: 2px;
}
.toc-acc-head{
cursor:pointer;
user-select:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding: 22px 0;
}
.toc-acc-head::after{
content: '';
transition:transform .35s ease;
opacity:.7;
transform: rotate(-180deg);
background: url('data:image/svg+xml,');
background-size: 100%;
width: 13px;
height: 7px;
}
.toc-accordion.is-collapsed .toc-acc-head::after{
transform: rotate(0deg);
}
.toc-group-content{
overflow:hidden;
height:auto;
transition:height .35s ease;
will-change:height;
}
.toc-list{list-style:none;padding:0;margin: 0 !important;}
.toc-li{line-height: 40px !important;}
.toc-link{ text-decoration:none; color:#333; }
.toc-l2{padding-right: 0;}
.toc-l3{padding-right: 0;}
@media (prefers-reduced-motion: reduce){
.toc-group-content, .toc-acc-head::after{ transition:none; }
}
ul.toc-list.toc-l1 {
border-top: 1px solid #00000014;
padding-top: 10px;
padding-bottom: 15px;
}
.singleservicepage .lyam-review-head {
display: flex;
justify-content: center;
}
.singleservicepage .lyam-review-wrap {
margin: 60px 0;
}
.singleservicepage .lyam-review-title:before {
display: none;
}
.singleservicepage .lyam-review-title {
font-size: 40px;
}
.usercommentavatar {
background: var(--color2);
padding: 0;
border-radius: 80px 20px;
text-align: center;
color: #484848;
overflow: hidden;
}
.btnavatar img {
width: 70px !important;
border-radius: 50px;
margin: 0 auto;
height: 60px;
}
.usercommentavatar > p {
line-height: 35px;
font-size: 15px;
padding: 20px 30px 0px 30px;
}
.btnavatar {
background: #00000014;
height: 110px;
padding-top: 40px;
position: relative;
margin-top: 40px;
}
.btnavatar img {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -30px;
}
.btnavatar span {
font-size: 20px;
font-family: 'PeydaWebextrabold';
color: var(--color1);
}
.btnavatar p {
font-size: 15px;
}
ul.accordion-list {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
list-style: none;
}
ul.accordion-list li {
position: relative;
display: block;
width: 100%;
height: auto;
background-color: #0000001a;
margin: 0 auto 16px auto;
border-radius: 24px 8px;
cursor: pointer;
overflow: hidden;
transition: 0.5s;
color: #fff;
}
ul.accordion-list li.active h3:after {
transform: rotate(180deg);
color: #fff;
}
ul.accordion-list li h4 {
text-align: right;
position: relative;
display: block;
width: 100%;
height: auto;
padding: 19px;
margin: 0;
font-size: 16px;
letter-spacing: 1.01em;
cursor: pointer;
/* transition: 0.5s; */
border-radius: 1px;
font-family: 'PeydaWebbold';
font-weight: 300;
display: flex;
justify-content: space-between;
align-items: center;
}
ul.accordion-list li h4:after {
content: '';
width: 11px;
height: 10px;
background: url('data:image/svg+xml,');
display: inline-block;
background-repeat: no-repeat;
position: relative;
background-position: center;
background-size: 100%;
top: 1px;
margin-right: 3px;
filter: brightness(0) invert(1);
}
ul.accordion-list li div.answer {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0px 13px 13px 13px;
cursor: pointer;
}
ul.accordion-list li div.answer p {
position: relative;
display: block;
font-weight: 300;
padding: 0px 0 0 0;
cursor: pointer;
line-height: 31px;
margin: 0px 0 5px 0;
font-size: 15px;
padding-top: 13px;
}
li.active h3 {
color: #fff;
}
ul.accordion-list li h3 {
/* font-weight: 400; */
font-size: 12px;
}
ul.accordion-list li h3 span {
font-weight: 100;
font-size: 10px;
color: var(--color2);
position: absolute;
left: 13px;
top: 11px;
}
ul.accordion-list li div.answer p span {
background: #ffffff;
padding: 0 8px;
margin-left: 7px;
border-radius: 3px;
font-size: 10px;
color: var(--color1);
}
ul.accordion-list li.active {
background: var(--color2);
color: var(--color1);
}
ul.accordion-list li.active p {
color: #4e4e4e;
border-top: 1px solid #ececec1c;
}
li.active h3 > span {
display: none;
}
.faq h2 {
text-align: center;
}
.faq {
margin-top: 100px;
margin-bottom: 60px;
}
h4.titlelistaccordion {}
.faqbox {
background-color: #6F8F87;
border-radius: 80px 25px;
display: flex;
flex-direction: column;
padding: 40px;
min-height: 350px;
position: relative;
background-image: url(assets/images/bgbn.png);
background-size: 100%;
}
.titlehfive {
font-size: 40px;
font-family: 'PeydaWebextrabold';
color: var(--color2);
text-align: center;
margin-bottom: 30px;
}
ul.accordion-list li.active h4 {
background: #0000000d;
}
ul.accordion-list li.active h4:after {
filter: none;
transform: rotate(180deg);
}
table{
width:100%;
border-collapse:collapse;
direction:rtl;
text-align:right;
background: #ead9bb2b;
border:1px solid color-mix(in srgb, var(--color1) 35%, #ffffff);
border-radius:10px;
overflow:hidden;
margin: 40px 0;
width: 100% !important;
}
thead th{
background:var(--color2);
color: var(--color1);
font-weight:700;
padding:12px 14px;
border-bottom:1px solid color-mix(in srgb, var(--color1) 30%, #ffffff);
white-space:nowrap;
}
tbody td{
padding:12px 14px;
border-bottom:1px solid color-mix(in srgb, var(--color1) 18%, #ffffff);
color:#374151;
vertical-align:top;
font-size: 15px;
}
tbody tr:last-child td{ border-bottom:none; }
tbody tr:hover{
background:color-mix(in srgb, var(--color2) 55%, #ffffff);
}
th:nth-child(1), td:nth-child(1){
width:18%;
font-weight:600;
color: var(--color1);
text-align: center;
}
th:nth-child(2), td:nth-child(2){width:52%;text-align: center;}
th:nth-child(3), td:nth-child(3){
width: 10%;
text-align: center;
}