.elementor-14879 .elementor-element.elementor-element-fdcee44{--display:flex;--background-transition:0.3s;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for container, class: .elementor-element-fdcee44 */.issabel-page{

direction:rtl;
font-family:tahoma;
color:#1f2937;

}


.container{

max-width:1200px;
width:90%;
margin:auto;

}


.hero{

background:
linear-gradient(135deg,#061b38,#0066ff);

padding:80px 0;
color:white;

}


.hero .container{

display:flex;
align-items:center;
gap:40px;

}


.hero-text{

flex:1;

}


.hero-image{

flex:1;

}


.hero-image img{

width:100%;
border-radius:25px;
box-shadow:0 20px 50px #0005;

}



h1{

font-size:45px;

}


h2{

color:#073b82;
font-size:32px;

}



.btn{

background:#16a34a;
color:white;
padding:15px 35px;
border-radius:12px;
display:inline-block;
text-decoration:none;

}



section{

padding:70px 0;

}



.big-image{

width:100%;
border-radius:25px;
box-shadow:
0 10px 40px #0002;

}



.cards{

display:grid;
grid-template-columns:
repeat(auto-fit,minmax(250px,1fr));

gap:25px;

}


.card{

background:white;
padding:30px;
border-radius:20px;
box-shadow:
0 10px 30px #0001;

}


.contact{

background:#f1f5f9;

}



.gravity-form{

background:white;
padding:35px;
border-radius:20px;

}



/* اصلاح خوانایی Gravity Form */

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select{

background:#fff!important;
color:#111!important;
border:1px solid #ddd!important;
border-radius:10px!important;

}



.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{

color:#777!important;

}



.gform_button{

background:#16a34a!important;
color:#fff!important;
border-radius:10px!important;

}



@media(max-width:768px){

.hero .container{

flex-direction:column;

}


h1{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS */.mobin-landing{

font-family:tahoma,IRANSans,sans-serif;
direction:rtl;
color:#172033;

}


.mp-container{

width:90%;
max-width:1200px;
margin:auto;

}


.mp-hero{

background:
linear-gradient(135deg,#071b38,#0066ff);

color:white;
padding:90px 0;

}


.mp-hero h1{

font-size:44px;
color:white;

}


.mp-hero h2{

color:#dbeafe;

}


.mp-hero p{

font-size:18px;

}


.mp-badge{

background:#16a34a;
padding:8px 18px;
border-radius:30px;

}



.mp-btn{

display:inline-block;
padding:14px 35px;
background:#0066ff;
color:white!important;
border-radius:12px;
margin:10px;
text-decoration:none;

}



.mp-btn.green{

background:#16a34a;

}




.mp-dashboard{

margin-top:40px;

}


.dashboard-box{

background:white;
color:#111;
padding:30px;
border-radius:25px;
box-shadow:0 20px 50px #0003;

}





.mp-section{

padding:80px 0;

}




.mp-cards{

display:grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));

gap:25px;

}



.mp-card{

background:white;
padding:30px;
border-radius:20px;
box-shadow:
0 10px 30px #0001;

}



.icon{

font-size:35px;

}





.mp-dark{

background:#071b38;
color:white;
padding:70px 0;

}


.mp-dark h2{

color:white;

}


.mp-three{

display:grid;
grid-template-columns:
repeat(auto-fit,minmax(250px,1fr));

gap:25px;

}




.mp-tags span{

display:inline-block;
background:#e8f0ff;
color:#0757c9;
padding:10px 20px;
border-radius:30px;
margin:8px;

}






.mp-form-section{

background:#f1f5f9;
padding:70px 0;

}




.gravity-form-box{

background:white;
padding:35px;
border-radius:20px;

}





/* Gravity Form Fix */


.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select{


background:#fff!important;
color:#111827!important;

border:
1px solid #d1d5db!important;

border-radius:12px!important;

padding:15px!important;

}



.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{

color:#6b7280!important;

}




.gform_wrapper label{

color:#111827!important;

}



.gform_button{

background:#16a34a!important;
color:white!important;

border:0!important;

padding:15px 40px!important;

border-radius:12px!important;

}





.mp-faq{

padding:70px 0;

}


.faq{

background:white;
padding:20px;
border-radius:15px;
margin-bottom:15px;

}



.mp-footer{

background:#071b38;
color:white;
text-align:center;
padding:40px;

}




@media(max-width:768px){


.mp-hero h1{

font-size:30px;

}


.mp-container{

width:92%;

}


}/* End custom CSS */