@import url(../fonts/fontiran.css);
@import url("vik.css");
@import url("guru.css");
@import url('../fonts/inter/inter-font.css');


body.rtl {
    font-family: ModamFaNumWeb, Tahoma;
}

body {
    font-family: ModamFaNumWeb, Tahoma;
}

p {
    font-family: ModamFaNumWeb, Tahoma  !important;
}


body.rtl .sp-megamenu-parent > li.sp-has-child > a::before, body.rtl .sp-megamenu-parent > li.sp-has-child > span::before {
    font-family: FontAwesome;
}
h7 {
    font-weight:normal;

  font-family: 'Inter', sans-serif !important;
}

h1,h2,h3,h4,h5{
    font-family: ModamFaNumWeb, Tahoma !important;
}

#sp-component{
	padding: 0px;
}

/********************************/
#sp-main-body {
    padding: 0px 0;
}
/********************************/

ul.social-icons > li {
    margin-right: 20px;
}

.view-category .subheading-category{
	margin: 20px 0;
    float: right;
    width: 100%;
}

body.rtl .sp-megamenu-parent > li.sp-has-child > a::before, body.rtl .sp-megamenu-parent > li.sp-has-child > span::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: bold;
}

#sp-top-bar .far, #sp-top-bar .fab, #sp-top-bar .fas, #sp-top-bar .fa {
    color: rgb(252, 110, 81);
}

#sp-top-bar .menulist-inline .fa {
    color: rgb(255, 255, 255);
}

#sp-top2 > div {
    display: flex;
    justify-content: flex-end;
}

#sp-top2 .menulist-inline li {
    display: inline-block;
}

#sp-top2 .menulist-inline li .fa {
    padding: 0px 5px !important;
}

#sp-top2 .menulist-inline {
    margin: 0px;
}

.diamond-line-centered-theme-colored2 {
    margin-bottom: 25px;
    margin-top: 25px;
    padding-bottom: 5px;
    position: relative;
}

.diamond-line-centered-theme-colored2::before, .diamond-line-left-theme-colored2::before {
    box-shadow: rgba(252, 110, 81, 0.4) 0px 0px 3px 3px;
    background: rgb(252, 110, 81);
    border: 3px solid rgb(255, 255, 255);
    bottom: -5px;
    content: "";
    height: 14px;
    right: 0px;
    margin: 0px auto;
    position: absolute;
    left: 0px;
    width: 14px;
    z-index: 3;
    transform: rotate(-45deg);
}

.diamond-line-centered-theme-colored2::after {
    bottom: 0px;
    content: "";
    height: 3px;
    right: 0px;
    margin: 0px auto;
    position: absolute;
    left: 0px;
    width: 90px;
    border: 1px solid rgb(252, 110, 81);
}

.sppb-tab-content {
    width: 100%;
    padding: 0px;
    box-shadow: rgb(204, 204, 204) 0px 0px 2px 0px;
}

.sppb-tab li > a {
    padding: 10px 50px !important;
}

.sppb-nav-modern > li.active > a, .sppb-nav-modern > li.active > a:focus, .sppb-nav-modern > li.active > a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(252, 110, 81);
}

.contactus_bot .sppb-icon {
    background: rgb(33, 35, 49);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
}

.contactus_bot .sppb-media-content {
    display: flex;
    align-items: center;
}

.contactus_bot .sppb-addon-text p {
    margin: 0px 5px 0px 0px;
}

.contactus_bot .sppb-media-content h3 {
    margin: 0px;
}

.contactus_bot .sppb-media {
    display: flex;
    align-items: center;
}

.contactus_bot .sppb-addon-feature {
    margin-bottom: 10px;
}

#sp-top-bar {
    border-top: 2px solid rgb(252, 110, 81);
}

.gallery_product {
    margin-bottom: 10px;
}

.project-gallery {
    position: relative;
    box-shadow: rgb(204, 204, 204) 0px 0px 2px 0px;
    height: 100%;
}

.project-thumb img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    background-color: rgb(239, 239, 239);
}

.team-thumb h4, .project-gallery .project-thumb::before, .form-transparent select option {
    background: rgba(33, 35, 49, 0.9);
}

.project-caption h3 {
    font-size: 16px;
    text-align: center;
    padding: 10px 10px 0px;
}

.project-caption a {
    color: rgb(0, 0, 0);
}

.one-category-header button {
    white-space: nowrap;
    background: rgb(248, 248, 248);
    padding: 0.3rem 1rem;
    border-radius: 0.6rem;
    margin-right: 0.8rem;
    color: rgb(0, 0, 0);
    border: none;
    margin-bottom: 10px;
    min-width: 18%;
}

.one-category-header button.active {
    background: rgb(252, 110, 81);
    border: none;
    color: rgb(255, 255, 255);
}

.one-category-header button:hover {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border: none;
}

.sppb-carousel-extended-list {
    direction: ltr;
}

.sppb-carousel-extended-item {
    direction: rtl;
}

.sppb-testimonial-carousel-name-designation {
    display: flex;
    padding-right: 140px;
}

.sppb-testimonial-carousel-item-content {
    padding-right: 140px;
}

.sppb-testimonial-carousel-img-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 3px solid rgb(255, 255, 255);
}

#sppb-addon-1757cf46-c99a-441a-8a02-2bfa0a64381a .sppb-testimonial-carousel-img-wrap img {
    object-fit: cover;
}

.category-module .post-thumb img {
    height: 250px;
    width: 100%;
    object-fit: contain;
}

.mod-articles-category-title {
    font-size: 16px;
    color: rgb(0, 0, 0);
}

.owl-theme .owl-nav button {
    top: 40%;
    position: absolute;
    padding: 10px;
    width: 30px;
    height: 30px;
    background: rgb(239, 239, 239) !important;
    border-radius: 50% !important;
    font-size: 20px !important;
}

.owl-prev {
    right: -20px;
}

.owl-next {
    left: -20px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(236, 67, 15);
}

.mynewsslider img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 2px solid rgb(255, 255, 255);
}

.mynewsslider .item {
    padding: 10px;
    text-align: right;
}

.mynewsslider h3 {
    font-size: 18px;
}

.mynewsslider a, .mynewsslider .description {
    color: rgb(255, 255, 255);
}

.mynewsslider .description {
    font-size: 12px;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.myparent {
    opacity: 0.5;
}

.logo-image {
    height: unset !important;
}

body.rtl .menu-toggler {
    transform: rotate(180deg) translateY(20%) !important;
}

#sp-logo .sp-column {
    display: flex;
}

.mls-form {
    padding-top: 0px;
}

.sp-sign-in{
    background: #ec430f;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}
.sp-sign-in:hover{
    color: #fff;
}

.sp-sign-in .far{
    margin-left: 5px;
}

.mybloghome  .sppb-addon-article {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
	box-shadow: #ccc 0 0 10px 0;
}

.mybloghome .sppb-readmore{
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px;
    background: #fff007;
    border-radius: 0 0 20px 20px;
    margin-top: 10px;
    color:#666 !important;
}
.mybloghome .sppb-readmore:hover {
    background:#666;
    color:#807914 !important;
}
.yellowBord h4.sppb-addon-title {
    color:#333 !important;
}
.greenBord h4.sppb-addon-title {
    color:#333 !important;
}
.greenBord .mybloghome .sppb-readmore {
    background:#84cba1 !important;
}
.greenBord .mybloghome .sppb-readmore:hover {
    background:#ccc !important;
}
.yellowBord .sppb-readmore:hover {
    background:#e6e6e6;
    color:#807914 !important;
}
.mybloghome .sppb-article-info-wrap{
	text-align: center;
}


.myservice .addon-root-heading , .myservice  .addon-root-text-block {
	padding: 0px 10px;
}
.myservice .sppb-addon-single-image-container , .mybloghome   .sppb-article-img-wrap{
	overflow: hidden;
    border-radius: 20px 20px 0 0 !important ;
}
.mybloghome   .sppb-article-img-wrap{
    float: left;
    width: 100%;
}
.myservice .sppb-column-addons:hover img,  .mybloghome   .sppb-article-img-wrap:hover img{
	transform: scale(1.1);
    transition: 1s all ease;
}
/************************************/
.myservice img , .mybloghome img{
    border-radius: 20px 20px 0 0 !important;
    transition: 1s all ease;
    margin-bottom:10px;
}

/**********************************/
.myservice .addon-root-button , .readmore{
    background: #249f86;
    padding: 20px;
    border-radius: 0 0 20px 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 20px;
    width: 100%;
}
.grayBord .myservice .addon-root-button , .readmore{
       background: #999 !important;
}
.myservice .addon-root-button:hover {

}
.article-list .readmore {
    margin: 20px -20px 0 -20px;
    text-align: center;
}
.article-list .readmore a {
	color: #EF6D00 !important;
}
.myservice .sppb-column {
	margin-top: 0px;
    transition: 1s all ease;
}

.myservice .sppb-column:hover {
	margin-top: -20px;
    transition: 1s all ease;
}

.myservice .sppb-column-addons{
	box-shadow: #ccc 0 0 10px 0;
    border-radius: 20px;
}

.myservice .sppb-addon-title {
    padding: 5px !important;
}

/**************************/
.myservice .sppb-addon-text-block {
	margin-top:0px;
    padding: 0 10px 0 15px;
}

/**************************/
.myservice  .sppb-addon-header h3, .article-list .article-header h2{
	padding-top: ;
    border-bottom: 4px solid #84cba1;
    display: block;
    line-height:25px;
    font-size: ;
    padding-bottom: ;
}

.myservice .sppb-addon-header h3, .article-list .article-header h2 {
    min-height: 75px;
}

/**************************/
.article-list .article-header h2 a{
	color: ;
}



.sidebarback{
    height: auto;
}

.sidebarback  .addon-root-button{
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px;
    background: #f7f8f9;
    color: #ec430f !important;
    border-radius: 0 0 20px 20px;
    margin-top: 10px;
}

.sidebarback   .addon-root-image{
	padding:5px;
}

.sidebarback   .addon-root-feature{
	padding:0px 20px;
}

.aboutme{
    border-radius: 20px;
}

.sppb-article-introtext{
	padding: 5px 10px;
}

.itemid-103  #sp-main-body , .itemid-116  #sp-main-body  {
    padding: 0px;
}
.view-article.itemid-103 #sp-main-body > .container, .view-article.itemid-116   #sp-main-body > .container, .fullwidthbody   #sp-main-body > .container{
	max-width: 100%;
}


.itemid-116 .article-details .article-header {
    position: absolute;
    margin-top: -210px;
    z-index: 99999;
    color: #fff;
    padding: 10px;
}

.view-category.itemid-116 #sp-main-body {
    padding: 50px 0;
}

.itemid-103  .article-details .article-header ,.itemid-116 .article-details .article-header {

	display:none;
}


.article-details  .fields-container{
	display:none;
}

.view-category  {

}

.article-list .col-lg-4{
	margin-bottom:30px;
}
.article-list .article {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: #ccc 0 0 10px 0;
	height: 100%;
    margin-bottom: 0px;
    padding: 20px 20px 0 20px;
}

.article-list  .article .article-intro-image img {
    transform: scale(1);
    transition: 1s all ease;
}
.article-list  .article:hover .article-intro-image img {
    transform: scale(1.1);
    transition: 1s all ease;
}

.myorderdetails{
	display:none;
}
.vap-head-first {
    float: right;
}


.burger-icon>span {
    background-color: #ffffff;
}

.vap-price-info-box{
	display: none !important;
}

.vapsummaryservicescont .vapcartitemdiv .vapcartitemleft {
    float: right;
}
.vapsummaryservicescont .vapcartitemdiv .vapcartitemright {
    float: left;
}

.vapsummarytotaldiv .vapsummarytotprice {
    float: left;
}
.vap-cart-summary-gtotal .vapsummarytotaldiv.total-gross .vapsummarytottitle {
    float: right;
}


.article-details .article-can-edit {
    margin-bottom: 0;
}




@media (max-width: 780px) {



	.myservice .sppb-container-inner >div >div{
		padding: 0px;
	}


	#sp-header .row {
		justify-content: space-between;
	}

	#sp-header .ms-auto {
		margin-left: 0 !important;
	}

	.sp-page-builder .page-content #myhero {
		background-attachment: scroll !important;

	}
	.mytexthero {
			background: #fff;
			padding: 20px 20px;
			color: #000;
			width: 80%;
			margin: 0 auto;
			border-radius: 20px;
			border: 1px solid #e3e3e3;
	}
	.mytexthero  p{
		margin:0
	}
    .myhomeherotext {
        padding: 10px;
		background: rgba(0, 0, 0, 0.03);
		background: linear-gradient(180deg,rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 22%, rgba(0, 0, 0, 1) 100%);
        margin: 10px -10%;
        width: 120%;
    }

	.myhomeherotext2{
        padding: 10px;
		background: rgba(0, 0, 0, 0.03);
		background: linear-gradient(180deg,rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 22%, rgba(0, 0, 0, 1) 100%);
        margin: 10px 0;
        width: 100%;
	}
	.mytextherocol .sppb-column-addons {
		position: absolute;
		width:100%;
	}

	.myhero{
		background-color:#000;
		position: unset !important;
        background-size: 150% !important;
        background-position: -70px 0px !important;
    }
}    

	.aboutme{

    }
    /**************
    .aboutme{
             background-size: 190% !important;
        background-color: #000;
        position: unset !important;
        
        background-position: -160px 0px !important;             
         }
    ********************/
	.fullwidth{
		width:80%;
		margin:0 auto;
	}

	.mytextherocol  .sppb-addon-title {
		margin-bottom: 10px;
		color: #000000 !important;
	}

    .one-category-header {
        display: flex;
        overflow: auto;
        padding: 0.5rem 0px 1rem;
        scroll-behavior: smooth;
    }

    .one-category-header button {
        min-width: unset;
    }

    .mynewsslider img {
        width: 100%;
        height: auto;
    }

    .sppb-tab .sppb-nav-modern > li {
        margin-right: 5px;
        margin-bottom: -1px;
        width: 100%;
    }

    #sp-top2 .menulist-inline {
        font-size: 11px;
    }

    #sp-top2 > div {
        display: flex;
        justify-content: space-between;
    }

    .logo-image {
        margin: 5px 25px 5px 0px !important;
        height: unset !important;
    }
 #sp-logo.has-border.col-auto {
    padding:0 !important;
}
#menu-right .col-auto .d-flex .align-items-center .ms-auto {
    padding:0 !important;
}
    #sp-top2 .menulist-inline {
        padding: 0px;
    }

    #sp-top2 {
        padding: 10px 0px 0px;
    }

    .animatednumberdiv .sppb-row-column {
        margin-bottom: 80px;
    }

    #sp-head-phones .sppb-addon-feature {
        width: 240px;
        margin: 0px auto;
    }

    .mynewsslider .description {
        margin-top: 20px;
    }

    .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler {
        right: auto;
        left: -10px !important;
    }

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
	.mytexthero{
		display: none;
	}
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
    transform: translateX(0px);
}
/****************************/
.myservice .addon-root-button:hover {
    background:#e6e6e6;
}


/*********************************/
@media (max-width: 767px) {
  .msn2 {
    height: 100vh !important;
    overflow: hidden !important;
    min-height:99% !important;
  }
}

h3.sppb-addon-title, .sppb-article-info-wrap h3 a {
  transition: color 0.3s ease;
}
h3.sppb-addon-title:hover {
  color: #84cba1 !important;
}
.sppb-article-meta:contains('Publish date is not enabled') {
  display: none;
}
.mybloghome .sppb-article-info-wrap h3 a {
    width:100%;
    padding:20px 10px;
    border-bottom:1px solid #ccc !important;
    min-height:80px;
    display:block;
    line-height: 25px;
}
.mentoringForm label {
    margin-top:10px;
    color:#34744e;
}
.formControls label {
    color:#000;
}
.mentoringForm input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  accent-color: #007bff; /* رنگ تیک چک‌باکس (در مرورگرهای جدید) */
  cursor: pointer;
  }
  
.mentoringForm {
    width:90%;
}
  
@media screen and (min-width: 1024px) {
.mentoringForm {
    width:50%;
    }
}


.mentoringForm select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 0 40px 0 12px !important;
  font-size: 16px !important;
  color: #333 !important;
  cursor: pointer !important;

  background-image: url("data:image/svg+xml,%3Csvg fill='%23666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 16px 16px !important;

  transition: border-color 0.3s ease !important;
}

/* در هنگام فوکوس */
.mentoringForm  select:focus {
  outline: none !important;
  border-color: #007bff !important;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2) !important;
}

/* مخصوص موبایل: ارتفاع و خط مناسب برای خوانایی */
@media screen and (max-width: 768px) {
  .mentoringForm  select {
    height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
  }
}

/* مخصوص تبلت و دسکتاپ */
@media screen and (min-width: 769px) {
  .mentoringForm  select {
    height: 52px !important;
    line-height: 52px !important;
    font-size: 17px !important;
  }
}


.btn-class, .btn-class:hover{
	background:#354782;
	color: #fff;
    min-width: 250px;
}
.mydore{
	padding:20px;
}

.myprice, .myprice2{
	font-size:31px;
}
@media only screen and (max-width: 395px) {
.myprice, .myprice2{
	font-size:20px !important;
	}
  }
@media only screen and (max-width: 361px) {
.myprice, .myprice2{
	font-size:20px !important;
	}
  }  
.myprice2 {
    color:#339999;   
}

.price-container {
  position: relative;
  display: inline-block;
}

.myprice.discounted, .myprice2.discounted {
  color: #999;
  position: relative;
}

.myprice.discounted::after, .myprice2.discounted::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: red;
  transform: rotate(-10deg);
  transform-origin: center;
}
.btn-class {
      transition: background-color 0.6s ease-in-out, color 0.6s ease-in-out;
}
.btn-class:hover {
    background:#84cba1;
    opacity: 0.6;  
    color:#000;
}
.eventDesc, .eventDesc2 {
    text-align:right;
    color:#336666;
    padding-bottom:3px;
}
.eventDesc2 {
    color:#663399;
}
.eventDesc span {
    color:#333;
}
.eventDesc2 span {
    color:#333;
}
.t22 {
    color:#f37100;
} 
.t22 span {
    color:#f37100;
} 
.t23 {
    color:red;
} 
.t23 span {
    color:red;
} 
.sppb-img-responsive:hover {
    opacity: 0.6;
  transition: opacity 0.5s ease-in-out;
}

.sppb-row-container {
    padding-right:25px;
    padding-left:25px;
}
.mycalsspayment .img-responsive  {
}
.mycalsspayment .img-responsive:hover  {
  
}
h5.sppb-addon-title {
  color: #339999 !important; /* رنگ دلخواهت */
}
h4.sppb-addon-title {
  color: #663399 !important; /* رنگ دلخواهت */
}
.yesLaptop, .yesMob {
    border-radius:18px !important;
}
.sppb-btn-xlg {
    padding:10px 0 !important;
}
h3.sppb-addon-title {
    font-family: ModamFaNumWeb, Tahoma;
    font-size: 18px;
    text-align:right;
    direction: rtl;
    color:#333;
}
.article-introtext .readmore {
    
    margin:30px 0 0 0 !important;
    width:99% !important;
    color:#fff !important;
     background: #249f86 !important;
     transition: background-color 2s ease;
}
.article-introtext .readmore:hover {
    background: #ccc !important;
    color:#249f86 !important;
}
.article-introtext .readmore a {
    width:99% !important;
    display:block;
    padding:15px 0 !important;
    color:#fff !important;
   
}
.article-introtext .readmore a:hover {
    color:#249f86 !important;
}
.article[itemprop="blogPost"][itemscope][itemtype*="BlogPosting"] {
  padding-bottom:50px !important;
}
#rsform_11_page_0, .donateLearning {
    padding:0 20px;
}
.userDonate h2 {
    font-size:18px;
    padding:20px 20px 0 0;
}
.mentoringForm {
    padding:10px 20px 0 10px !important;
}