/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}
 
 

@font-face {
  font-family: iransansweb;
  src: url(../vendor/fonts/IRANSANSWEBULTRALIGHT.TTF);
  font-weight: 100;
}

@font-face {
  font-family: iransansweb;
  src: url(../vendor/fonts/IRANSANSWEBLIGHT.TTF);
  font-weight: 300;
}

@font-face {
  font-family: iransansweb;
  src: url(../vendor/fonts/IRANSANSWEB.TTF);
  font-weight: 500;
}

@font-face {
  font-family: iransansweb;
  src: url(../vendor/fonts/IRANSANSWEBMEDIUM.TTF);
  font-weight: 700;
}

@font-face {
  font-family: iransansweb;
  src: url(../vendor/fonts/IRANSANSWEBBOLD.TTF);
  font-weight: 900;
}



@font-face {
  font-family: iransans;
  src: url(../vendor/fonts/IRANSans.ttf);
  font-weight: 500;
}

@font-face {
  font-family: iransans;
  src: url(../vendor/fonts/IRANSans_Medium.ttf);
  font-weight: 600;
}

@font-face {
  font-family: iransans;
  src: url(../vendor/fonts/IRANSans_UltraLight.ttf);
  font-weight: 200;
}

@font-face {
  font-family: iransans;
  src: url(../vendor/fonts/IRANSans_Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: iransans;
  src: url(../vendor/fonts/IRANSans_Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: iransans;
  src: url(../vendor/fonts/IRANSans_Black.ttf);
  font-weight: 900;
}




@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanThin.ttf);
  font-weight: 100;
}

@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanLight.ttf);
  font-weight: 200;
}

@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanRegular.ttf);
  font-weight: 300;
}


@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanMedium.ttf);
  font-weight: 400;
}


@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanBold.ttf);
  font-weight: 500;
}

@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanExtraBold.ttf);
  font-weight: 600;
}


@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanBlack.ttf);
  font-weight: 700;
}

@font-face {
  font-family: iranyekan;
  src: url(../vendor/fonts/IRANYekanExtraBlack.ttf);
  font-weight: 800;
}




@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanThinRd.ttf);
  font-weight: 100;
}

@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanLightRd.ttf);
  font-weight: 200;
}

@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanRegularRd.ttf);
  font-weight: 300;
}


@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanMediumRd.ttf);
  font-weight: 400;
}


@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanBoldRd.ttf);
  font-weight: 500;
}

@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanExtraBoldRd.ttf);
  font-weight: 600;
}


@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanBlackRd.ttf);
  font-weight: 700;
}

@font-face {
  font-family: iranyekanrd;
  src: url(../vendor/fonts/IRANYekanExtraBlackRd.ttf);
  font-weight: 800;
}




@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanThinFaNum.ttf);
  font-weight: 100;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanLiteFaNum.ttf);
  font-weight: 200;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanRegularFaNum.ttf);
  font-weight: 300;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanRegularFaNum.ttf);
  font-weight: 400;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanMediumFaNum.ttf);
  font-weight: 500;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanBoldFaNum.ttf);
  font-weight: 600;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanExtraBoldFaNum.ttf);
  font-weight: 700;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanBlackFaNum.ttf);
  font-weight: 800;
}

@font-face {
  font-family: iranyekanfn;
  src: url(../vendor/fonts/IRANYekanExtraBlackFaNum.ttf);
  font-weight: 900;
}






@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-Thin[@mimvid].otf);
  font-weight: 100;
}

@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-Light[@mimvid].otf);
  font-weight: 200;
}

@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-Regular[@mimvid].otf);
  font-weight: 300;
}

@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-Medium[@mimvid].otf);
  font-weight: 400;
}

@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-SemiBold[@mimvid].otf);
  font-weight: 500;
}

@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-Bold[@mimvid].otf);
  font-weight: 600;
}

@font-face {
  font-family: ravi;
  src: url(../vendor/fonts/Ravi-ExtraBold[@mimvid].otf);
  font-weight: 700;
}




@font-face {
  font-family: danafanum;
  src: url(../vendor/fonts/DanaFaNum-Light.woff);
  font-weight: 100;
}
@font-face {
  font-family: danafanum;
  src: url(../vendor/fonts/DanaFaNum-Regular.woff);
  font-weight: 200;
}
@font-face {
  font-family: danafanum;
  src: url(../vendor/fonts/DanaFaNum-Medium.woff);
  font-weight: 300;
}
@font-face {
  font-family: danafanum;
  src: url(../vendor/fonts/DanaFaNum-Bold.woff);
  font-weight: 400;
}
@font-face {
  font-family: danafanum;
  src: url(../vendor/fonts/DanaFaNum-ExtraBold.woff);
  font-weight: 500;
}
@font-face {
  font-family: danafanum;
  src: url(../vendor/fonts/DanaFaNum-Black.woff);
  font-weight: 600;
}




body {
  font-family: iransansweb;
  color: #444444;
  font-size: 14px;
  background-color: #f8f9fd;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: #717ff5;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: iransans;
  ;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-header {
  text-align: center;
  padding-bottom: 40px;
}

.section-header h2 {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0;
  color: #4154f1;
  text-transform: uppercase;
}

.section-header p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  color: #012970;
}

@media (max-width: 768px) {
  .section-header p {
    font-size: 28px;
    line-height: 32px;
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs {
  padding: 15px 0;
  background: #2d8818;
  min-height: 40px;
  margin-top: 82px;
  color: #fff;
  margin-bottom: 57px !important;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 57px;
  }
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 500;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol a {
  color: #fff;
  transition: 0.3s;
}

.breadcrumbs ol a:hover {
  text-decoration: underline;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #8894f6;
  content: "/";
}



.breadcrumb-item+.breadcrumb-item::before {
  float: none;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
  padding: 0 9px;
}

.breadcrumb {
  margin-bottom: 57px
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #4154f1;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  transition: all 0.4s;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px, rgba(0, 0, 0, 0.05) 0px 0px 5px !important;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
  direction: rtl;
  background: #fff;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  padding-bottom: 5px;
  position: relative;
}

.header .ad{
display: none;}


.header.header-scrolled {
  background: #fff;
  padding: 15px 0;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}

.header .logo {
  line-height: 0;
}

.header .logo img {
  max-height: 40px;
  margin-left: 6px;
}

.header .logo span {
  font-size: 30px;
  font-weight: 600;
  /* letter-spacing: 1px; */
  color: #012970;
  font-family: iransans;
  font-family: 'iranyekanrd';
  margin-top: 3px;
}

.header #header_l1 {
  border-bottom: 1px solid #f1f3f8;
  position: relative;
  /* padding-top: 70px; */
  padding-bottom: 20px;
}

.header nav {
  width: 100%;
}


.header .ad img {
  width: 100%;
}


.header #header_l2{
  padding-top: 20px;
  text-align: center;
}
.header #header_l2 .container{
}

.header #header_l2 #l2navbar{
  /* display: flex !important; */
  flex-basis: auto;
  justify-content: center;
}

.header #header_l2 a.nav-link{
  flex-direction: column;
}
.header #header_l2 a.nav-link i{
  font-size: 1.5rem;
  margin: 0;
  margin-bottom: 10px;
  /* width: 54px; */
  /* height: 54px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* color: #333; */
  /* border-radius: 13px; */
  /* background-color: white; */
  /* transition: 0.2s; */
}

/* .header #header_l2 ul#nav_main a.actived i{
  transition: 0.2s;
  color: white;
} */


.header #header_l2 ul#nav_main li:nth-child(1) a.nav-link i{
  /* background-image: linear-gradient(0deg, #6cdbb6, #4fc69f);
  box-shadow: #6cdbb6 0px 13px 16px -10px; */
}


.header #header_l2 ul#nav_main li:nth-child(2) a.nav-link i{
  /* background-image: linear-gradient(180deg, #935dc6, #b480fe);
  box-shadow: #b480fe 0px 13px 16px -10px; */
}


.header #header_l2 ul#nav_main li:nth-child(3) a.nav-link i{
  /* background-image: linear-gradient(0deg, #769ae8, #4472d6);
  box-shadow: #769ae8 0px 13px 16px -10px; */
}



/* .header #header_l2 ul#nav_main li:nth-child(1) a.nav-link.actived{
  background-color: #4fc69f;
  box-shadow: #6cdbb6 0px 13px 16px -10px;  transition: 0.1s;
}


.header #header_l2 ul#nav_main li:nth-child(2) a.nav-link.actived{
  background-color: #935dc6;
  box-shadow: #b480fe 0px 13px 16px -10px;  transition: 0.1s;
}


.header #header_l2 ul#nav_main li:nth-child(3) a.nav-link.actived{
  background-color: #4472d6;
  box-shadow: #769ae8 0px 13px 16px -10px;  transition: 0.1s;
} */




.header #header_l2 span.btn-basket{
  border: 2px solid #8b52fe;
  border-radius: 22px;
  padding: 6px 34px;
  color: #8c52ff;
  transition: 0.2s;
}
.header #header_l2 span.btn-basket:hover{
  border: 2px solid transparent;
  color: white;
  background-color: #8c52ff;
  transition: 0.1s;
}

.header #header_l2 span.btn-basket i{
font-size: 1rem;
}
.header .logo_holder{
  width: 240px;
}

.header .logo_holder img{
  width: 100%;
}



.header .popup{
  position: absolute;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border-radius: 15px;
  width: 650px;
  top: 69px;
  transform: translate(0, 0%);
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 20px;
  z-index: 9;
  overflow: hidden;
  display: none;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}



.header .popup .container-fluid{
  padding: 0;
}

.header .popup .container-fluid div[class^="col"]{
  padding: 0 5px;
}

.header .popup a.item_holder{
  padding: 10px;
  display: flex;
  text-align: right;
  justify-content: flex-start;
  border-radius: 8px;
  transition: 0.2s;
}
.header .popup a.item_holder:hover{
  background-color: #dee3e94f;
  transition: 0.1s;
  font-weight: 400;
}

.header .popup a.item_holder:hover h4{
color: #0f4c98;
transition: 0.1;
}

.header .popup a.item_holder:hover i{
  /* color: #008A63; */
}

.header .popup .icon_holder i{
  font-size: 1.4rem;
  background-color: #d7e6ff9e;
  color: #0f4c98;
  display: flex;
  padding: 9px;
  border-radius: 7px;
  margin-left: 20px;
}

.header .popup .detail_holder h4{
    /* font-family: 'iranyekanrd'; */
    font-size: 1rem;
    color: #444;
    margin-bottom: 5px;
    font-weight: 600;
}

.header .popup .detail_holder p{
  font-size: 0.8rem;
  color: #9b9b9b;
  margin: 0;
}
.header .popup .popup_footer{
  margin: -20px;
  margin-top: 10px;
}

.header .popup .popup_footer a{
    color: #555;
    padding: 15px 20px;
    background-color: #eef0f4;
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .popup .popup_footer a:hover{
    background-color: #e8eaee;
}
.header .popup .popup_footer a i{
  font-size: 0.9rem;
  background-color: #dee2eb;
  padding: 3px;
  border-radius: 5px;
  color: grey;
}
.header .popup .popup_footer a:hover{
    color: #1d5dac;
}
.header .popup .popup_footer a:hover i{
    color: #315cec;
    background-color: #dee2eb;
}




/* .header input{border-radius: 0;} */
.header .main_menu{border: 1px solid #e1e1e1; border-radius: 8px; display: flex; align-items: center; height: 45px; overflow: hidden;}
.header .main_menu span{height: 100%; display: inline-flex; align-items: center; padding: 0 15px;cursor: pointer;color: #6c5dd4; font-weight: 700;user-select: none;}
.header .main_menu span:hover{background-color: #00000009;}
.header .main_menu span.active{background-color: #f1eeff;}

.header .main_menu span i{margin: 0 10px;}
.header .main_menu form{height: 100%; display: inline-flex; align-items: center;}
.header .main_menu input{ height: 100%; border: 0; border-right: 1px solid #0001; border-left: 1px solid #00000009; padding: 0 18px;width: 430px;}
.header .main_menu input:hover{background-color: #00000004;}
.header .main_menu input:focus{background-color: #00000004;outline: none;}
.header .main_menu button{ height: 100%; outline: 0; border: 0; padding: 0 20px; background-color: transparent; color: #6c5dd4;}
.header .main_menu button:hover{background-color: #00000009;}
.header .main_menu button:focus{outline: 0;}
.header .main_menu button i{ display: flex; font-size: 1rem;}


.header .popup_menu{    position: absolute; right: 0; top: 70px; border-radius: 19px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(5em); border: 2px solid var(--glass-white-color); height: 580px; width: 100%; overflow: hidden; background-color: #f5f9ffc7; background-image: linear-gradient(337deg, #dcddffb0, #ebeef8ab); display: none; box-shadow: 0 0 60px rgba(14,42,71,.25); animation: popover .2s ease-in-out;}

.header .popup_menu ::-webkit-scrollbar { width: 5px; }
.header .popup_menu ::-webkit-scrollbar-track { background: #f1f1f1c9; }
.header .popup_menu ::-webkit-scrollbar-thumb { background: #888888ab; border-radius: 4px;}
.header .popup_menu ::-webkit-scrollbar-thumb:hover { background: #555; }

.header .popup_menu .col-3{padding: 0;}
.header .popup_menu .col-9{padding: 15px}

.header .popup_menu .side{overflow: auto; height: 100%;}
.header .popup_menu .side .item{padding: 12px 10px; cursor: pointer;display: flex;justify-content: space-between;}
.header .popup_menu .side .item:hover{background-color: rgb(255,255,255,0.5); box-shadow: 0 1px 2px #00000011, inset 0 2px 1px #fff6;}
.header .popup_menu .side .item.active{background-color: rgb(255,255,255,0.8);border-right: 4px solid #6c5dd4; color: #6c5dd4; border-radius: 3px;box-shadow: 0 1px 2px #00000011, inset 0 2px 1px #fff6;}
.header .popup_menu .side .item i.item_icon{margin-left: 15px;}
.header .popup_menu .side .item i.item_arrow{display: inline-flex; align-items: center;}
.header .popup_menu .side .item span{font-size: 0.95rem; font-family: 'iranyekanrd'; font-weight: 300;}

.header .popup_menu .main{background-color: #fff9; border-radius: 8px; height: 100%; border: 1px solid #0001; padding: 20px;font-family: 'iranyekanrd'; font-weight: 300;font-size: 1rem; box-shadow: 0 3px 13px -5px rgba(0, 0, 0, 0.1);}
.header .popup_menu .main .title{    font-size: 1.1rem; font-weight: 400; margin-bottom: 15px; color: #6d5dd7; font-family: 'iransans';}
.header .popup_menu .main .title span{font-weight: 700;}
.header .popup_menu .main ul{columns: 5; -webkit-columns: 5; -moz-columns: 5; padding: 0; margin: 0; list-style: none;font-family: iransansweb;}
.header .popup_menu .main ul li{padding: 5px 0;}
.header .popup_menu .main ul li a{color: #444;
  box-shadow: 0 2px 10px #a6acb926;
  background: #ffffff;
  width: 100%;
  display: block;
  padding: 45px 5px;
  text-align: center;border-radius: 14px;}
.header .popup_menu .main ul li a:hover{color: #6d5dd7;}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
  direction: rtl;
}

.navbar li {
  position: relative;
}

.navbar a:not(.popup a),
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: iransans;
  font-size: 16px;
  font-weight: 300;
  color: #828282;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 0.95rem;
  transition: 0.2s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:not(.popup a):hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {

  border-bottom: 1px solid #12ae6b;
  color: #12ae6b;
}

.navbar #nav_top a{
  padding: 2px 18px;
}

.navbar #nav_topleft a{
  padding: 2px 8px;
}

.navbar #nav_main a:not(.popup a){
  color: #343448;
  border-bottom: 2px solid transparent;transition: 0.0s;
}
.navbar #nav_main a.actived:not(.popup a){
  font-weight: 300;
  color: #27C195;
  border-bottom: 2px solid #27C195;
}


.navbar .getstarted,
.navbar .getstarted:focus {
  background: #4154f1;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #5969f3;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #4154f1;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .megamenu {
  position: static;
}

.navbar .megamenu ul {
  margin-top: 5px;
  right: 0;
  padding: 10px;
  display: flex;
}

.navbar .megamenu ul li {
  flex: 1;
}

.navbar .megamenu ul li a,
.navbar .megamenu ul li:hover>a {
  color: #013289;
}

.navbar .megamenu ul li a:hover,
.navbar .megamenu ul li .active,
.navbar .megamenu ul li .active:hover {
  color: #4154f1;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}



.navbar a.btn_login {
  background-color: #f1eeff;
  color: #6c5dd4;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 0.85rem;
  transition: 0.3s;
}
.navbar a.btn_login:hover {
  background-color: #e3e0f2;
transition: 0.15s;
}
.navbar a.btn_register {
  color: #fff;
  background-color: #6c5dd4;
  padding: 10px 20px;
  border-radius: 10px;
  margin-right: 8px;
  font-weight: 400;
  font-size: 0.85rem;
  box-shadow: 0px 5px 34px -2px rgb(143 129 231 / 85%);
  text-wrap: nowrap; ;box-shadow: 0px 5px 17px 0px rgb(143 129 231 / 64%);transition: 0.3s;
}
.navbar a.btn_register:hover {
  box-shadow: 0px 2px 5px 0px rgb(143 129 231 / 46%);;background-color: #6354c3;transition: 0.15s;
}
.navbar a.btn_register i{margin-left: 7px;}






@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #012970;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 1200px) {
  .mobile-nav-toggle {
    /* display: block; */
  }

  .navbar ul {
    /* display: none; */
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(1, 22, 61, 0.9);
  transition: 0.3s;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #012970;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #4154f1;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #4154f1;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}






.mobile-nav {
  background: #fffffff5;
  position: fixed;
  bottom: -2px;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  z-index: 999;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  backdrop-filter: blur(3px);
  direction: rtl;
}
.bloc-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #555;
}

.bloc-icon img {
  width: 30px;
}


@media screen and (min-width: 576px) {
  .mobile-nav {
    display: none;
  }



}

@media screen and (max-width: 576px) {
  .nav_holder{
    display: none;
  }
}



/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
section.search{
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  color: white;
}

section.search h3{
  margin-bottom: 35px;
}


section.search .search_holder{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


section.search .search_holder .searchbox{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;

  border-radius: 10px;
  overflow: hidden;
}

section.search .search_holder .searchbox input{
  border: 0;
  height: 45px;
  width: 630px;
  padding: 4px;
}

section.search .search_holder .searchbox input:hover{
background-color: #00000010;
}

section.search .search_holder .searchbox input:focus{
border: 0;outline: 0;background-color: #00000010;
}

section.search .search_holder .search_icon_holder i{
color: black;
}









section.search{
  background-color: #f2f0fe;
  box-shadow: inset 0px 0px 23px #0002;
  padding: 100px 0 !important;
  overflow: inherit;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding-bottom: 180px !important;
}

section.search .search_container{
text-align: center;
}




.search .search_box_wrapper {
  text-align: center;
  margin-bottom: 20px;
}

.search .search_and_results {
  display: inline-flex;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border-radius: 14px;
  border: 1px solid #dee1e6;
  position: relative;
  transition: 0.1s;
  /* border: 1px solid #cfd3db; */
  background-color: white;
}

.search .search_and_results.focused {
  transition: 0.1s;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.search .search_box_holder {
  /* border: 1px solid #e6e9eb; */
  display: inline-flex;
  justify-content: center;
  /* border-radius: 12px; */
  height: 50px;
}

.search .search_box_holder.focus {
  border: 1px solid #000e;
}

.search .search_box_holder input {
  border: 0;
  box-shadow: 0 0;
  width: 630px;
  color: #818fa3;
  height: 100%;
}

.search .search_box_holder input:focus {
  border: 0;
  box-shadow: 0 0 !important;
  outline: none;
}

.search .search_box_holder input::placeholder {
  color: #818fa3;
  opacity: 0.7;
  /* Firefox */
}

.search .search_box_holder input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #818fa3;
}

.search .search_box_holder .search_btn_holder {
display: flex;
}

.search .search_box_holder button.btn-search {
  color: #818fa3;
  width: auto;
  min-width: unset;
  background-color: transparent;
  display: inline-flex;
  transition: 0.15s;
  outline: none;
  border: 0;
  padding: 0;
  width: 50px;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.search .search_box_holder button.btn-search:focus {
  outline: none !important;
  box-shadow: 0 0;
  border: 0;
}

.search .search_box_holder button.btn-search i {
  display: flex;
}

.search .shortkey_holder {
  display: flex;
  align-items: center;
  /* margin-left: 10px; */
  color: #818fa3;
  padding: 0 15px 0 10px;
}

.search .shortkey {
  background-color: #eeeeee;
  color: #8692a6;
  padding: 0px 4px;
  border-radius: 4px;
  margin: 0 3px;
  font-size: 13px;
  min-width: 19px;
  text-align: center;
  height: 19px;
  display: inline-flex;
  align-items: center;
  text-shadow: 0 0 0px #fff;
  justify-content: center;
}

.search .shortkey i {
  display: flex;
}

.search .search_popup {
  padding: 0px;
  text-align: right;
  border-top: 1px solid #7abf22;
  /* display: none; */
  position: absolute;
  top: 50px;
  right: -1px;
  left: -1px;
  background-color: white;
  z-index: 3;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border: 1px solid #dee1e6;
  display: none;
}

.search .search_popup h5 {
  margin: 0 0 15px 0;
  color: #818fa3;
  font-weight: 300;
  margin-left: 10px;
  font-size: 1.07rem;
  font-family: 'iranyekan';
}

.search .search_popup .res_count {
  font-weight: 300;
  background-color: #0f4c9814;
  color: #0f4c98;
  text-shadow: 0px 0px 1px #fff;
  margin-right: 8px;
  font-family: iranyekanfn;
}

.search .search_popup .results_holder {
  padding: 15px;
}

.search .search_popup .fields_holder {
  padding: 12px 15px;
  border-bottom: 1px solid #dee1e6;
}

.search .search_popup .fields {
  display: flex;
  justify-content: space-around;
}

.search .search_popup .fields a {
  border-radius: 6px;
  color: #555555c2;
  padding: 8px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-weight: 300;
  font-family: 'iranyekan';
}

.search .search_popup .fields a:hover {
  background-color: #eee;
}

.search .search_popup .fields a.active {
  background-color: #0f4c98;
  color: #fff;
}

.search .search_popup .fields a i {
  margin-left: 5px;
  display: none;
}

.search .search_popup .fields a.active i {
  display: inline-block;
}

.search .search_popup .results_holder ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}

.search .search_popup .results_holder ul li {
  padding: 1px 0;
}

.search .search_popup .results_holder a {
  color: #555;
  color: #555;
  width: 100%;
  display: block;
  padding: 6px 4px;
  border-radius: 5px;
}

.search .search_popup .results_holder a.active {
  background-color: #eee;
}

.search .search_popup .results_holder a:hover {
  background-color: #eee;
}

.search .search_popup .results_holder a i {
  margin-left: 5px;
  color: #818fa3;
}
.search .search_popup .results_holder .item_holder{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search .search_popup .results_holder .item_img{
  width: 80px;
  height: 55px;
}
.search .search_popup .results_holder .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.search .search_popup .results_holder .item_info{
padding-right: 15px;
}
.search .search_popup .results_holder .item_name{
  font-size: 0.9rem;
  font-weight: 700;
}
.search .search_popup .results_holder .item_details{
  font-size: 0.8rem;
  color: #5e5e5e;
  font-weight: 300;
}
.search .search_popup .results_holder .item_price{
  color: #449c44;
}

.search .search_popup .results_holder.teachers{
  padding-bottom: 0;
}
.search .search_popup .results_holder.teachers .row{
  padding: 0px 6px;
}
.search .search_popup .results_holder.teachers .col-md-3{
  padding: 0px 5px;
}
.search .search_popup .results_holder.teachers .stars_holder  {
display: flex;
}
.search .search_popup .results_holder.teachers a{
  display: flex;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 0px;
  overflow: hidden;
}
.search .search_popup .results_holder.teachers img{
  width: 40px;
  height: 40px;

}

.search .search_popup .results_holder.teachers i.bi-star-fill{
  margin: 0 0px 0 9px;
  color: #fcbf1e;
  display: inline-flex;
  align-items: center;
}
.search .search_popup .results_holder.teachers .btn_go_all{
  border: 1px solid #0f4c98;
  text-align: left;
  display: inline-flex;
  justify-content: flex-end;
  padding: 5px 15px;
  color: #0f4c98;
  border-radius: 60px;
  width: auto;
  align-items: center;
}
.search .search_popup .results_holder.teachers .btn_go_all i{
  color: #6c5dd4;
  display: flex;
  font-size: 0.7rem;
  margin: 0;
  margin-right: 5px;
}

.search .search_popup .search_bottom_bar {
  padding: 15px;
  border-top: 1px solid #dee1e6;
  display: flex;
  align-items: center;
  color: #818fa3;
  font-size: 0.75rem;
}

.search label {
  margin: 0;
  text-wrap: nowrap;
  font-weight: 400;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}


@media only screen and (max-width: 768px) {
  .search .search_box_holder input {
      width: unset;
  }

  .search .search_popup .search_bottom_bar {
      display: none;
  }

  .search .search_popup .fields a.active i {
      display: none;
  }

}









/*--------------------------------------------------------------
# mainslider Section
--------------------------------------------------------------*/


.mainslider{
  margin-top: -135px;
}

.mainslider .container-fluid{
padding: 0;
}

.mainslider .swiper{
  padding: 35px 0 !important;
}

.mainslider .box{
  border-radius: 25px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 25px;
  color: #7e7e88;
  min-height: 320px;
  background-color: white;
  /* width: 400px !important; */
  width: 100% !important;
}

.mainslider .swiper-slide{
  /* width: 900px !important; */
}


.mainslider .box_wrapper{
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.mainslider .right{
  display: flex !important;
  flex-direction: column;
  padding-left: 15px;
  width: 100%;
}
.mainslider .course_name{
  font-size: 1.3rem;
  font-weight: 900;
  margin-bottom: 10px;
  display: block;
}
.mainslider .course_name a{
  color: #343448;
  transition: 0.3s;
}
.mainslider .course_name a:hover{
  color: #0f4c98;
  transition: 0.15s;
}
.mainslider .course_date{
  margin-bottom: 10px;

}

.mainslider .course_details{
  margin-bottom: 10px;

}

.mainslider .course_buttom{
margin-top: auto;
}

.mainslider .course_buttom .container{
padding: 0;
/* margin: 0; */
}

.mainslider .course_buttom .teacher{
  display: flex;
}
.mainslider .course_buttom .teacher a{
  display: inline-flex;
  align-items: center;
  color: #5f5f5f;
  font-weight: 600;
}
.mainslider .course_buttom .teacher a:hover{
color: #0f4c98;
}


.mainslider .course_buttom .teacher img{
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 10px;
  /* border: 1px solid #8b52ff57; */
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin-left: 8px;
}


.mainslider .course_buttom .course_buy{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  text-wrap: nowrap;
}

.mainslider .course_buttom .course_price{
  margin-left: 15px;
color: #0f4c98;
font-size: 1rem;
font-weight: 300;
}
.mainslider .course_buttom .course_price span{
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'iranyekanfn';
}
.mainslider .course_buttom .course_get a{
  background-color: #0f4c98;
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  font-weight: 300;
  transition: 0.4s;
  text-wrap: nowrap;
}

.mainslider .course_buttom .course_get a:hover{
  background-color: #11727a;
transition: 0.4s;
}


.mainslider .left{
  margin: -25px;
  margin-right: 0;
}

.mainslider .left img.course_poster{
  border-radius: 0px;
  object-fit: cover;
  height: 320px;
  
  width: 320px;
}











@media (max-width: 992px) {
  .mainslider .box_wrapper {
    flex-direction: column-reverse;
    padding-left: 0px;
  }
  .mainslider .right {
    padding-left: 0px;
  }
  .mainslider .left img.course_poster {
    width: 100%;
  }
  .mainslider .swiper{
    padding: 35px 15px !important;
  }
  .mainslider .left img.course_poster {
    height: auto;
  }
  .mainslider .left {
    margin: -25px;
    margin-bottom: 15px;
  }

}




@media (max-width: 768px) {
  .mainslider .course_buttom .course_buy {
    margin-bottom: 10px;
    justify-content: space-between;
  }
  .mainslider .course_buttom .teacher {
    display: flex;
    margin: 10px 0;
  }
}







/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  /* height: 100vh; */
  background: url(../img/hero-bg.png) top center no-repeat;
  background-size: cover;
  /* direction: rtl; */
  padding-top: 110px !important;
}

.hero h1 {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  color: #012970;
}

.hero h2 {
  color: #444444;
  margin: 15px 0 0 0;
  font-size: 26px;
  color: #898989;
  font-family: iransans;
  font-size: 1.8em;
  text-align: justify;
  line-height: 1.3;
  font-weight: 300;
  direction: rtl;
}

.hero .btn-get-started {
  margin-top: 30px;
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #4154f1;
  box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.4);
}

.hero .btn-get-started span {
  font-family: iransans;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
}

.hero .btn-get-started i {
  margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}

.hero .btn-get-started:hover i {
  transform: translateX(5px);
}

.hero .hero-img {
  text-align: right;
}




.hero .bgblur {
  position: relative;
  height: 100%;
  background: url('img/Book/book(2).jpg');
}

.hero .bgblur {
  /* background: #eee; */
  /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
  /* font-size: 14px; */
  /* color: #000; */
  margin: 0;
  padding: 0;
  border-radius: 15px;
  background-position: center;
  background-size: cover;
  backdrop-filter: blur(19px);
  background-color: #f2f0fe;
  overflow: hidden;
  user-select: none;
}

.hero .bgimg{
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    background-size: cover;
    background-position: center;
    /* backdrop-filter: brightness(0.5); */
    filter: brightness(0.6) blur(7px);
}

.hero .bgblur h4{
  z-index: 9;
  position: absolute;
  top: 50px;
  margin: 0;
  text-align: center;
  left: 0;
  right: 0;
  color: white;
  font-size: 1.2rem;

}


.hero .hero_right .swiper {
  width: 100%;
  height: 100%;
  padding: 25px 70px !important;
  /* padding-bottom: 15px !important; */


}

.hero .hero_right .swiper-slide {
  text-align: center;
  /* font-size: 18px; */
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero .hero_right .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 0 0px 6px #ffffff47;
  border: 2px solid #ffffff;
}


.hero .hero_right .book_details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero .hero_right .book_details .name {
  color: white;
  font-weight: 300;
  font-size: 1rem;
  padding-bottom: 10px;
  display: block;
}
.hero .hero_right .book_details .price_details {
  font-size: 0.9rem;
  /* padding-bottom: 10px; */
  display: block;
  background-color: white;
  color: black;
  border-radius: 10px;
  padding: 7px 0;
}

.hero .hero_right .book_details .price_details .price_beforeoff{
  text-decoration: line-through;
  color: #b74b4d;
  margin-left: 5px;
}




.hero .hero_leftslider {
  position: relative;
  height: 100%;
}

.hero .hero_leftslider {
  /* background: #eee; */
  /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
  /* font-size: 14px; */
  /* color: #000; */
  margin: 0;
  padding: 0;
}

.hero .hero_leftslider .swiper {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  border-radius: 15px;
}

.hero .hero_leftslider .swiper-slide {
  text-align: center;
  /* font-size: 18px; */
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero .hero_leftslider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  height: 500px;
  object-fit: cover;
}

.hero .hero_leftslider .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
}

.hero .hero_leftslider .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #fff;
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.hero .hero_leftslider .swiper-button-next, .hero_leftslider .swiper-rtl .swiper-button-prev {
opacity: 0.0 !important;
}









@media (min-width: 1024px) {
  .hero {
    background-attachment: fixed;
  }
}

@media (max-width: 991px) {
  .hero {
    height: auto;
    padding: 120px 0 60px 0;
  }

  .hero .hero-img {
    text-align: center;
    margin-top: 80px;
  }

  .hero .hero-img img {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .hero {
    text-align: center;
  }

  .hero h1 {
    font-size: 32px;
  }

  .hero h2 {
    font-size: 24px;
  }

  .hero .hero-img img {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Serach
--------------------------------------------------------------*/

/* 
.search {
  padding: 70px 0;
  background: #f6f9ff;
  background: linear-gradient(307deg, #f2f5fc, #fbf9fe);
    border: 1px solid #e1ecff;
  direction: rtl;

} */

.search h4 {
  font-size: 24px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  color: #012970;
}

.search form #bluebox {
  /* margin-top: 20px; */
  margin-top: 20px; 
  background: #6046ff;
  background: linear-gradient(0deg, #8546ff, #7a64ff);
  background: linear-gradient(130deg, #535891e0 20%, #535891 77.5%);
  padding: 10px 10px;
  position: relative;
  border-radius: 4px;
  /* border: 1px solid #e1ecff; */
  direction: rtl;
  border-radius: 15px;
  /* overflow: hidden; */
  box-shadow: 2px 20px 30px #9084d9cc;
  box-shadow: 2px 20px 30px -7px #595e96b0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  z-index: 1;
  }

.search form input[type=text] {
  border: 0;
  padding: 8px;
  width: calc(100% - 140px);
  background-color: transparent;
  color: #fff;
  width: 100%;
  font-weight: 300;
  text-shadow: 1px 2px 3px #0003;

}

.search form input[type=text] {
  outline: none;
}


.search form button[type=submit] {
  border: 0;
  background: none;
  font-size: 20px;
  padding: 0 10px;
  margin: 3px;
  /* background: #4154f1; */
  color: #fff;
  border-radius: 11px;
  text-shadow: 1px 2px 3px #0003;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: -3px;
  width: 50px;
}


.search form button[type=submit]:hover {
  background-color: #fff2;
}

.search #phrase-holder {
  display: flex;
  line-height: 2.5;
  /* padding: 0 9vw; */
  margin-top: 20px;
  /* font-weight: 400; */
  justify-content: center;
  line-height: 1.5;text-align: center;    border: 1px dashed #0003;
  padding: 13px;
  border-radius: 15px;
}

.search #phrase-holder table {
  width: 100%;
  text-align: right;
}

.search .phrase {
  padding: 1px 16px;
  color: rgb(96 96 96);
  cursor: pointer;
  /* transition: 0.15s; */
  border-radius: 11px;
  width: unset;
  font-weight: 300;
  margin: 5px;
}

.search .phrase:hover {
  /* background: #e1e4eb; */
  /* transition: 0.15s; */
  /* color: rgb(58, 58, 58); */
  /* box-shadow: 0 0 16px #0001; */
  /* font-weight: 500; */
  /* text-decoration: underline; */
}

.search p {

  color: #6c6c6c;
  font-weight: 300;
  text-align: center;
}

.search .bootstrap-select .dropdown-toggle .filter-option,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  text-align: right !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
  color: #6281b7;
  background-color: #fff;
  border-radius: 15px;
  /* box-shadow: 2px 20px 30px #d7d7d7cc; */
  border: 1px solid #e1ecff;
}

.search :not(.input-group)>.bootstrap-select.form-control:not([class*="col-"]) {
  width: 6vw;
  color: #6281b7;
  background-color: #dcd6f1;
  border-radius: 15px;
  /* box-shadow: 2px 20px 30px #d7d7d7cc; */
  border: 1px solid #e0d5ff !important;
  overflow: hidden;
  border-radius: 9px;
}

.search .bootstrap-select:active {
  /* border: 1px solid #e1ecff */
}

.search .bootstrap-select>.dropdown-toggle {
  color: #505050;
  font-size: 0.9rem;
}

.search .bootstrap-select .dropdown-menu.inner {
  text-align: right;
  
}

/* checkbox plugin */
.checkbox-wrapper-47 input[type="checkbox"] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-47 label {
  position: relative;
  padding-left: 1em;
  padding-right: 2em;
  line-height: 2;
  cursor: pointer;
  display: inline-flex;
}

.checkbox-wrapper-47 label:before {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  top: 0.3em;
  right: 0;
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 2px solid #9098A9;
  border-radius: 6px;
  z-index: -1;
}

.checkbox-wrapper-47 input[type=checkbox]:checked+label {
  padding-left: 1em;
  color: #0f5229;
}

.checkbox-wrapper-47 input[type=checkbox]:checked+label:before {
  top: 0;
  width: 100%;
  height: 2em;
  background: #b7e6c9;
  border-color: #2cbc63;
}

.checkbox-wrapper-47 label,
.checkbox-wrapper-47 label::before {
  transition: 0.25s all ease;
}








.checkbox-wrapper-4 * {
  box-sizing: border-box;
}

.checkbox-wrapper-4 .cbx {
  -webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 10px;
  /* overflow: hidden; */
  transition: all 0.2s ease;
  display: inline-block;
  font-size: 15px;



  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.12), 0px 1.3px 3px rgba(0, 0, 0, 0.26);
  background: linear-gradient(291deg, #eaecfd, #efeffb);
  border-right: 3px solid #715aff;
  /* border-left: 2px solid #715aff; */
  /* /* text-shadow: 2px 3px 5px #0003; */
  transition: 0.2s;
  border-radius: 10px 7px 7px 10px;

}

.unchecked_cbx {background: linear-gradient(315deg, #f5f6ff, #fcfcff) !important; transition: 0.2s; font-weight: 400 !important;;}

.color-white {color: white !important;}


.checkbox-wrapper-4 .cbx.unchecked_cbx:hover {
  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.26) !important;
  /* box-shadow: inset 1px 1px 10px #0002; */
  background: linear-gradient(291deg, #ffffffd8, #fffe) !important;
  transition: 0.1s;
  /* background: linear-gradient(307deg, #fffc, #fffc);; */
}

.checkbox-wrapper-4 .cbx:not(.unchecked_cbx):hover {
  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.26)!important;
  /* box-shadow: inset 1px 1px 10px #0002; */
  /* background: linear-gradient(291deg, #fff4, #fff3) !important; */
  transition: 0.1s;
  /* background: linear-gradient(307deg, #fffc, #fffc);; */
}

.checkbox-wrapper-4 .cbx:not(:last-child) {
  margin-right: 4px;
  font-weight: 300;    position: relative;
  /* background-color: #bde587; */
}



.checkbox-wrapper-4 .cbx span {
  float: right;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-4 .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #787c8b82;
  transition: all 0.2s ease;
  /* box-shadow: 0 1px 1px rgba(0,16,75,0.05); */
}

.checkbox-wrapper-4 .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-4 .cbx span.caption {
  padding-right: 8px;
  line-height: 18px;
  /* color: rgb(0, 0, 0); */
  
}

.checkbox-wrapper-4 .cbx:hover span:first-child {
  border-color: #07f;
}

.checkbox-wrapper-4 .inp-cbx {
  position: absolute;
  visibility: hidden;
}

.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child {
  background: #07f;
  border-color: #07f;
  animation: wave-4 0.4s ease;
}

.checked_span{
  background-color: #fff7 !important;
  border-color: #07f0 !important;
  box-shadow: 0 2px 3px #0002 !important;
}

.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-4 .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

@media screen and (max-width: 576px) {
  .checkbox-wrapper-4 .cbx {
    width: 100%;
    display: inline-block;
  }
}

@-moz-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@-webkit-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@-o-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}





/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/



.about .content {
  background-color: #f6f9ff;
  padding: 40px;
}

.about h3 {
  font-size: 14px;
  font-weight: 700;
  color: #4154f1;
  text-transform: uppercase;
}

.about h2 {
  font-size: 24px;
  font-weight: 700;
  color: #012970;
  direction: rtl;
  text-align: justify;
}

.about p {
  margin: 15px 0 10px 0;
  line-height: 24px;
  direction: rtl;
  text-align: justify;
}

.about .btn-read-more {
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #4154f1;
  box-shadow: 0px 5px 25px rgba(65, 84, 241, 0.3);
}

.about .btn-read-more span {
  font-family: iransans;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
}

.about .btn-read-more i {
  margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}

.about .btn-read-more:hover i {
  transform: translateX(5px);
}

/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
.values .box {
  padding: 30px;
  box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
  text-align: center;
  transition: 0.3s;
  height: 100%;
}

.values .box img {
  padding: 30px 50px;
  transition: 0.5s;
  transform: scale(1.1);
}

.values .box h3 {
  font-size: 24px;
  color: #012970;
  font-weight: 700;
  margin-bottom: 18px;
}

.values .box:hover {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.values .box:hover img {
  transform: scale(1);
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 70px 0 60px;
  direction: rtl;
}

.counts .count-box {
  display: flex;
  align-items: center;
  padding: 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.counts .count-box i {
  font-size: 42px;
  line-height: 0;
  margin-left: 20px;
  color: #4154f1;
}

.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 300;
  color: #0b198f;
  font-family: iranyekanfn;
}

.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: iransans;
  font-size: 14px;
}

/*--------------------------------------------------------------
# help
--------------------------------------------------------------*/
.feature-box {
  padding: 24px 20px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  transition: 0.3s;
  height: 100%;
}

.feature-box h3 {
  font-size: 18px;
  color: #012970;
  font-weight: 700;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: justify;
}

.feature-box i {
  line-height: 0;
  background: #ecf3ff;
  padding: 4px;
  margin-left: 10px;
  font-size: 24px;
  border-radius: 3px;
  transition: 0.3s;
}

.feature-box:hover i {
  background: #4154f1;
  color: #fff;
}

.feture-tabs {
  margin-top: 20px;
  direction: rtl;
}
.sidebar .feture-tabs {
  margin-top: 0px;
}

.feture-tabs h3 {
  color: #012970;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 48px;
}


.feture-tabs p {
  text-align: justify;
  padding-right: 0 33px;
}


@media (max-width: 768px) {
  .feture-tabs h3 {
    font-size: 28px;
  }
}

.feture-tabs .nav-pills {
  border-bottom: 1px solid #eee;
}
.feture-tabs .nav-pills {
  margin: 0; padding: 0;
}

.feture-tabs .nav-link {
  background: none;
  background-color: transparent !important;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  color: #012970;
  padding: 12px 0;
  margin-right: 25px;
  margin-bottom: -2px;
  border-radius: 0;
}

.sidebar .feture-tabs .nav-link {
margin-left: 25px;
padding-top: 0;
font-family: iranyekanrd;
}

.feture-tabs .nav-link.active {
  color: #00a8e3;
  border-bottom: 3px solid #00a8e3;
}

.feture-tabs .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: #012970;
}


.feature-icons {
  margin-top: 120px;
}

.feature-icons h3 {
  color: #012970;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 768px) {
  .feature-icons h3 {
    font-size: 28px;
  }
}

.feature-icons .content .icon-box {
  display: flex;
}

.feature-icons .content .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
  color: #012970;
}

.feature-icons .content .icon-box i {
  font-size: 44px;
  line-height: 44px;
  color: #0245bc;
  margin-right: 15px;
}

.feature-icons .content .icon-box p {
  font-size: 15px;
  color: #848484;
}

.feature-box p {
  font-size: 14px;
  text-align: justify;
}



/*--------------------------------------------------------------
# statistics
--------------------------------------------------------------*/

.statistics {
  direction: rtl;
}

.statistics table {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  border-radius: 20px;
  overflow: hidden;
  text-align: center
}

.statistics table th {
  direction: rtl;
  background-color: #3545bf;
  color: white;
  vertical-align: middle;
  position: sticky;
  padding: 20px 5px;
}

.statistics table td {
  border: 0;
  color: #4c4c4c;
  font-size: 15px;
  vertical-align: middle;
  padding: 0.5rem 0.7rem;
}

.statistics table tr td:nth-child(1) {
  border-left: 1px solid #dbdbdb;
  text-align: right;
  padding-right: 15px;
  color: #012970;
  font-weight: 500;
  white-space: nowrap;
}

.statistics table tbody tr td:nth-child(2):hover .statistics {
  font-weight: 700;
}







.statistics .count-box {
  display: flex;
  align-items: center;
  padding: 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  overflow: hidden;
}

.statistics .count-box i {
  font-size: 42px;
  line-height: 0;
  margin-left: 20px;
  color: #4154f1;
}

.statistics .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 800;
  color: #0b198f;
  font-family: iranyekanfn;
}

.statistics .count-box p {
  padding: 0;
  margin: 0;
  font-family: iransans;
  font-size: 15px;
  font-weight: 200;
}





@media screen and (min-width: 992px) and (max-width: 1200px) {
  .statistics .count-box span {
    font-size: 30px
  }
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
  .statistics .service-box {
    padding: 10px 15px;
      }
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
  .statistics .count-box i {
    margin-left: 5px;
    }
}




.statistics .service-box {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  height: 100%;
  padding: 15px 30px;
  text-align: center;
  transition: 0.3s;
  border-radius: 18px;
}

.statistics .service-box .icon {
  font-size: 36px;
  padding: 40px 20px;
  border-radius: 4px;
  position: relative;
  /* margin-bottom: 25px; */
  display: inline-block;
  line-height: 0;
  transition: 0.3s;
}

.statistics .service-box h3 {
  color: #444444;
  font-weight: 700;
}

.statistics .service-box .read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 20px;
}

.statistics .service-box .read-more i {
  line-height: 0;
  margin-left: 5px;
  font-size: 18px;
}

.statistics .service-box.blue {
  border-bottom: 3px solid #2db6fa;
}

.statistics .service-box.blue .icon {
  color: #2db6fa;
  background: #dbf3fe;
}

.statistics .service-box.blue .read-more {
  color: #2db6fa;
}

.statistics .service-box.blue:hover {
  background: #2db6fa;
}

.statistics .service-box.orange {
  border-bottom: 3px solid #f68c09;
}

.statistics .service-box.orange .icon {
  color: #f68c09;
  background: #fde3c4;
}

.statistics .service-box.orange .read-more {
  color: #f68c09;
}

.statistics .service-box.orange:hover {
  background: #f68c09;
}

.statistics .service-box.green {
  border-bottom: 3px solid #08da4e;
}

.statistics .service-box.green .icon {
  color: #08da4e;
  background: #cffddf;
}

.statistics .service-box.green .read-more {
  color: #08da4e;
}

.statistics .service-box.green:hover {
  background: #08da4e;
}

.statistics .service-box.red {
  border-bottom: 3px solid #e9222c;
}

.statistics .service-box.red .icon {
  color: #e9222c;
  background: #fef7f8;
}

.statistics .service-box.red .read-more {
  color: #e9222c;
}

.statistics .service-box.red:hover {
  background: #e9222c;
}

.statistics .service-box.purple {
  border-bottom: 3px solid #b50edf;
}

.statistics .service-box.purple .icon {
  color: #b50edf;
  background: #f8e4fd;
}

.statistics .service-box.purple .read-more {
  color: #b50edf;
}

.statistics .service-box.purple:hover {
  background: #b50edf;
}

.statistics .service-box.pink {
  border-bottom: 3px solid #f51f9c;
}

.statistics .service-box.pink .icon {
  color: #f51f9c;
  background: #feecf7;
}

.statistics .service-box.pink .read-more {
  color: #f51f9c;
}

.statistics .service-box.pink:hover {
  background: #f51f9c;
}


.statistics .service-box.bluegreen {
  border-bottom: 3px solid #07d5c0;
}

.statistics .service-box.bluegreen .icon {
  color: #07d5c0;
  background: #07d5c02e;
}

.statistics .service-box.bluegreen .read-more {
  color: #07d5c0;
}

.statistics .service-box.bluegreen:hover {
  background: #07d5c0;
}

.statistics .service-box.lime {
  border-bottom: 3px solid #c1e922;
}

.statistics .service-box.lime .icon {
  color: #c1e922;
  background: #c1e92242;
}

.statistics .service-box.lime .read-more {
  color: #c1e922;
}

.statistics .service-box.lime:hover {
  background: #c1e922;
}

.statistics .service-box:hover h3,
.statistics .service-box:hover p,
.statistics .service-box:hover span,
.statistics .service-box:hover .read-more {
  color: #fff;
}

.statistics .service-box:hover .icon {
  background: #fff;
}















/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/






/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .service-box {
    /* box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08); */
    /* height: 100%; */
    /* padding: 60px 30px; */
    /* text-align: center; */
    /* transition: 0.3s; */
    /* border-radius: 5px; */
    display: flex;
}

.services .service-box .title{

  display: block;
  font-family: 'iranyekanrd';
  font-weight: 700;
  font-size: 1.1rem;
  color: #222;
}
.services .service-box .right .icon_holder{
  background-color: #6c5dd4;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f1eeff;
  font-size: 1.6rem;
  width: 55px;
  height: 55px;
}
.services .service-box .right .icon_holder i{
  display: flex;
}

.services .service-box .left{
text-align: right;
padding-right: 17px;  
}
.services .service-box .left .subtitle{
  padding-top: 4px;
  display: block;
  color: #7c7c7c;
  font-weight: 300;
}

.services .service-box .icon {
  font-size: 36px;
  padding: 40px 20px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
  line-height: 0;
  transition: 0.3s;
}

.services .service-box h3 {
  color: #444444;
  font-weight: 700;
}

.services .service-box .read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 20px;
}

.services .service-box .read-more i {
  line-height: 0;
  margin-left: 5px;
  font-size: 18px;
}

.services .service-box.blue {
  border-bottom: 3px solid #2db6fa;
}

.services .service-box.blue .icon {
  color: #2db6fa;
  background: #dbf3fe;
}

.services .service-box.blue .read-more {
  color: #2db6fa;
}

.services .service-box.blue:hover {
  background: #2db6fa;
}

.services .service-box.orange {
  border-bottom: 3px solid #f68c09;
}

.services .service-box.orange .icon {
  color: #f68c09;
  background: #fde3c4;
}

.services .service-box.orange .read-more {
  color: #f68c09;
}

.services .service-box.orange:hover {
  background: #f68c09;
}

.services .service-box.green {
  border-bottom: 3px solid #08da4e;
}

.services .service-box.green .icon {
  color: #08da4e;
  background: #cffddf;
}

.services .service-box.green .read-more {
  color: #08da4e;
}

.services .service-box.green:hover {
  background: #08da4e;
}

.services .service-box.red {
  border-bottom: 3px solid #e9222c;
}

.services .service-box.red .icon {
  color: #e9222c;
  background: #fef7f8;
}

.services .service-box.red .read-more {
  color: #e9222c;
}

.services .service-box.red:hover {
  background: #e9222c;
}

.services .service-box.purple {
  border-bottom: 3px solid #b50edf;
}

.services .service-box.purple .icon {
  color: #b50edf;
  background: #f8e4fd;
}

.services .service-box.purple .read-more {
  color: #b50edf;
}

.services .service-box.purple:hover {
  background: #b50edf;
}

.services .service-box.pink {
  border-bottom: 3px solid #f51f9c;
}

.services .service-box.pink .icon {
  color: #f51f9c;
  background: #feecf7;
}

.services .service-box.pink .read-more {
  color: #f51f9c;
}

.services .service-box.pink:hover {
  background: #f51f9c;
}

.services .service-box:hover h3,
.services .service-box:hover p,
.services .service-box:hover .read-more {
  color: #fff;
}

.services .service-box:hover .icon {
  background: #fff;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 40px 20px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}

.pricing .box:hover {
  transform: scale(1.1);
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.pricing h3 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

.pricing .price {
  font-size: 36px;
  color: #444444;
  font-weight: 600;
  font-family: iransans;
}

.pricing .price sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .price span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing img {
  padding: 30px 40px;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 25px;
}

.pricing ul li {
  padding-bottom: 10px;
}

.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-buy {
  display: inline-block;
  padding: 8px 40px 10px 40px;
  border-radius: 50px;
  color: #4154f1;
  transition: none;
  font-size: 16px;
  font-weight: 400;
  font-family: iransans;
  font-weight: 600;
  transition: 0.3s;
  border: 1px solid #4154f1;
}

.pricing .btn-buy:hover {
  background: #4154f1;
  color: #fff;
}

.pricing .featured {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #4154f1;
  color: #fff;
}

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
#faq_page .accordion-collapse {
  border: 0;
}

#faq_page .accordion-button {
  padding: 15px 15px 20px 0;
  font-weight: 600;
  border: 0;
  font-size: 18px;
  color: #444444;
  text-align: left;
}

#faq_page .accordion-button:focus {
  box-shadow: none;
}

#faq_page .accordion-button:not(.collapsed) {
  background: none;
  color: #4154f1;
  border-bottom: 0;
}

#faq_page .accordion-body {
  padding: 0 0 25px 0;
  border: 0;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  background: white;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px 10px 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #444444;
  margin: 0 4px 8px 4px;
  transition: 0.3s;
  border-radius: 50px;
  border: 1px solid #fff;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #4154f1;
  border-color: #4154f1;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(255, 255, 255, 0.75);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: 1s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.portfolio .portfolio-wrap .portfolio-info::before {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  top: 35px;
  left: 35px;
  border-top: 3px solid rgba(1, 41, 112, 0.2);
  border-left: 3px solid rgba(1, 41, 112, 0.2);
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info::after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 35px;
  right: 35px;
  border-bottom: 3px solid rgba(1, 41, 112, 0.2);
  border-right: 3px solid rgba(1, 41, 112, 0.2);
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #012970;
  font-weight: 700;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #012970;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  background: #4154f1;
  margin: 10px 2px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a i {
  font-size: 24px;
  line-height: 0;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  background: #5969f3;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.1);
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info::before {
  top: 15px;
  left: 15px;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
  bottom: 15px;
  right: 15px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4154f1;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4154f1;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: #fff;
  padding: 60px 0;
}

.team .member {
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  transition: 0.3s;
}

.team .member .member-img {
  position: relative;
  overflow: hidden;
}

.team .member .member-img:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url(../img/team-shape.svg) no-repeat center bottom;
  background-size: contain;
  z-index: 1;
}

.team .member .social {
  position: absolute;
  right: -100%;
  top: 30px;
  opacity: 0;
  border-radius: 4px;
  transition: 0.5s;
  background: rgba(255, 255, 255, 0.3);
  z-index: 2;
}

.team .member .social a {
  transition: color 0.3s;
  color: rgba(1, 41, 112, 0.5);
  margin: 15px 12px;
  display: block;
  line-height: 0;
  text-align: center;
}

.team .member .social a:hover {
  color: rgba(1, 41, 112, 0.8);
}

.team .member .social i {
  font-size: 18px;
}

.team .member .member-info {
  padding: 10px 15px 20px 15px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #012970;
}

.team .member .member-info span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #aaaaaa;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  padding-top: 15px;
  line-height: 26px;
  color: #5e5e5e;
}

.team .member:hover {
  transform: scale(1.08);
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.team .member:hover .social {
  right: 8px;
  opacity: 1;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
}

.clients .clients-slider .swiper-slide img:hover {
  opacity: 1;
}

.clients .clients-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4154f1;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4154f1;
}

/*--------------------------------------------------------------
# Recent page-search Posts
--------------------------------------------------------------*/
.recent-blog-posts .post-box {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  transition: 0.3s;
  height: 100%;
  overflow: hidden;
  padding: 30px;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.recent-blog-posts .post-box .post-img {
  overflow: hidden;
  margin: -30px -30px 15px -30px;
  position: relative;
}

.recent-blog-posts .post-box .post-img img {
  transition: 0.5s;
}

.recent-blog-posts .post-box .post-date {
  font-size: 16px;
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
  display: block;
  margin-bottom: 10px;
}

.recent-blog-posts .post-box .post-title {
  font-size: 24px;
  color: #012970;
  font-weight: 700;
  margin-bottom: 18px;
  position: relative;
  transition: 0.3s;
}

.recent-blog-posts .post-box .readmore {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  transition: 0.3s;
}

.recent-blog-posts .post-box .readmore i {
  line-height: 0;
  margin-left: 4px;
  font-size: 18px;
}

.recent-blog-posts .post-box:hover .post-title {
  color: #4154f1;
}

.recent-blog-posts .post-box:hover .post-img img {
  transform: rotate(6deg) scale(1.2);
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  background: #fafbff;
  padding: 30px;
}

.contact .info-box i {
  font-size: 38px;
  line-height: 0;
  color: #4154f1;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #012970;
  font-weight: 700;
  margin: 20px 0 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  background: #fafbff;
  padding: 30px;
  height: 100%;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 0;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #4154f1;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email] {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #4154f1;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #5969f3;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# page-search
--------------------------------------------------------------*/


.page-search {
  padding: 160px 0 20px 0;
}

.page-search .entry {
  font-size: 0.9rem;
  padding: 30px;
  margin-bottom: 40px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.page-search .entry .entry-img {
  max-height: 440px;
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.page-search .entry .entry-title {
  font-size: 28px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 20px 0;
}

.page-search .entry .entry-title a {
  color: #012970;
  transition: 0.3s;
}

.page-search .entry .entry-title a:hover {
  color: #4154f1;
}

.page-search .entry .entry-meta {
  margin-bottom: 15px;
  color: #4084fd;
}

.page-search .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.page-search .entry .entry-meta ul li+li {
  padding-left: 20px;
}

.page-search .entry .entry-meta i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
}

.page-search .entry .entry-meta a {
  color: #777777;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.page-search .entry .entry-content p {
  line-height: 24px;
}

.page-search .entry .entry-content .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}

.page-search .entry .entry-content .read-more a {
  display: inline-block;
  background: #4154f1;
  color: #fff;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 4px;
}

.page-search .entry .entry-content .read-more a:hover {
  background: #5969f3;
}

.page-search .entry .entry-content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.page-search .entry .entry-content blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.page-search .entry .entry-content blockquote p {
  color: #444444;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}

.page-search .entry .entry-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #012970;
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-search .entry .entry-footer {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.page-search .entry .entry-footer i {
  color: #0d64fd;
  display: inline;
}

.page-search .entry .entry-footer a {
  color: #013289;
  transition: 0.3s;
}

.page-search .entry .entry-footer a:hover {
  color: #4154f1;
}

.page-search .entry .entry-footer .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.page-search .entry .entry-footer .cats li {
  display: inline-block;
}

.page-search .entry .entry-footer .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.page-search .entry .entry-footer .tags li {
  display: inline-block;
}

.page-search .entry .entry-footer .tags li+li::before {
  padding-right: 6px;
  color: #6c757d;
  content: ",";
}

.page-search .entry .entry-footer .share {
  font-size: 16px;
}

.page-search .entry .entry-footer .share i {
  padding-left: 5px;
}

.page-search .entry-single {
  margin-bottom: 30px;
}

.page-search .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.page-search .blog-author img {
  width: 120px;
  margin-right: 20px;
}

.page-search .blog-author h4 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
  color: #012970;
}

.page-search .blog-author .social-links {
  margin: 0 10px 10px 0;
}

.page-search .blog-author .social-links a {
  color: rgba(1, 41, 112, 0.5);
  margin-right: 5px;
}

.page-search .blog-author p {
  font-style: italic;
  color: #b7b7b7;
}

.page-search .blog-comments {
  margin-bottom: 30px;
}

.page-search .blog-comments .comments-count {
  font-weight: bold;
}

.page-search .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.page-search .blog-comments .comment .comment-img {
  margin-right: 14px;
}

.page-search .blog-comments .comment .comment-img img {
  width: 60px;
}

.page-search .blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.page-search .blog-comments .comment h5 a {
  font-weight: bold;
  color: #444444;
  transition: 0.3s;
}

.page-search .blog-comments .comment h5 a:hover {
  color: #4154f1;
}

.page-search .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #012970;
}

.page-search .blog-comments .comment h5 .reply i {
  font-size: 20px;
}

.page-search .blog-comments .comment time {
  display: block;
  font-size: 14px;
  color: #013ca3;
  margin-bottom: 5px;
}

.page-search .blog-comments .comment.comment-reply {
  padding-left: 40px;
}

.page-search .blog-comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.page-search .blog-comments .reply-form h4 {
  font-weight: bold;
  font-size: 22px;
}

.page-search .blog-comments .reply-form p {
  font-size: 14px;
}

.page-search .blog-comments .reply-form input {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}

.page-search .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: #a0aaf8;
}

.page-search .blog-comments .reply-form textarea {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}

.page-search .blog-comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: #a0aaf8;
}

.page-search .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}

.page-search .blog-comments .reply-form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: #012970;
}

.page-search .blog-comments .reply-form .btn-primary:hover {
  background-color: #013289;
}

.page-search .blog-pagination {
  color: #024ed5;
}

.page-search .blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.page-search .blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.page-search .blog-pagination li a {
  color: #012970;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-search .blog-pagination li.active,
.page-search .blog-pagination li:hover {
  background: #4154f1;
}

.page-search .blog-pagination li.active a,
.page-search .blog-pagination li:hover a {
  color: #fff;
}





.page-search {
  background-color: #f9fafe;
  background-color: #eef0f5;
  background-color: #f5f5f5;
  background-color: #f4f4fc;
}

.page-search article {
  background-color: #fff;
  /* border-radius: 20px; */
}


.page-search .search {
  margin-bottom: 80px;
}

.page-search .checkbox-wrapper-4 .cbx:hover {
  /* box-shadow: 1px 2px 6px #0003 !important; */
  box-shadow: inset 1px 1px 10px #0000;
  background-color: #e0eaff !important;
}

.page-search .checkbox-wrapper-4 .cbx:not(:last-child) {
  margin-right: 6px;
  background-color: transparent;
}

.page-search article {
  direction: rtl;
  text-align: right;
}

.page-search #crumb-path a {
  display: inline-block;
}









.page-search .sidebar {
  padding: 30px;
  margin: 0 0 60px 0px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  direction: rtl;
  color: #292f41;
  font-size: 13px;
  background-color: #fafbff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
  /* text-shadow: 1px 1px white; */
  border: 1px solid #00000024;
  border-radius: 15px;

}

.page-search #sidebar_letter.sidebar {
  border-radius: 20px;
  margin-bottom: 20px;
}



#side_alpha ul {
  list-style: none;
  padding: 0;
}

#side_alpha a {
  border-radius: 5px;
  font-size: 14px;
  color: #000e !important;
  padding: 3px 7px;
  margin-bottom: 0px;
  display: inline-flex;
  align-items: center;
}

#side_alpha a:hover {
  background: #eef1f7;


}



.page-search .alphabet_holder {

  display: flex;
  flex-direction: row;
  text-align: right;
  direction: rtl;
  flex-wrap: wrap;
  justify-content: center;
}

.page-search a.alphabet {
  color: #4154f1;
  text-decoration: none;
  color: #000e;
  background-color: #ffffff8f;
  width: 30px;
  height: 27px;
  text-align: center;
  margin: 2px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 27px;
  display: flex;
  border: 1px solid #999;
  font-size: 14px;
  box-shadow: 1px 1px 2px #0002;
}

.page-search a.alphabet:hover {
  background-color: #00a8e3;
  border: 1px solid #bbd0eb00;
  color: white;
  box-shadow: 0 2px 4px -1px #0000;
  text-shadow: 1px 2px 3px #0004;
}

.page-search a.alphabet.active{background-color: #00a8e3;
  color: white;
  border: 1px solid transparent;
  /* text-shadow: 0 1px 4px #000a; */
  font-weight: 600;
  box-shadow: 1px 1px 6px #0004;}


.page-search #collapseDVR3 {
  display: block;
  direction: rtl;
}

/* .page-search #collapseDVR3 > div > ul > li:nth-child(1)::after{border-top: 0} */


.page-search .tree {
  min-height: 20px;
  /* padding:19px; */

  margin-bottom: 20px;
  /* background-color:#fbfbfb; */
  /* -webkit-border-radius:4px; */
  /* -moz-border-radius:4px; */
  /* border-radius:4px; */
  /* -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); */
  /* -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); */
  /* box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05) */
}

.page-search .tree ul {
  padding: 0 37px 0 0;
}

.page-search .tree li {
  list-style-type: none;
  margin: 0;
  padding: 10px 2px 0 5px;
  position: relative;
}

.page-search .tree li::before,
.tree li::after {
  content: '';
  left: auto;
  position: absolute;
  right: -15px;
}

.page-search .tree li::before {
  border-right: 1px solid #999;
  bottom: 50px;
  height: 100%;
  top: 0;
  width: 1px;
}

.page-search .tree li::after {
  border-top: 1px solid #999;
  height: 20px;
  top: 24px;
  width: 18px;
}

.page-search .tree li span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #999;
  border-radius: 10px;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none
}

.page-search .tree li.parent_li>span {
  cursor: pointer
}

.page-search .tree>ul>li::before,
.page-search.tree>ul>li::after {
  border: 0
}

.page-search .tree li:last-child::before {
  height: 24px;
}

.page-search .tree li.parent_li>span:hover,
.page-search .tree li.parent_li>span:hover+ul li span {
  background: #eef1f7;
  border: 1px solid #cddaeb;
  color: #005dfe
}




.page-search .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #012970;
  position: relative;
}

.page-search .sidebar .sidebar-item {
  margin-bottom: 30px;
}

.page-search .sidebar .search-form form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
}

.page-search .sidebar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
}

.page-search .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #4154f1;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.page-search .sidebar .search-form form button i {
  line-height: 0;
}

.page-search .sidebar .search-form form button:hover {
  background: #5465f2;
}

.page-search .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.page-search .sidebar .categories ul li+li {
  padding-top: 10px;
}

.page-search .sidebar .categories ul a {
  color: #012970;
  transition: 0.3s;
}

.page-search .sidebar .categories ul a:hover {
  color: #4154f1;
}

.page-search .sidebar .categories ul a span {
  padding-left: 5px;
  color: #aaaaaa;
  font-size: 14px;
}

.page-search .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.page-search .sidebar .recent-posts img {
  width: 80px;
  float: left;
}

.page-search .sidebar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
}

.page-search .sidebar .recent-posts h4 a {
  color: #012970;
  transition: 0.3s;
}

.page-search .sidebar .recent-posts h4 a:hover {
  color: #4154f1;
}

.page-search .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-style: italic;
  font-size: 14px;
  color: #aaaaaa;
}

.page-search .sidebar .tags {
  margin-bottom: -10px;
}

.page-search .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.page-search .sidebar .tags ul li {
  display: inline-block;
}

.page-search .sidebar .tags ul a {
  color: #0257ee;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #d7e6ff;
  display: inline-block;
  transition: 0.3s;
}

.page-search .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid #4154f1;
  background: #4154f1;
}

.page-search .sidebar .tags ul a span {
  padding-left: 5px;
  color: #a5c5fe;
  font-size: 14px;
}



.page-search #sidebar .box {
  height: auto !important;
  margin-bottom: 25px;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; */
  background-color: white;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  /* box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; */
  padding: 15px;
  border-radius: 25px;
  width: 100%;
  transition: margin 0s, box-shadow 0.5s;
}

.page-search #sidebar .box h4{
  padding: 10px;
  margin-bottom: 10px;
  font-family: 'iranyekanrd';
  font-weight: 300;
  font-size: 1.1rem;
}


.page-search #sidebar .searchbox_holder form{
  position: relative;
  display: block;
  height: 37px;
  width: 100%;
}

.page-search #sidebar .searchbox_holder input[type="text"]{
  border: 1px solid #0f4c9840;
  border-radius: 25px;
  background-color: #f8f9fd6b;
  padding: 5px 13px;
  color: #113c72;
  width: 100%;
  height: 100%;
  padding-left: 40px;
}
.page-search #sidebar .searchbox_holder input[type="text"]:focus{
  outline: none;
  border: 1px solid #0f4c98;
}
.page-search #sidebar .searchbox_holder button[type="submit"]{
  position: absolute;
  left: 0;
  border-radius: 25px;
  height: 100%;
  border: 1px solid #0f4c98;
  background-color: #0f4c98;
  color: white;
  width: 37px;
}
.page-search #sidebar .searchbox_holder button[type="submit"]:hover{
background-color: #0c3870;
}
.page-search #sidebar .searchbox_holder button[type="submit"] i{
  display: flex;
  align-items: center;
  justify-content: center;
}



.page-search #sidebar table {
width: 100%;
}

.page-search #sidebar table tr {
cursor: pointer;
}

.page-search #sidebar table tr:hover td{
  background-color: #e6e9f869;
}

.page-search #sidebar table tr td{
  padding: 6px 0;
  user-select: none;
  border-bottom: 2px solid #ffffff;
}
.page-search #sidebar table tr td.checked{
  background-color: #e6e9f88f;
  color: #274ae2;
  font-weight: 600;
}

.page-search #sidebar table tr td:last-child{
  border-radius:  8px 0 0 8px;
}

.page-search #sidebar table tr td:first-child{
  border-radius: 0 8px 8px 0 ;
  width: 30px;
}

.page-search #sidebar table tr td input[type="checkbox"]{
  transform: scale(1.2);
  cursor: pointer;
}

.page-search #sidebar table .checkbox_holder{
  text-align: center;
  margin: 0 4px;
  display: flex;
  justify-content: center;
}


.page-search #sidebar .box input.search {
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #0f4c9840;
  border-radius: 25px;
  background-color: #f8f9fd6b;
  padding: 5px 13px;
  color: #113c72;
  width: 100%;
  height: 37px;
}

.page-search #sidebar .box input.search:focus,
.page-search #sidebar .box input.search:hover {
  outline: none;
  border: 1px solid #0f4c98;
}

#page-search #sidebar .box .search-holder {
  position: relative;
}


#page-search #sidebar .box .search-holder span {
  position: absolute;
  left: 10px;
  top: 9px;
  font-size: 17px;
  opacity: 0.5;
  transition: 0.1s;
  display: none ;
  color: #0f4c98;
}

#page-search #sidebar .box .search-holder span:hover {


  opacity: 0.8;
  transition: 0.1s;
  cursor: pointer;
}






.stick {
  position: sticky;
  top: 00px;
}

.abs {
  position: sticky;
  bottom: 0px;
}

/* main page */
.bootstrap-select .dropdown-menu li a{text-align: right}
.bootstrap-select a.selected{background-color: #6349ff;}
.dropdown-menu{--bs-dropdown-link-active-bg:#777;font-size: 0.9rem;}
.dropdown-menu button{outline: none !important;border: none important;}
button:focus,button:active {outline: none !important;box-shadow: none !important;}
.button:active, button:active,.button:focus, button:focus,.button:hover, button:hover{border:none !important;outline:none !important;}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus{outline:none !important;border: none !important;}
.bootstrap-select{outline:none !important;border: none !important;}
.bootstrap-select:active,.bootstrap-select:focus, .bootstrap-select:hover{outline:none !important;border: none !important;}
.bootstrap-select button,.bootstrap-select button:active,.bootstrap-select button:focus, .bootstrap-select button:hover,.bootstrap-select .btn,.bootstrap-select .btn:active, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover{   outline:none !important;border: none !important ;}
.bootstrap-select .dropdown-toggle:hover {background-color: #f1f1f1;}
.bootstrap-select .btn {background-color: rgba(255,255,255,0.7)!important;box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.12), 0px 1.6px 3.6px rgba(0, 0, 0, 0.16);}

.search .row {margin-bottom: 15px;}
.search .radio-inputs {position: relative; display: flex; border-radius: 0.5rem; background-color: #ffffff61; box-sizing: border-box; padding: 0.25rem; font-size: 14px; margin-top: 37px; user-select: none; border: 1px solid #0002;    margin-bottom: 24px; ;}
.search .radio-inputs .radio { flex: 1 1 auto; text-align: center; }
.search .radio-inputs .radio input { display: none; }
.search .radio-inputs .radio .name {display: inline-flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 5px; border: none; padding: 0.3rem 0.9rem;; color: rgba(51, 65, 85, 1); transition: all .15s ease-in-out; text-align: center; flex-direction: column;}
.search .radio-inputs .radio input:checked + .name { background-color: #fff; font-weight: 600;box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);     padding: 0.3rem 1.3rem;}
.search .radio-inputs i:not(#bluebox i ){/* margin-left: 5px; */ border: 1px solid #53537847; padding: 2px; height: 23px; width: 22px; border-radius: 5px; /* scale: 0.9; */ display: block;}


.checkbox-wrapper-4 table {    display: block; ;}
.checkbox-wrapper-4 table tr {   }
.checkbox-wrapper-4 table td {}
.search .creator{display: flex; align-items: center; justify-content: flex-start}
.search span.creator-name{    text-wrap: nowrap; font-family: iranyekanrd;}
.search img.creator-logo{width: 25px;margin-left: 6px;}

.search a.info{    background-color: #040d65; color: #fff0; border-radius: 0px 7px 7px 0; width: 0px; height: 100%; display: inline-flex; position: absolute; top: 0; right: 0px; justify-content: center; align-items: center; z-index: 0;box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.12), 2px 3px 5px 0px rgba(0, 0, 0, 0.26);;  transition: all 0.5s ease-in-out; }
.search label:hover a.info { width: 25px; right: -25px; color: white; transition: all 0.3s ease-in-out;}



@media only screen and (max-width: 1400px) {
  .checkbox-wrapper-4 table td {
    vertical-align: top;
  }
}

@media only screen and (max-width: 768px) {
  .checkbox-wrapper-4 table td {
    display: block;;
  }
}

@media only screen and (max-width: 768px) {
  .checkbox-wrapper-4 .creator {
    margin-top: 20px;
    margin-bottom: 5px;
  }
}



.search label[for='ch1']{border-right: 6px solid rgb(4, 13, 101)}
.search label[for='ch2']{border-right: 6px solid rgb(120, 3, 24)}
.search label[for='ch3']{border-right: 6px solid rgb(98, 111, 3)}
.search label[for='ch4']{border-right: 6px solid rgb(144, 5, 73)}
.search label[for='ch5']{border-right: 6px solid rgb(140, 5, 73)}
.search label[for='ch6']{border-right: 6px solid rgb(137, 6, 114)}
.search label[for='ch7']{border-right: 6px solid rgb(105, 74, 1)}
.search label[for='ch8']{border-right: 6px solid rgb(133, 145, 8)}
.search label[for='ch9']{border-right: 6px solid rgb(62, 142, 1)}
.search label[for='ch10']{border-right: 6px solid rgb(15, 7, 145)}
.search label[for='ch11']{border-right: 6px solid rgb(2, 119, 151)}
.search label[for='ch12']{border-right: 6px solid rgb(6, 69, 135)}
.search label[for='ch13']{border-right: 6px solid rgb(144, 20, 3)}
.search label[for='ch14']{border-right: 6px solid rgb(62, 1, 120)}
.search label[for='ch15']{border-right: 6px solid rgb(3, 145, 72)}
.search label[for='ch16']{border-right: 6px solid rgb(146, 72, 1)}
.search label[for='ch17']{border-right: 6px solid rgb(137, 6, 114)}
.search label[for='ch18']{border-right: 6px solid rgb(133, 1, 7);}
.search label[for='ch19']{border-right: 6px solid rgb(75, 106, 2);}

#search_results{background: rgb(241 235 248 / 40%); border-radius: 15px; box-shadow: 0 15px 30px rgb(32 14 70 / 15%); backdrop-filter: blur(13.2px); -webkit-backdrop-filter: blur(11.2px); border: 1px solid rgb(209 214 245); position: absolute; top: 63px; right: 10%; min-height: 109px; z-index: 1; padding: 19px 16px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center;max-height: 60vh;overflow-y: auto;}
#search_results h3{font-weight: 600; font-size: 0.95rem;}
#search_results table{width: 100%;}
#search_results table tr:not(:last-child){border-bottom: 1px solid #0001;}
#search_results table tr:hover{background-color: #00000008;}
#search_results table tr td{padding: 8px 0;}
#search_results tr td:nth-child(1) {font-size: 0.85rem;    padding-right: 5px;text-align: right;}
#search_results tr td:nth-child(1) a:hover{font-weight: 500;}
#search_results tr td:nth-child(2) {font-size: 0.80rem;text-align: left;}
#search_results tr td:nth-child(2) a { border-radius: 5px; font-weight: 200;color: white;padding: 2px 6px;}
#search_results a {color: #181818;}
#search_results i.bi-check-circle-fill {margin-left: 11px;margin-right: 0;}
#search_results i.bi-check-circle {margin-left: 11px;margin-right: 0;}
#search_results i.bi-arrow-right {margin-left: 5px;margin-right: 5px;}
/* Customize Scrollbar */
#bluebox ::-webkit-scrollbar {width: 20px;position: absolute;}
#bluebox ::-webkit-scrollbar-track { background-color: transparent;position: absolute; }
#bluebox ::-webkit-scrollbar-thumb { background-color: #d7d6e1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box;position: absolute; }
#bluebox ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf;position: absolute; }





/* second page */
.breadcrumbs{direction: rtl}
.breadcrumbs .bi-journal-bookmark-fill::before{font-size: 3rem;margin-left:10px}

.page-search #crumb-path{    direction: rtl; text-align: right; margin-bottom: 20px; font-size: 0.8rem; font-weight: 300;;}
.page-search #crumb-path i{font-size: 10px;}
.page-search #crumb-path i:nth-child(1){font-size: 20px;}
.page-search #crumb-path a{color: #a1a1a1;border-radius: 8px;padding: 5px 7px;border:1px solid transparent}
.page-search #crumb-path a.active{background-color: #0000000f;font-weight: 400; font-size: 0.9rem;;color: #2c2c2c}
.page-search #crumb-path a:hover{border:1px solid #ddd;color: #2c2c2c;}

.page-search #copy_link{background-color: #e6e6ed; border: 1px solid #d7d7d7;; border-radius: 13px; padding: 5px; position:relative; display: flex; align-items: center; border-radius: 7px; cursor: pointer}
.page-search #copy_link:hover{background-color: rgb(222, 222, 231)}
.page-search #copy_link span{    display: flex; margin-right: 4px; /* margin-left: 2px; */ border: 1px solid #747474; border-radius: 10px; ; opacity: 0.3; padding: 0px; width: 30px; height: 30px; align-items: center; justify-content: center;;}
.page-search #copy_link:hover span{border: 1px solid #7c7c7c;opacity:0.5;  ;}
.page-search #copy_link i{height: 20px;}
.page-search #copy_link img:hover{}
.page-search #copy_link div#uri_holder{display: inline-block;width: 100%;}
.page-search #copy_link input#uri {display: inline-block; background-color: transparent; border: 0; width: 100%; font-size: 0.85rem;  -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */pointer-events: none;color: #000b;}
.page-search #copy_link input#uri:focus{border: 0;outline: 0;}
.page-search #copy_link div#tooltip {position: absolute; position: absolute; font-size: 0.8rem; top: 8px;right: 13px; direction: rtl; padding: 2px 6px; background: white; border-radius: 7px; box-shadow: 0 2px 5px #0003;;}
.page-search #copy_link .tooltip { direction: rtl; font-size: 0.8rem; top: 8px;}



.page-search #dl_box a.btn{background: #e6e6ed; border: 1px solid #ddd; color: black; height: 100%; font-size: 0.8rem; display: flex; justify-content: center; align-items: center;border-radius: 7px;transition: 0.05s;}
.page-search #dl_box a.btn:hover{background-color: rgb(222, 222, 231);transition: 0.05s;}
.page-search #dl_box .dropdown{height: 100%;direction: rtl;}
.page-search #dl_box .dropdown i{margin: 3px;font-size: 15px;}
.page-search #dl_box ul{padding: 12px 0;}
.page-search #dl_box li{padding: 7px 10px}
.page-search #dl_box li a{color: #000000db;width: 100%; height: 100%; display: inline-block; padding: 7px 11px;    border-radius: 5px;}
.page-search #dl_box li a:hover{background-color: #0001;}
.page-search #dl_box img{width: 20px;}
.page-search .dropdown-menu{font-size: 0.8rem;}

/* .blog #dl_box .col-lg-4{padding: 0 5px;}
.blog .dl_item {display: inline-block; background: white; border-radius: 3px; box-shadow: 0 2px 3px #0003; text-align: center; width: 100%;cursor: pointer   ; height: 4rem;font-size: 0.8rem;overflow: hidden;}
.blog .dl_item .dl_head {}
.blog #dl_box > div:nth-child(1) div.dl_head {background-color: #f52f2f;}
.blog #dl_box > div:nth-child(2) div.dl_head {background-color: #0e4fbc;}
.blog #dl_box > div:nth-child(3) div.dl_head {background-color: #0c9910;}
.blog .dl_item .dl_body img {width: 20px;} */





.page-search article.entry {padding: 0;background-color: transparent;box-shadow: none;    margin-top: 15px;;}
.page-search article.entry>.row{    margin-bottom: 16px;}
.page-search article.entry div[class^="col"]{padding: 0 8px;}
.page-search article#cat{border-radius: 25px 25px 13px 13px; margin-bottom: 21px; transition: 0.3s; display: flex; align-items: center; justify-content: flex-start; background-color: #f4f4fc; border-right: 5px solid #00a8e3; border-radius: 5px; padding: 0;}
.page-search article#cat:hover{}
.page-search article#cat:hover a{}
.page-search article#cat a{    font-family: iranyekanrd; font-size: 1.8rem; font-weight: 600; /* text-shadow: 9px 10px 13px #0009; */ color: #00a8e3; transition: 0.15s; padding: 2px; padding-right: 11px;}


.page-search .card{background-color: rgb(241 243 249); background: linear-gradient(340deg, #fbfbfb, #fff); border: none; padding: 18px; border-radius: 15px; height: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; /* text-shadow: 1px 1px white; */ /* border: 1px solid #00000024; */ color: #454a4e; border-top: 4px solid #00a8e3; /* border: 3px solid #2e8ea8; */ /* border-top: 4px solid #00a8e3; */ /* border-bottom: 4px solid #00a8e3;*/transition: 0.3s;}
.page-search .card:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 1px, rgba(0, 0, 0, 0.10) 0px 4px 2px, rgba(0, 0, 0, 0.08) 0px 8px 4px;transition: 0.1s !important;}
.page-search .card:hover h4{ transition: 0.15s;}
.page-search .card:hover h4 .bi{box-shadow: 0 4px 8px -1px #0004;transition: 0.1s;scale: 1.09;}
.page-search .card h4{margin: 0px; border-radius: 7px; margin-bottom: 9px; color: #2c2c60; /* background-color: #040d65; */ padding: 0px; text-align: right; font-size: 1.1rem; /* background: linear-gradient(340deg, #027797, #027797bb); */ z-index: 1; transition: 0.3s; /* border-right: 5px solid #00a8e3; */ font-family: iranyekanrd; display: flex; font-weight: 400;    align-items: center;background-color: #f5f5f5;}
 .page-search .card h4 .bi{    background-color: #00a8e3; /* background-color: #3e0178; */ width: 30px; height: 30px; display: inline-flex; text-align: center; border-radius: 7px; color: white; /* padding-top: 4px; */ box-shadow: 0 3px 6px -2px #0004; justify-content: center; margin-left: 7px; align-items: center; transition: 0.3s; /* font-family: iransans; */ font-size: 16px; font-weight: 800; /* font-weight: 300; */ text-shadow: 1px 2px 3px #0004;}
.page-search .card a{color: #4f5458; border-radius: 5px;padding-left: 5px;}
.page-search .card a:hover{color: #101010;font-weight: 400;background-color: #f5f5f5; border-radius: 5px;background-color: #f5f5f5;}
.page-search .card span.title{ font-size: 1rem; color: #000000d6; z-index: 2; /* background-color: #fdfdfd; */ justify-content: center; align-items: center; /* padding: 15px 0 6px 0; */ /* border-radius: 10px; */ /* background-color: #f5f5f5; */ /* border: 8px solid #fdfdfd; */ /* padding: 11px; */ text-align: center; margin: 12px 0px; display: inline-block; padding: 7px;}

.page-search .card#marja div[class^="col"]{text-align: center;}
.page-search .card#marja #fa:hover .flag{scale: 1.05;}
.page-search .card#marja #en{direction: ltr;}
.page-search .card#marja #en .bi{margin-left: 0;margin-right: 7px;}
.page-search .card#marja #en:hover .flag{scale: 1.05;}

.page-search .card#other_lang {text-align: center;}
.page-search .card#other_lang table{width: 100%;}
.page-search .card#other_lang table tr:not(:last-child){border-bottom: 1px solid #0001;}
.page-search .card#other_lang table tr:hover{background-color: #00000008;}
.page-search .card#other_lang table tr td:nth-child(1){font-weight: 600; display: flex; justify-content: right;padding: 5px 0; }
.page-search .card#other_lang table tr td:nth-child(2){text-align: left; }
.page-search .card .flag{    width: 21px; height: 16px; background-size: cover; background-repeat: no-repeat; display: inline-block;  border-radius: 5px; background-position: center; border: 1px solid #0008;z-index: 1;}
.page-search .card ul{margin: 0;list-style: none;     padding: 0 0px; }
.page-search .card ul:not(.card#dl ul){column-count: 2;}
.page-search .card#dl ul {padding: 0;text-align: left;direction: ltr;}
.page-search .card#dl ul li{display: inline-block;}
.page-search .card#dl .btn{font-size: 0.8rem;  border: none; background-color: transparent; color: black;;transition: 0.2ms;}
.page-search .card#dl .btn:hover{ background-color: #ebedf5;  ;transition: 0.1ms;}

.page-search .row#first_row{background: linear-gradient(340deg, #fbfbfb, #fff); padding: 18px; border-radius: 15px; height: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; color: #454a4e; transition: 0.3s; border-top: 4px solid #00a8e3; text-align: center;    font-size: 1rem; font-weight: 700;}
.page-search .row#first_row  h4{margin: 0px; border-radius: 7px; margin-bottom: 9px; color: #2c2c60;  padding: 0px; text-align: right; font-size: 1.1rem;  z-index: 1; transition: 0.3s;  font-family: iranyekanrd; display: flex; font-weight: 400;    align-items: center;background-color: #f5f5f5;}
.page-search .row#first_row  h4 .bi{background-color: #00a8e3; width: 30px; height: 30px; display: inline-flex; text-align: center; border-radius: 7px; color: white;box-shadow: 0 3px 6px -2px #0004; justify-content: center; margin-left: 7px; align-items: center; transition: 0.3s; font-size: 16px; font-weight: 800;  text-shadow: 1px 2px 3px #0004;}
.page-search .row#first_row #marja{}
.page-search .row#first_row  #other_lang{direction: ltr;}
.page-search .row#first_row  #other_lang .bi{margin-left: 0 !important;margin-right: 7px !important;}



.page-search .sidebar .sidebar_headings{ width: 100%; position: flex; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; height: 100%; cursor: pointer;}
.page-search .sidebar hr{opacity: 1; border-color: #eee;;}
.page-search .sidebar div.separator{    background-color: #0000000a; border-radius: 6px; padding: 4px 8px; font-size: 1rem; font-weight: 600; margin: 5px 0;;}
.page-search .sidebar div.separator span{    width: 10px; background-color: #b300e3; height: 10px; display: inline-block; border-radius: 4px;}





@media (max-width: 992px) {
  .page-search article.entry div[class^="col"]:not(#fa,#en) {
    margin-bottom: 10px;
  }
}


@media (max-width: 992px) {
  .page-search #dl_box {
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .page-search #crumb-path a {
    padding: 5px 2px;
  }
}












/* 
********************************
page-categories
******************************** */

.page-categories .cat{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  color: #444;
  transition: 0.2s;
}

.page-categories .box{
  background-color: white;
  color: #0f4c98;
  height: 100px;
  width: 100px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgb(72 72 161 / 5%) 0px 4px 21px, rgb(32 32 63 / 5%) 0px 5px 35px -5px;
  transition: 0.3s;  
}

.page-categories .cat:hover .box{
  background-image: linear-gradient(158deg, #12c6f6, #0b82f5);
  color: white;
  box-shadow: rgb(25 151 206 / 35%) 0px 7px 26px;
  transition: 0.2s;
}


.page-categories .box i{
  font-size: 1.6rem;
  display: flex;
  text-shadow: 0 3px 5px #0002;

}






@media (min-width: 1400px){
  #page-categories .container {
      max-width: 1000px;
  }
}





/* 
********************************
Book Search page
******************************** */


section#page-search {
  /* padding-top: 200px !important; */
  background-color: #f8f9fd;
}

.boxes #searchbox{
  margin: 0;
  margin-bottom: 40px;
  border-radius: 13px;
  font-size: 0.9rem;
  background-color: #0000000a;
}

.boxes #filter{
  margin: 0;
  margin-bottom: 40px;
  /* border: 1px solid #c9c9d0; */
  /* padding: 15px; */
  border-radius: 13px;
  font-size: 0.9rem;
  background-color: #ffffff;
  justify-content: space-between;
}

.boxes #filter .col-auto{
  padding: 10px 15px;
}
.boxes #filter .col-auto:not(:last-child){
/* border-left: 1px solid #0000000d; */
}

.boxes #filter select{
  background: #ffffff47;
  border: 1px solid #0000002e;
  border-radius: 8px;
  padding: 5px 7px;
  color: #525252;
  font-size: 0.9rem;
  cursor: pointer;
}

.boxes #filter select:focus{
  border: 1px solid #0000003a;
  box-shadow: 0 1px 3px -1px #0005;
  background: #ffffff60;

}

.boxes #filter select:active{
  border: 1px solid #0000003a;
  box-shadow: 0 1px 3px -1px #0005;
}


.boxes #filter label{
  font-weight: 600;
  color: #222;
  font-size: 0.95rem;
  margin-left: 10px;
}
.boxes #filter .sort_holder{
  height: 100%;
  display: flex;
  align-items: center;
  gap: 3px;
}
.boxes #filter a.sort_type{
  border-radius: 8px;
  padding: 4px 8px;
  color: #444;
  height: 100%;
  display: flex;

  align-items: flex-end;
}
.boxes #filter a.sort_type:hover{
background-color: #efeff4;
}





.boxes #filter {
  margin-bottom: 25px;
  }
.boxes #filter .icon_holder i:hover {
    cursor: pointer;
    background-color: #efeff4;
  }
.boxes #filter a.sort_type:hover {
    /* background-color: #efeff4; */
  }
.boxes #filter a.sort_type {
  cursor: pointer;
  }
.boxes #filter .icon_holder i.active {
    color: #00a8e3;
    background-color: #efeff4;
  }
.boxes #filter a.sort_type.active {
    color: #197392;
    background-color: #efeff4;
    font-weight: 700;
  }
  
  







.boxes #filter .icon_holder{
  height: 100%; vertical-align: middle; display: inline-flex; align-items: center;
  gap: 5px
}

.boxes #filter .icon_holder i{
    /* margin-right: 5px; */
    font-size: 1rem;
    height: 33px;
    width: 33px;
    /* padding: 5px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    /* box-shadow: 0 1px 3px #0002;*/
}

.boxes #filter .icon_holder i:hover{

cursor: pointer;
background-color: #efeff4;
}

.boxes #filter .icon_holder i.active{
color: #00a8e3;
}



.boxes .entries{
  direction: rtl;
  font-family: iransansweb;
  color: #4f5458;
}

.boxes #results div[class^='col']{
  margin-bottom: 25px;
}


.boxes .box{
  background: linear-gradient(340deg, #fbfbfb, #fff);
  background: white;
  border: none;
  padding: 15px;
  border-radius: 25px;
  height: 100%;
  overflow: hidden;
  color: #454a4e;
  /* text-align: center; */
  position: relative;
  width: 100%;
  box-shadow: rgb(4 21 58 / 11%) 0px 6px 16px 0px;
  /* border-color: #000000; */
  /* border: 1px solid #0000000a; */
  transition: 0.2s;
  bottom: 0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1.95px 2.6px;
  box-shadow: #e6eaef 0px 2.95px 3.6px;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

#search_page  .boxes #results .box{
  /* padding-bottom: 55px ; */
}

.boxes #results .box:hover{
  box-shadow: rgb(4 21 58 / 11%) 0px 6px 16px 0px;
  /* background: linear-gradient(340deg, #fbfbfb, #fff); */
  bottom: 3px;
  transition: 0.05s;
}

.boxes #results .box.lg_box{
  padding-bottom: 15px !important;
  transition: 0.4s;
}

.boxes #results .box.lg_box:hover{
  box-shadow: rgb(4 21 58 / 11%) 0px 6px 16px 0px;
    /* background: linear-gradient(340deg, #fbfbfb, #fff); */
    bottom: 0px !important;
    transition: 0.1s;
}

/* 
.boxes .box:hover{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px, rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px;
  transition: 0.15s;
} */


.boxes .lg_box a.cover_link{
float: right ;
height: 100%;
}

.boxes .box .cover{
  /* margin: -10px; */
  margin-bottom: 20px;
  margin-left: 0;
  
  transition: 0.2s;
}


.boxes .lg_box .cover {
  margin: 0px;
  margin-left: 15px;
  /* margin-bottom: 8px; */
  display: inline-block;
  /* transition: 0.2s; */
  height: 100%;
}

.boxes .box a{
color: unset;
/* transition: 0.3s; */
}
.boxes .box a:hover{
color: #0f4c98;
transition: 0.15s;
}

.boxes .box .cover img{
  width: 100%;
  /* height: 220px; */
  border-radius: 20px;
  box-shadow: 0 1px 3px -1px #0004;
  object-fit: cover;
  overflow-clip-margin: unset;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
  /* transition: 0.2s; */
  box-shadow: rgba(50, 50, 93, 0.25) 0px 20px 25px -15px, rgba(0, 0, 0, 0.15) 0px 5px 10px -22px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px -5px;
  aspect-ratio: 1 / 1;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 22px 20px -20px;
}


.boxes .lg_box .cover img {
  width: 170px;
  min-height: 170px;
  border-radius: 18px;
  box-shadow: 0 1px 3px -1px #0004;
  object-fit: cover;
  height: 100%;
}




.boxes .box .tags{
  display: none;
}
.boxes .lg_box .tags{
  margin-top: 10px;
  display: block;
}
.boxes .lg_box .tag{
  padding: 2px 7px;
  font-size: 0.8rem;
  border-radius: 15px;
  margin-left: 5px;
}

.boxes .lg_box .tag#tag1{
  background-color: #ffeaf5;
  color: #ac1547;
}
.boxes .lg_box .tag#tag2{
  background-color: #e7ecfb;
  color: #3b53b8;
}
.boxes .lg_box .tag#tag3{
  background-color: #fff0e5;
  color: #a45f42;
}




.boxes .box .name{
  font-size: 1rem;
  font-weight: 700;
  font-family: 'iransansweb';
  text-align: justify;
  color: #222;
  margin-bottom: 10px;
  line-height: 1.7;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.boxes .box .name:hover{
color: #0f4c98;
}

.boxes .lg_box .name {
  font-weight: 700;
  margin: 20px 0;
  margin-bottom: 15px;
  font-family: 'iransansweb';
  font-size: 1.15rem;
  color: #333;
  display: block;
}


.boxes .box .box_row{
  
  justify-content: space-between;
  margin: 15px 0 20px 0;
}

.boxes .lg_box .box_row {
  display: block;
  justify-content: space-between;
  /* margin: 20px 0; */
}

.boxes .box .category{
  font-size: 0.75rem;
  display: inline-block;
  color: #868686;
}

.boxes .box .time_date_row{
  font-size: 0.75rem;
  display: inline-block;
  color: #868686;
}

.boxes .box .stars{
  font-family: iranyekanfn;
  margin-top: 1px;
  font-size: .8rem;
  color: #008fc1;
  white-space: nowrap;
  /* text-shadow: 0 1px 2px #006c9321; */
}
.boxes .box .stars i{
  font-size: 1.1rem;
  color: #00a8e3;
  font-size: .75rem;
  transition: 0.25s;
}

.boxes .box:hover .stars i{
  scale: 2;
  text-shadow: 0 1px 4px #006c9347;
transition: 0.15s;
}

.boxes .box .stars .comments{
    /* border: 1px solid #a5a5ff; */
    color: #7f7f7f;
    border-radius: 10px;
    padding: 0 2px;
    display: inline-block;
    margin-left: 0px;
    font-size: 0.72rem;
}


.boxes .box .footer_row{
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}


.boxes .box .footer_row .buy{
  display: inline-flex;
}

.boxes .box .footer_row .buy:hover{

}

.boxes .box .footer_row .buy a{
  color: white;
  padding: 5px 15px;
  border-radius: 14px;
  font-weight: 300;
  transition: 0.2s;
  background-color: #eff0f4b8;
  color: #444;
}

.boxes .box .footer_row .buy a:hover{
  background-color: #0f4c98;
  color: white;
  transition: 0.05s;
}







.boxes .box .description , section .box .description{
  display: none;
  text-align: justify;
  font-size: 0.9rem;
  margin-top: 33px;
  color: #555;
}

.boxes .lg_box .description{
  display: block;

    /* inline-size: 396px; */
    overflow-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    display: none;

}


.boxes .box .price{
  font-weight: 200;
  font-size: 0.7rem;
  display: inline-block;
  padding: 6px 7px;
  border-radius: 14px;
  /* float: left; */
  background-color: #f1f3f6;
  color: black;
  display: inline-flex;
  align-items: center;
}

.boxes .box.discounted .price{
  background-color: #00986B;
  color: white;
}

.boxes .lg_box .price {
  float: unset;
}


.boxes .box .price span{
  font-family: 'iranyekanfn';
  font-size: 0.8rem;
  font-weight: 500;
  margin-left: 5px;
}

.boxes .box .beforeOffPrice span{
  font-family: 'iranyekanfn';
  font-size: 0.73rem;
  text-decoration-line: line-through;
  color: white;
  background-color: #DC5B5D;
  border-radius: 10px;
  display: inline-block;
  padding: 2px 5px;
  font-weight: 400;
  height: 22px;

}

.boxes .box .offPercent span{
  position: absolute;
  top: 9px;
  right: 9px;
  background-color: #f46265;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-radius: 9px;
  border: white;
  padding: 0 8px;
  color: white;
  /* width: 41px; */
  height: 23px;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: flex-end;
  font-weight: 600;
  font-family: 'iranyekanfn';
  box-shadow: 0 2px 3px #0004;
  text-shadow: 0 1px 3px #0006;
  /* border: 1px solid #ffffff57; */
}








.boxes .lg_box .course_details{
  margin-bottom: 45px;
}
.boxes .box .course_details div{
  margin-left: 25px;
  color: #515151;
  font-weight: 300;
  display: flex;
  transition: 0.0s;
  margin-bottom: 4px;
}
.boxes .lg_box .course_details div{
  margin-bottom: 0px;
  display: inline-flex;

}

.boxes .box .course_details div a{
  display: flex;
  align-items: center;
  gap: 6px;
}


.boxes .lg_box .course_details div:hover{
  font-weight: 500;
  color: #444;
  transition: 0.0s;
}

.boxes .box .course_details .students{
  display: none;
}

.boxes .box .course_details .duration{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.boxes .lg_box .course_details a{
  display: inline-flex;
}


.boxes .lg_box .course_details a:hover{
  color: #0f4c98 !important;
}


.boxes .box .course_details i{
  display: inline-flex;
  background-color: #f1f3f6;
  padding: 5px;
  border-radius: 40%;    color: #555;
}

.boxes .lg_box .course_details i{
  
}




.boxes .lg_box .presenter{

}
.boxes .lg_box .students{
  display: inline-flex;
}

.boxes .box .students{
  display: none;
}

.boxes .lg_box .students span.students_num{
  display: inline-flex;
  margin-left: 5px;
}

.boxes .box .duration{
  display: none;
}

.boxes .lg_box .students{
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}
.boxes .lg_box .duration{
  display: inline-flex !important;
  align-items: center;
}

.boxes .lg_box .course_details div i{
  font-size: 1.2rem;
  display: inline-flex;
  margin-left: 5px;
}



.boxes .box a.btn_holder{
  /* text-align: left; */
  }

.boxes .box a.btn_buy{
  background-color: #eff0f4b8;
  padding: 13px 13px;
  border-radius: 43%;
  color: #0f4c98;
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: flex;
  transition: 0.3s;
}

.boxes .box:hover a.btn_buy{
  background-color: #0f4c98;
  color: white;
  transition: 0.1s;
}

.boxes .lg_box a.btn_buy{
  padding: 8px 15px;
  border-radius: 13px;
  transition: 0.1s;
}
.boxes .box a.btn_buy i{
  align-items: center;
  display: flex;
}


.boxes .box a.btn_buy:hover{
  background-color: #0c3870;
  color: white;
}








@media only screen and (max-width: 768px) {
  #filter .col-auto#box_type{
    display: none;
  }
  .boxes #filter {
    justify-content: center;
  }
  .boxes #filter .sort_holder {
    flex-direction: column;
  }
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .boxes .lg_box .cover img{
    width: 190px;
  }

  .boxes .lg_box .name{
      margin: 10px 0;
    margin-bottom: 10px;
    font-size: 1.06rem;
  }
  .boxes .lg_box .course_details{
    font-size: 0.8rem;
    margin-top: 5px;
  }
  .boxes .box .course_details div{
    margin-left: 10px;
  }
  .boxes .lg_box .course_details div i{
    margin-left: 0;
    padding: 3px;
    font-size: 0.9rem;
  }
  .boxes .box .course_details div a{
    gap: 5px;
  }
  .boxes .box .students{
    gap: 5px;
  }
  .boxes .box .course_details .duration{
    gap: 5px;
  }
  .boxes .lg_box a.btn_buy {
    font-size: 0.8rem;
  }

  .boxes .lg_box .tag{
    font-size: 0.77rem;
  }

  
}






/******************
 course page 
 *****************/
.boxes .breadcrumb {
  display: block;
}

.boxes .breadcrumb .col-auto{
  padding: 12px 12px !important;
}

.boxes .breadcrumb .col-auto i.bi-chevron-left{
  display: inline-block;
  text-wrap: wrap;
}

.boxes .breadcrumb .col-auto {
  background-image: url(happy.svg);
}

.boxes .breadcrumb .icon {
  margin-left: 5px;
  display: none;
}

.boxes .breadcrumb .sort_holder {
  height: 100%;
  display: contents !important;
  align-items: center;
  gap: 5px;
}

.boxes .breadcrumb .sort_holder a.sort_type {
  text-wrap: pretty;
  display: inline !important;
}



#course_page .boxes #filter {
  margin: 0;
  margin-bottom: 40px;
  /* border: 1px solid #f0f0fdc7; */
  /* padding: 15px; */
  border-radius: 13px;
  font-size: 0.9rem;
  background-color: #0000000d;
  justify-content: space-between;
}



#course_page .page-search #sidebar .box h4 {
  padding: 10px;
  margin-bottom: 10px;
  font-family: 'iransansweb';
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.6;
}

#course_page #sidebar .sidebar_row{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

#course_page #sidebar .sidebar_row .right{
  font-weight: 700;
}

#course_page #sidebar .sidebar_row .left span{
  font-family: 'iranyekanfn';
    font-weight: 600;
}


#course_page #sidebar a.course_buy{
  background-color: #0f4c98;
  width: 100%;
  display: block;
  text-align: center;
  padding: 9px;
  border-radius: 15px;
  color: white;
  margin-top: 25px;
  transition: 0.2s;
  cursor: pointer;
}

#course_page #sidebar a.course_buy:hover{
  background-color: #0a366b;
  transition: 0.1s;
}







#course_page .course_box{
  background-color: white;
  padding: 25px;
  border-radius: 25px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  margin-bottom: 25px;
}



/* index page box */

#course_page .boxes .box{
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(14, 63, 126, 0.05) 0px 0px 0px 1px, rgba(42, 51, 69, 0.05) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.05) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.05) 0px 6px 6px -3px, rgba(14, 63, 126, 0.05) 0px 12px 12px -6px, rgba(14, 63, 126, 0.06) 0px 24px 24px -12px;
}
#course_page #links .box h5 {
  font-family: iransans;
  font-weight: 700;
}

#course_page #sidebar .box{
margin-bottom: 25px;
}

#course_page #sidebar .box.social_media .row{
  /* gap: 3px 0; */
}
#course_page #sidebar .box.social_media [class^='col-']{
  padding: 0 5px;
}
#course_page #sidebar .box.social_media .box_body{
  padding: 7px 15px;
}
#course_page #sidebar .box.social_media .box_body a{
  color: unset;
  /* transition: 0.3s; */
  text-align: center;
  padding: 15px 0;
  display: block;
  border-radius: 15px;
  /* margin-bottom: 11px; */
}
#course_page #sidebar .box.social_media .box_body a:hover{
  background-color: #eeeef5;
  transition: .1s;
}

#course_page #sidebar .box.social_media .box_body img{
  width: 25px;
  height: 25px;
  box-shadow: none;
  border-radius: 0;
}

#course_page #sidebar .box.social_media .bottom{
margin-top: 10px;display: none;
}


#course_page .swiper .box:hover{
  box-shadow: rgb(4 21 58 / 11%) 0px 6px 16px 0px;
  bottom: 3px;
  transition: 0.05s;
}


#course_page .boxes .box:hover .footer_row .buy a{
background-color: #0f4c98;
color: white;
}

#course_page .boxes .box .footer_row .buy a:hover{
background-color: #0c3972;

}

#course_page .boxes .course_details{
  display: inline-flex;
  flex-direction: column;
  font-size: 0.85rem;
}

#course_page .boxes .box .presenter{
  margin-left: 0;
  margin-bottom: 7px;
}

#course_page .boxes .duration{
  margin-left: 0;
}





#course_page .course_title{
  font-family: iranyekanrd;
  font-weight: 600;
  text-align: justify;
  line-height: 1.7;
  font-size: 1.3rem;
  margin-bottom: 25px;
}

#course_page video{
  border-radius: 20px;
  width: 100%;
}

#course_page .course_summary{
  margin-top: 30px;
}

#course_page .course_summary p{
  font-size: 0.95rem;
  color: #444;
  /* font-family: danafanum; */
  font-weight: 400;
  text-align: justify;
}

#course_page .course_summary strong{
  font-weight: 900;
  font-size: 1rem;
}

#course_page .course_swiper{
  margin: 25px 0;
}

#course_page .course_swiper .swiper_box{
  display: flex;
  background-color: white;
  /* border: 1px solid #0001; */
  border-radius: 10px;
  /* padding: 0 15px; */
  /* box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; */
}

#course_page .course_swiper .right i{
  font-size: 1.4rem;
  display: flex;
  margin-left: 8px;
  background-color: #f3f6f7;
  background-color: #eef0f4;
  border-radius: 8px;
  padding: 6px;
}

#course_page .course_swiper h6{
  margin: 2px;
  color: #4f5458;
  font-family: 'iransansweb';
  font-weight: 900;
  font-size: 0.91rem;
  line-height: 1.3;
}

#course_page .course_swiper span{
  color: #a9a9a9;
  /* font-family: 'iranyekanfn'; */
  font-weight: 300;
  font-size: 0.8rem;
}

#course_page .course_swiper a{
  color: #333;
  display: block;
}

#course_page .course_swiper a:hover{
  color: #0f4c98;
}


#course_page .course_date{
  background-color: white;
  border-radius: 15px;
  /* padding: 15px; */
  /* box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; */
}

#course_page .course_date table{
  width: 100%;
  text-align: center;
}

#course_page .course_date th{
  background-color: #f3f6f7;
  padding: 15px;
  font-size: 1rem;
  font-weight: 800;
}
#course_page .course_date th:first-child{
border-top-right-radius: 10px;
}
#course_page .course_date th:last-child{
border-top-left-radius:10px ;
}
#course_page .course_date td{
  padding: 20px 15px 0 15px;
  font-family: iranyekanfn;
}


#course_page .modal table tr td:nth-child(2){
text-align: left;
}

#course_page .modal table h6{
  margin: 0;
  text-wrap: nowrap;
  padding: 10px 0;
}
#course_page .modal table select{
  min-width: 110px;
  border: 0;
  background-color: #0000000a;
  padding: 1px 6px;
  color: #444;
  border-radius: 7px;
  cursor: pointer;
}




@media screen and (max-width: 576px) {
  #course_page .course_swiper .swiper_box{
    padding: 15px 0;
  }
}











/* sticky sidebar */

.section {
  /* height: 250px;
  background: #bbb;
  text-align: center;
  padding: 20px 0; */
}

.main-section {
  /* width: 1100px;
  margin: 50px auto;
  clear: both; */
}

.main-section:before,
.main-section:after {
  content: '';
  display: table;
  clear: both;
}

.left-side {
  /* width: 250px; */
  /* height: 200px; */
  /* background: #ddd; */
  /* display: inline-block; */
  /* float: left; */
}

.left-side.fixed {
  position: fixed;
  top: 50px;
  bottom: auto;
  width: 416px !important;
  height: auto !important;
  float: right;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.right-side {
  /* width: 750px; */
  /* display: inline-block; */
  /* vertical-align: top; */
  /* float: right; */
}

.right-side div {
  /* background: #999;
  height: 250px; */
}

.right-side div+div {
  /* margin-top: 50px; */
}












@media (max-width: 1400px) {
  #course_page .left-side.fixed{
    width: 356px !important;
  }
}
@media (max-width: 1200px) {
  #course_page .left-side.fixed{
    width: 295px !important;
  }
}

@media (max-width: 992px) {
  #course_page .left-side{
    margin-top: 25px;
  }
}













/*--------------------------------------------------------------
# faq page
--------------------------------------------------------------*/




#faq_page .accordion-item {
  border: 0;
  margin-bottom: 10px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
  transition: 0.1s; 
}

#faq_page .accordion-item:hover {
  
  box-shadow: rgba(14, 63, 126, 0.02) 0px 0px 0px 1px, rgba(42, 51, 69, 0.02) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.02) 0px 1px 1px -1.5px, rgba(42, 51, 70, 0.02) 0px 6px 6px -3px, rgba(14, 63, 126, 0.02) 0px 10px 10px -4px, rgba(14, 63, 126, 0.02) 0px 18px 13px -12px;
  transition: 0.1s; 
}

#faq_page .accordion-collapse {
  border: 0;
}

#faq_page .accordion-button {
  padding: 20px 55px 20px 50px;
  font-weight: 600;
  border: 0;
  font-size: 0.95rem;
  color: var(--color-default);
  /* text-align: left; */
  background: rgb(255 255 255);
  color: #444;
  /* border-radius: 5px; */
  /* font-family: 'iranyekanrd'; */
  font-weight: 500;
  box-shadow: rgb(222 226 230 / 60%) 0px -1px 0px 0px inset !important;
  text-align: right;
  direction: rtl;
  line-height: 1.7;
  transition: 0.15s;
}

#faq_page .accordion-button:focus {

transition: 0.15s;
}

#faq_page .accordion-button:not(.collapsed) {
  color: var(--color-primary);
  border-bottom: 0;
  /* box-shadow: none; */

}

#faq_page .question-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  color: var(--color-primary);
}

#faq_page .accordion-button:after {
  position: absolute;
  left: 15px;
  top: 20px;
}

#faq_page .accordion-body {
  padding: 20px;
  border: 0;
  background: rgb(14 29 52 / 1%);
  border-radius: 5px;
  color: #000c;
  font-weight: 300;
  font-size: 0.91rem;
  text-align: justify;
}

.accordion {
--bs-accordion-btn-icon-transform: rotate(180deg);
}





#faq_page h1 {
  font-family: 'iranyekanrd';
  margin-bottom: 45px;
}

#faq_page .faq_img {
  text-align: center;
}

#faq_page .faq_img img{
  width: 260px;
}







/******************
 index page 
 *****************/

 main{
  background-color: #f4f4fc;
  background-color: #f8f9fd;
 }
section{
  padding: 50px 0px !important;
  direction: rtl;
}
section .sec_header{
  padding: 0px 15px !important;

}

section .sec_header .more{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;

}



.sec_header h3.title {
  font-family: 'iranyekanrd';
  font-weight: 600;
  /* font-family: danafanum; */
    font-weight: 600;
    font-size: 2rem;
}

.sec_header h5.subtitle {
  font-size: 1rem;
  font-weight: 300;
  color: #747474;
}

.sec_header a {
  color: #546e80;
  /* background-color: #0f4c98; */
  padding: 5px 9px;
  border-radius: 14px;
  margin-right: 8px;
  font-weight: 200;
  font-size: 0.9rem;
  /* box-shadow: 0px 5px 34px -2px rgb(143 129 231 / 85%); */
  text-wrap: nowrap;
  /* box-shadow: 0px 5px 17px 0px rgb(143 129 231 / 64%); */
  transition: 0.3s;
  display: flex;
  align-items: center;
  /* align-items: baseline; */
}

.sec_header a:hover{
  background-color: #0f4c98;
  color: white;
}

.sec_header a i{
  font-size: 0.7rem;
  margin-right: 5px;
  display: flex;
}




@media (max-width: 576px) {
  .sec_header a{
    width: 35px;
    height: 35px;
    background-color: #0f4c98;
    color: white;
    align-items: center;
    justify-content: center;
  }
  .sec_header a i{
    margin: 0;
  }
  .sec_header a span{
    display: none;
  }
  .back-to-top{
    bottom: 80px;
  }
}





/* index page box */

#index_page .boxes .box{
  height: 100%;
  display: flex;
  flex-direction: column;
}


#index_page .boxes .box:hover{
  box-shadow: rgb(4 21 58 / 11%) 0px 6px 16px 0px;
  bottom: 3px;
  transition: 0.05s;
}


#index_page .boxes .box:hover .footer_row .buy a{
background-color: #0f4c98;
color: white;
}

#index_page .boxes .box .footer_row .buy a:hover{
background-color: #0c3972;

}

#index_page .boxes .course_details{
  display: inline-flex;
  flex-direction: column;
  font-size: 0.85rem;
}

#index_page .boxes .box .presenter{
  margin-left: 0;
  margin-bottom: 7px;
}

#index_page .boxes .duration{
  margin-left: 0;
}









/* index page Featured_books */
#index_page section.featured_books{background-color: #f2f0fe;box-shadow: inset 0px 0px 23px #0002; padding: 100px 0 !important}

#index_page .featured_books .box { padding: 22px; background: linear-gradient(340deg, #fbfbfb, #fff); border: none; border-radius: 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; color: #454a4e; transition: 0.25s; position: relative;     box-shadow: 0 30px 60px rgba(0,0,0,.2);}
#index_page .featured_books img.book_img{ width: 100%; height: 345px; border-radius: 9px; box-shadow: 0 1px 3px -1px #0004; object-fit: cover; }
#index_page .featured_books .book_title{ display: flex; }
#index_page .featured_books .book_title i{ font-size: 2.7rem; color: #6c5dd2; }
#index_page .featured_books .book_title img{width: 48px; margin-left: 8px;}
#index_page .featured_books .book_title .book_name{ font-family: 'iranyekanfn'; font-size: 1.2rem; font-weight: 600; }
#index_page .featured_books .book_title .book_category{ color: #6c5dd2; }
#index_page .featured_books .book_synopsis span{ font-size: 1rem; font-weight: 500; margin-bottom: 10px; margin-top: 15px; display: block;}
#index_page .featured_books .book_synopsis p{text-align: justify;}
#index_page .featured_books .book_features label{color:#a9a9a9 ;}
#index_page .featured_books .book_features span{font-size: 1rem; font-weight: 600;}
#index_page .featured_books .book_writer{ display: inline-flex; flex-direction: column; }
#index_page .featured_books .book_year{ display: inline-flex; flex-direction: column;margin-right: 15px;}
#index_page .featured_books .book_price{display: flex;justify-content: space-between;align-items: center;}
#index_page .featured_books .book_price .price{display: inline-block;}
#index_page .featured_books .book_price .price span{color: #12142d; font-size: 1.5rem; font-weight: 700;}
#index_page .featured_books .book_price .beforeOffPrice{display: inline-block; margin-right: 10px; color: #a9a9a9; text-decoration: line-through;;}
#index_page .featured_books .book_price a{background-color: #6c5dd4; color: white; border-radius: 8px; padding: 10px 13px; display: inline-flex; align-items: center;}
#index_page .featured_books .book_price a:hover{background-color: #8274e6}
#index_page .featured_books .book_price a i{margin-left: 7px; display: inline-flex; align-items: center;}




/* 
featured_books parallax flipping
*/


#index_page .featured_books #flip_cards .cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#index_page .featured_books #flip_cards .col{
  width: calc(25% - 2rem);
  /* margin: 1rem; */
  /* cursor: pointer; */
  padding: 5px;
  /* overflow: hidden; */
}

#index_page .featured_books #flip_cards .container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
          
          padding: 0;
}

#index_page .featured_books #flip_cards .front,
#index_page .featured_books #flip_cards .back{
  background-size: cover;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
  border-radius: 14px;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	height: 239px;
	/* border-radius: 10px; */
	color: #fff;
	font-size: 1.5rem;
}

#index_page .featured_books #flip_cards .back{
  background: #36323f;
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(324deg,  #36323f 0%,#596a72 100%);
  
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
  background-color: #242424;
}

#index_page .featured_books #flip_cards .front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .0;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 14px;
}
#index_page .featured_books #flip_cards .container:hover .front,
#index_page .featured_books #flip_cards .container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

#index_page .featured_books #flip_cards .back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#index_page .featured_books #flip_cards .inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

#index_page .featured_books #flip_cards .container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#index_page .featured_books #flip_cards .container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#index_page .featured_books #flip_cards .container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

#index_page .featured_books #flip_cards .container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

#index_page .featured_books #flip_cards .front .inner p{
  margin-bottom: 1rem;
  position: relative;
  font-family: 'iranyekan';
  font-size: 1rem;
  font-weight: 300;
}

#index_page .featured_books #flip_cards .front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

#index_page .featured_books #flip_cards .front .inner span{
  color: rgb(215 215 215);
  font-weight: 300;
  /* letter-spacing: 2px; */
  font-size: 1rem;
}

#index_page .featured_books #flip_cards .back .inner span{
  font-size: 0.95rem;
  font-weight: 300;
  display: block;
  margin-bottom: 5px;
  color: #fff;
}
#index_page .featured_books #flip_cards .back .name{
  font-size: 1rem;
  font-weight: 300;
  display: block;
  margin-bottom: 5px;
  color: #fff;
}

#index_page .featured_books #flip_cards .back .name{
  /* margin-bottom: 1rem; */
  position: relative;
  font-family: 'iranyekan';
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 15px;
}

#index_page .featured_books #flip_cards .back .writer span{
  font-weight:200;
  color: #eee;
}

#index_page .featured_books #flip_cards .back .category span{
  font-weight:200;  color: #eee;
}

#index_page .featured_books #flip_cards .addToCart{
  font-size: 0.9rem;
  font-weight: 300;
  background-color: #6c5dd4;
  color: white;
  border-radius: 7px;
  padding: 3px 5px ;
  box-shadow: 0 5px 15px -4px #0003;
  margin-top: 10px;
  display: inline-block;
}

#index_page .featured_books #flip_cards .addToCart:hover{
  background-color: #5e51ba;
}













@media screen and (max-width: 64rem){
  #index_page .featured_books #flip_cards .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  #index_page .featured_books #flip_cards .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  #index_page .featured_books #flip_cards .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}








/******************
 index page Swiper 
 *****************/

.swiper {
  width: 100%;
  height: 100%;
  padding: 0 10px !important;
  cursor: move; /* fallback: no `url()` support or images disabled */
  cursor: url(images/grab.cur); /* fallback: Internet Explorer */
  cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
  cursor:    -moz-grab; /* Firefox 1.5-26 */
  cursor:         grab; /* W3C standards syntax, should come least */
}


.swiper :active {
  cursor: url(images/grabbing.cur);
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
  cursor:         grabbing;
}


.swiper-wrapper {
  width: 8300px !important;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.boxes .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  padding: 20px 0 52px 0px;
}



.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
  width: 35px !important;
  height: 35px !important;
  background-color: #f4f4fc;
  border-radius: 50%;
  opacity: 0.3;
  box-shadow: 0 2px 6px -2px #0008;
}

.swiper-button-next, .swiper-button-prev {
  opacity: 0.3;;transition: 0.3s;
}


.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev{
  opacity: 0.8;transition: 0.15s;
}

.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover{
  opacity: 1;transition: 0.15s;
}



.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
  font-size: 1.2rem;
  padding: 9px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev';
  font-size: 1.2rem;
  padding: 9px;
  color: #000000;;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .0 !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0 !important;
  cursor: auto  !important;
}

.swiper-pagination-bullet{
  transition: 0.4s;
  background-color: #0f4c98cf;
}
.swiper-pagination-bullet:hover{
  scale: 1.0;
  transition: 0.1s;
}

.swiper-pagination-bullet-active{
  background-color: #0f4c98 !important;
  scale: 1.05;
  width: 15px;
  border-radius: 10px;
  transition: 0.4s;
  opacity: 1 !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 3px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover {
  background-color: #0f4c98;
}
.swiper-pagination-bullet {
  opacity: 0.2
}

.swiper-pagination-bullet:hover {
  opacity: 0.4
  ;scale: 1.05;
}




@media (max-width: 992px) {

  .swiper-button-next, .swiper-button-prev {
    opacity: 0.8;
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    opacity: 0.8;
  }
}






/* index page counters */

#index_page section.counters{text-align: center; padding: 100px 0 !important;}
#index_page .counters i{color: #6c5dd4; font-size: 4rem;;}
#index_page .counters .icon_holder span{}
#index_page .counters .number_holder span{font-size: 3rem; font-weight: 700;}
#index_page .counters .title_holder span{font-size: 1rem; color: #aaa;}









/* index page testimonials */

#index_page section.testimonials{background-color: #f3f5f7;}
#index_page .testimonials .top{display: flex;justify-content: space-between;    margin-bottom: 20px;}
#index_page .testimonials .top .top_right{display: flex;}
#index_page .testimonials .top .user{display: flex; flex-direction: column; justify-content: center;}
#index_page .testimonials img{width: 60px; border-radius: 33px;    margin-left: 10px;}
#index_page .testimonials .name{font-size: 1rem;margin-bottom: 2px;}
#index_page .testimonials .username{font-size: 0.75rem; color: #999;;}
#index_page .testimonials .top_left i{font-size: 3rem; display: flex;}
#index_page .testimonials .bottom p{text-align: justify; color: #777;margin: 0;}
#index_page .testimonials .sec_header .more a {padding: 10px;    background-color: #00000017; border-radius: 8px;; transition: 0.15s;cursor: pointer;}
#index_page .testimonials .sec_header .more a:hover {background-color: #c9c9c9;color: #111; transition: 0.15s;}
#index_page .testimonials .sec_header .more a i{font-size: 1.1rem;;display: flex; margin: 0;}


/* modal */
#index_page .testimonials .modal textarea{width: 100%;     border-radius: 7px; border: 1px solid #0002;color: #666;box-shadow: 0 3px 8px -2px #0003; border: 0; padding: 15px; font-weight: 400;}
#index_page .testimonials .modal textarea:focus,#index_page .testimonials textarea:hover{outline: none;color: #444;}
#index_page .testimonials .modal .buttons a{background-color: #15bfbe14; color: #15bfbe; padding: 3px 18px; border-radius: 8px;;}
#index_page .testimonials .modal .buttons a:hover{background-color: #15bfbe; color: #fffe; }

#index_page .testimonials .modal-content{ background-color: #1c9cea; color: white; border-radius: 10px; padding: 18px 18px 13px 18px; box-shadow: 0 8px 35px -2px #0003;border: 0; }
#index_page .testimonials .modal-header{ border: 0;padding: 0;}
#index_page .testimonials .modal-header .btn-close{margin: 0; background-color: #ffffffad; box-shadow: 0 3px 8px -2px #0003; margin-right: 15px; opacity: 1;background-image: none;}
#index_page .testimonials .modal-header .btn-close:hover{ background-color: #fffe; }
#index_page .testimonials .modal-header .name{font-family: 'iransansweb'; font-size: 1rem; font-weight: 300; margin-top: 7px;text-shadow: 0 3px 8px #0003;}
#index_page .testimonials .modal-header .user img{margin-left: 15px;box-shadow: 0 3px 8px -2px #0003;    width: 45px; border-radius: 50%; margin-left: 10px; height: 45px; object-fit: cover;}
#index_page .testimonials .modal-header .user{text-shadow: 0 3px 8px #0003;    display: flex; align-items: center;}
#index_page .testimonials .modal-header .username{margin-top: 2px; display: flex;}
#index_page .testimonials .modal-header .username a{color: #dffaff;    margin-top: 0px;  direction: ltr; display: inline-block; text-align: left; letter-spacing: 0.2px; font-size: 0.8rem; font-weight: 500; font-size: 0.7rem;}
#index_page .testimonials .modal-body{padding: 0;    margin-top: 10px;}
#index_page .testimonials .modal textarea{border: 0;min-height: 70px; max-height: 260px;opacity: 0.8;}
#index_page .testimonials .modal textarea:hover{border: 0;opacity: 0.9}
#index_page .testimonials .modal textarea:focus{opacity: 0.9;}
#index_page .testimonials .modal-footer{ border: 0;justify-content: space-between;   padding: 0;}
#index_page .testimonials .modal-footer .btn{background-color: #167cba; border: 0; font-weight: 200; font-size: 0.9rem; padding: 8px 23px; margin-right: 0;}
#index_page .testimonials .modal-footer .btn:hover{background-color: #126698;}
#index_page .testimonials .modal-footer .left{margin: 0;font-weight: 200;    text-shadow: 0 2px 4px #0003;}




/*--------------------------------------------------------------
# Testimonials (default)
--------------------------------------------------------------*/
.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px;
  margin: 40px 30px;
  box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);
  background: #fff;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: 0.3s;
}

.testimonials .testimonial-item .stars {
  margin-bottom: 15px;
}

.testimonials .testimonial-item .stars i {
  color: #ffc107;
  margin: 0 1px;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  /* width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4154f1; */
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4154f1;
}

.testimonials .swiper-slide {
  opacity: 1;
}

.testimonials .swiper-slide .box{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px, rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px;
  padding: 20px;
  transition: 0.3s;
}
.testimonials .swiper-slide-next .box{
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px !important;
  
}

@media (max-width: 1199px) {
  .testimonials .swiper-slide-active {
    opacity: 1;
    
  }


  .testimonials .swiper-pagination {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .testimonials .swiper-slide-next {
    opacity: 1;
    
  }
}





/* index page publisher */
#index_page .publisher .publisherSwiper .box{
background: #0000;box-shadow: 0 0;
}

#index_page .publisher .publisherSwiper img{
  display: block;
  width: 100%;
  height: 170px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.7;
  transition: 0.3s;
}
#index_page .publisher .publisherSwiper img:hover{
  filter: grayscale(0);opacity: 1;
  transition: 0.15s;
}






/*--------------------------------------------------------------
# index Page links
--------------------------------------------------------------*/



#links .box {
  background-color: #fff;
  border-radius: 25px;
  margin-bottom: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* overflow: hidden; */
  color: #444655;
  padding: 7px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-family: iransansweb;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  height: 100%;
}


#links .box .box_header {
  display: flex;
  align-items: center;
  padding: 15px 15px;
  justify-content: space-between;
  height: 53px;
  position: relative;
}

#links .box.with_more_btn .box_header {
  padding: 8px 15px 8px 10px;
  height: 54px;
}

#links .box h5 {
  font-family: 'iranyekan';
  /* font-weight: 100; */
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
}

#links .box .box_header a.btn_more_news {
  background-color: #e8eaf2ba;
  padding: 8px ;
  display: block;
  border-radius: 10px;
  color: #545454;
  transition: 0.3s;
  display: flex;
  align-items: center;
  font-weight: 300;
}

#links .box .box_header a.btn_more_news:hover {
  background-color: #0f4c98;
  transition: 0.15s;
  color: white;
}

#links .box .box_header .btn_more_news_tooltip {
  position: absolute;
  bottom: 46px;
  left: 10px;
  background: white;
  padding: 7px 14px;
  z-index: 5;
  box-shadow: 0 3px 29px #0003;
  border-radius: 13px;
  border-bottom-left-radius: 6px;
  display: none;
}

#links .box .box_header i {
  display: flex;
  /* margin-right: 6px; */
}

#links .box .box_body {
  padding: 15px 15px 15px 15px;
  background-color: #fbfbff;
  border-radius: 20px;
  border: 1px solid #dcdee996;
}

#links #box_news.box .box_body {
  padding: 7px 7px;
  background-color: #fbfbff;
  height: calc(100% - 54px);
}

#links .box .box_body a.news_item {
  display: flex;
  align-items: flex-start;
  color: #444655;
  padding: 8px 8px;
  transition: .3s;
  border-radius: 14px;
}

#links .box .box_body a.news_item:hover {
  background-color: #eeeef5;
  color: #444;
  transition: .1s;
}

#links .box .box_body a.news_item:hover i {
  background-color: #0f4c98;
  color: #eeeef5;
  border: 1px solid transparent;
  box-shadow: 0 2px 11px #0f4c9870;
  transition: 0.15s;
}

#links .box .box_body a.news_item p {
  text-align: justify;
  margin: 0;
  line-height: 1.7;
  margin-top: 1px;
  font-size: 0.85rem;
}

#links .box i.list_icon {
  padding-top: 2px;
  display: block;
  margin-left: 10px;
  font-size: 0.9rem;
  background-color: white;
  display: inline-flex;
  padding: 4px;
  border: 1px solid #dddfeac4;
  border-radius: 8px;
  box-shadow: 0 2px 4px -1px #e8e9f5;
  color: #7e84a7;
  transition: 0.2s;
}

#links .box img {
  border-radius: 8px;
  box-shadow: 0 2px 4px -1px #e8e9f5;
  width: 35px;
  height: 35px;
}

#links #box_news.box i.list_icon {
  margin-left: 15px;
}

#links #box_announcement p {
  /* margin: 0; */
  /* line-height: 1.5; */
  line-height: 1.7;
}

#links #box_announcement p:last-child {
  margin: 0;
}











/*--------------------------------------------------------------
# index Page newsletter
--------------------------------------------------------------*/



#newsletter .box{
  background-color: #fffdfe;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  /* padding: 100px 140px; */
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
  box-shadow: rgb(4 21 58 / 11%) 0px 6px 16px 0px;

}

#newsletter .form_holder{
  padding: 9% 25% 8% 10%;
}

#newsletter .img_holder{
  padding: 20% 15%;
  text-align: center;

}

#newsletter form{
  display: flex;
  flex-direction: column;
}
#newsletter .form_holder h3{
  font-family: 'iranyekanrd';
  font-weight: 600;
  margin-bottom: 11px;
}

#newsletter input[type="email"]{
  background-color: transparent;
  border: 1px solid #00000030;
  outline: 0;
  border-radius: 6px;
  padding: 8px 14px;
  margin-bottom: 10px;
  text-align: center;
  color: #0f4c98;
}
#newsletter input[type="email"]:hover,#newsletter input[type="email"]:focus{
  border: 1px solid #0f4c98;
}

#newsletter input[type="submit"]{
  border: 1px solid #0f4c98;
  border-radius: 7px;
  background-color: transparent;
  color: #ebebeb;
  padding: 8px 22px;
  transition: 0.3s;
}
#newsletter input[type="submit"]:hover{
  background-color: #0f4c98;
  color: white;
  transition: 0.1s;
}
#newsletter .social{
display: flex;
margin-top: 45px;
}

#newsletter .social a{
  width: 33px;
  height: 33px;
  border-radius: 20px;
  margin-left: 5px;
  padding: 5px;
}

#newsletter .social a img{
width: 100%;
}

#newsletter .social #instagram{ background-color: #e81eb0; }
#newsletter .social #aparat{ background-color: #e81eb0; }
#newsletter .social #linkedin{ background-color: #0077b5; }
#newsletter .social #wikipedia{ background-color: #ff8100; }
#newsletter .social #bale{ background-color: #28a870;    padding: 8px; }
#newsletter .social #eita{ background-color: #db8c47; padding: 8px;}





@media (max-width:768px) {
  #newsletter .form_holder {
    padding: 9% 11% 8% 11%;
}
}





/*--------------------------------------------------------------
# info Page
--------------------------------------------------------------*/



/* polipop notifications for all pages */
.polipop_position_top-right {
  top: 85px;
}

.polipop_position_top-left,.polipop__notifications {
  top: 85px;
}
.polipop_theme_default .polipop__notification_type_success {
  background-color: #0ec47dcc;
  color: #fff;
  backdrop-filter: blur(4px);
}

.polipop_theme_default .polipop__notification_type_success:hover {
  background-color: #0ec47d;
}

.polipop_theme_default .polipop__notification_type_error {
  background-color: #f76860bf;
  color: #fff;
  backdrop-filter: blur(4px);
}

.polipop_theme_default .polipop__notification_type_error:hover {
  background-color: #f76860;

}


.polipop_layout_popups.polipop_theme_default .polipop__notification {
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(5px);
}

.polipop_theme_default {
  font-size: 14px;
  direction: rtl;
}

.polipop_theme_default .polipop__notification-icon {
  margin: 0 0 0 12px;
}

.polipop__notification-icon {
  float: right;
}
.polipop__notification-close {
  float: left;
}
.polipop__notification {
  text-align: right;
}
.polipop__notification-close {
  height: 27px;
  width: 27px;
}







.breadcrumb-item+.breadcrumb-item {
  padding-left: 0;
}


#info_page main {
  background-color: white;
  direction: rtl;
  background-color: #f4f4fc;
}



section.info{
  margin-top: 80px;
  background-color: #fbfbff;
}


.info .sidebar{
  /* background: white;
  padding: 10px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
  position: relative; */
}


.info .img_holder img{
  width: 100%;
  border-radius: 10px;
  /* margin-left: 20px; */
  box-shadow: 0 1px 3px -1px #0004;
}


.info .sidebar_btns{ margin: 20px 0;text-align: center;}
.info .sidebar_btns a{text-wrap: nowrap;    display: inline-block;
  margin-bottom: 5px;
  color: white;
  background-color: #6d5dd7;
  padding: 5px 10px;
  border-radius: 7px;
  cursor: pointer;}







.info .title{ font-family: iranyekanrd; font-size: 2rem; font-weight: 600; margin-bottom: 10px; }
.info .title_more{ text-align: left; }
.info .title_more select{ background: #ffffff47; border: 1px solid #0000002e; border: 0; border-radius: 8px; padding: 0px 1px; color: #525252; font-size: 0.9rem; cursor: pointer; font-weight: 700; }
.info .title_more select:focus{ border: 0; outline: 0; }

.info .title_more a.more_btn{ margin-right: 5px; padding: 5px 13px; background-color: #e4e7ee; color: #425365; border-radius: 5px; justify-content: center; align-items: center; cursor: pointer;display: inline-flex;}
.info .title_more a:hover{background-color: #d7dae0;}

.info .title_more a.more_btn i{ margin-right: 5px;display: flex;}

.info .detail_holder .stars{display: inline-block; margin-left: 20px; position: relative;;}

.info .detail_holder .stars .stars_icon_holder{ display: inline-block} 

.info .detail_holder .stars a{display: inline-block; color: #444444;;}
.info .detail_holder .stars .stars_holder{display: inline-block;border-radius: 5px;}
.info .detail_holder .stars .stars_holder i{color: #ffc302; font-size: 0.9rem;} 
.info .detail_holder .stars .stars_average{margin: 0 10px;    margin-left: 20px;}
.info .detail_holder .stars .comments_count span{}
.info .detail_holder .stars .comments_count i{    color: #7d6fe0;
  margin-left: 5px;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;}


.info .detail_holder .likes_count{display: inline-block;  margin-left: 20px;}
.info .detail_holder .likes_count span{}
.info .detail_holder .likes_count i{    color: #7d6fe0;
  margin-left: 5px;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;}


.info .detail_holder .category{display: inline-block;  margin-left: 20px;}
.info .detail_holder .category a{}
.info .detail_holder .category i{    color: #7d6fe0;
  margin-left: 5px;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;}



.info a.info_btns{

    padding: 6px 10px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.75rem;
  }

.info a.info_btns:hover{
opacity: 0.8;

}

.info a.info_btns.btn_like{
  border: 1px solid #DE5A5D;
  color: #de5a5d;
}

.info a.info_btns.btn_read{
  border: 1px solid #00996B;
  color: #00996B;   
}


.info a.info_btns i{
  height: 18px;
  margin-right: 10px;
}

.info .book_badge>span{
  box-sizing: border-box;
  background-size: 400px 900px;
  background-repeat: no-repeat;
  display: inline-block;
  /* vertical-align: top; */
  /* background-image: none!important; */
  border-radius: 5px 0 0 5px;
  padding: 4px 5px 4px 6px;
  color: #fff;
  /* font-style: normal; */
  position: relative;
  /* top: 1px; */
  margin-right: 4px;
  background-color: #C45500!important;
  font-size: 0.9rem;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 14px;
  font-weight: 300;}


.info .book_badge>span:before{
    border-bottom-color: #C45500!important;
    bottom: 0;
    border-style: dashed;
    border-width: 6px;
    border-color: rgba(255,255,255,0);
    border-bottom: 6px solid #3F6998;
    border-top-width: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border-bottom-width: 13px;
    content: "";
    position: absolute;
    right: -5px;}

.info .book_badge>span:after{
  top: 0;
  border-style: dashed;
  border-width: 6px;
  border-color: rgba(255,255,255,0);
  border-top: 6px solid #c45500;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  border-top-width: 13px;
  content: "";
    position: absolute;
    right: -5px;
}

.info .book_badge a{ display: inline;color:#7d6fe0 ;font-weight: 700; }


.info .description{
  margin-top: 13px;
  font-size: 0.95rem;
  color: #585858;
  max-height: 200px;
  overflow: hidden;
  position: relative;
  /* border-top: 1px solid #0002;
  padding-top: 10px; */
  text-align: justify;
  
}

.info .description p{
  margin-top: 5px;
  margin-bottom: 12px;
  /* height: 100%; */
}

.info .fade_desc{
  position: absolute;
  bottom: 0;left: 0;right: 0;
  height: 50px;
  background-image: linear-gradient(0deg, #fbfbff, transparent);
  }

.info .desc_btn{ cursor: pointer;margin-bottom: 17px;  ;color: #7d6fe0; font-size: 1rem;display: block;}
.info .desc_btn i{ font-size: 0.8rem;  }






.info .attributes{
  cursor: move;
  cursor: url(images/grab.cur);
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.info .attributes swiper-container { width: 100%; height: 100%; }
.info .attributes swiper-slide { display: flex; justify-content: center; align-items: center; }
.info .attributes swiper-slide { width: unset; }




.info .attributes .attribute{
  border-radius: 10px;
  padding: 10px;
  color: #878787;
  font-size: .8rem;
  display: inline-flex;
  font-weight: 300;
}
.info .attributes .attribute .attr_left{
padding-right: 10px;
}

.info .attributes .attribute span{
  display: block;
  font-weight: 600;
  color: #434344;
  font-size: .9rem;
}

.info .attributes .attribute i{
  font-size: 1rem;
  background: #e9e6fb;
  height: 39px;
  width: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #6d5dd7;
  border-radius: 8px;
}

.info .author{display: inline-block;;}
.info .translator{display: inline-block;}
.info .publisher{display: inline-block;}
.info .publish_year{display: inline-block;}
.info .format{display: inline-block;}
.info .size{display: inline-block;}
.info .length{display: inline-block;}
  
.info .author span{display: block;}
.info .translator span{display: block;}
.info .publisher span{display: block;}
.info .publish_year span{display: block;}
.info .format span{display: block;}
.info .size span{display: block;}
.info .length span{display: block;}
  


.info .more_btns {text-align: left;    text-align: left; display: inline-flex; align-items: center; justify-content: flex-end; width: 100%; height: 100%;}
.info .more_btns a{display: inline-block; text-wrap: nowrap; padding: 5px 14px; border-radius: 6px; cursor: pointer; transition: 0.3s; font-weight: 300;}
.info .more_btns .read_sample{color: #4293a4; background-color: #6bc9dd38;}
.info .more_btns .gift{color: #4da64d; background-color: #62d0622e;margin-left: 5px;}

.info .more_btns .read_sample:hover{color: #fffe; background-color: #4293a4;}
.info .more_btns .gift:hover{color: #fffe; background-color: #4da64d;}



.info hr.dashed{ border-top: 1px dashed; }
.info hr.solid{ border-top: 1px solid; }

.info .price_holder {margin-top: 30px;}
.info .price_holder .input_holder{display: inline-flex; align-items: center;height: 37px;}
.info .price_holder .input_holder.bad{display: inline-flex; align-items: center;height: 37px;}

.info .price_holder .price{display: inline-block;    margin-left: 15px;} 
.info .price_holder .price span{font-weight: 600; font-size: 1.9rem;    margin-left: 7px;}
.info .price_holder .price i{color: #7d6fe0;margin-left: 5px;}
.info .price_holder .beforeOffPrice{    display: inline-block; border-radius: 15px; padding: 0px px 10px; color: #8c8c8c; padding: 2px 10px; text-decoration-line: line-through; /* margin-left: 10px;*/}
.info .price_holder .beforeOffPrice span{font-weight: 500;}
.info .price_holder .offPercent{ display: inline-block;   border-radius: 15px; padding: 0px 10px; color: white; background-color: #DC5B5D; padding: 2px 10px;    font-weight: 300;}
.info .price_holder .offPercent span{ font-weight: 500;}



.info .price_holder input{ display: inline-block; text-align: center; font-family: 'iranyekanfn'; font-size: 1.1rem; padding: 1px 15px; width: 80px; border: 1px solid #0002; background-color: transparent; font-weight: 500; height: 100%; border-left: 0; border-right: 0;    direction: ltr; }
.info .price_holder input:focus,.info .price_holder input:active{ border: 1px solid #0002; outline: none; }
.info .price_holder input:hover{background-color: #00000003;}
.info .price_holder button{ background-color: transparent; border: 1px solid #0002; height: 100%; font-weight: 600; font-size: 1.25rem; width: 35px; }
.info .price_holder button:focus{border: 1px solid #0002 !important; }
.info .price_holder button:hover{background-color: #00000005;border: #0000 !important;}
.info .price_holder button.plus{border-left: 1px solid #0000;border-top-right-radius: 6px;border-bottom-right-radius: 6px }
.info .price_holder button.plus:hover{border: 1px solid #0002 !important;border-left: #0000 !important;}
.info .price_holder button.minus{border-right: 1px solid #0000; border-top-left-radius: 6px;border-bottom-left-radius: 6px}
.info .price_holder button.minus:hover{border: 1px solid #0002 !important;border-right: #0000 !important;}

.info .price_holder button i{display: flex;}

.info .price_holder .add_to_basket{display: inline-block; text-wrap: nowrap; color: white; background-color: #6d5dd7;     padding: 8px 20px;; border-radius: 6px; cursor: pointer; margin-right: 25px;box-shadow: 0px 5px 17px 0px rgb(143 129 231 / 64%);transition: 0.3s;}
.info .price_holder .add_to_basket:hover{box-shadow: 0px 2px 5px 0px rgb(143 129 231 / 46%);;background-color: #6354c3;transition: 0.15s;}
.info .price_holder .add_to_basket i{margin-left: 10px;}







.info .article .table_holder{
  width: 100%;
}
.article .table_holder table{
      width: 284px;
}

.info .sidebar_right {    position: relative;}
.info .sidebar_right .article.fixed { position: fixed; }
.info .sidebar_right .article.footstick { position: absolute; bottom: 0; top: inherit !important }
.info .sidebar_right .article {width: 306px; background-color: white; z-index: 1; padding: 20px; border-radius: 14px; display: block;box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}

.info .article .points_holder{margin-bottom: 20px;padding: 0;}
.info .article .table_holder{width: 100%;    padding: 0;}
.info .article .table_holder h3{font-family: 'iransansweb'; font-size: 1.1rem; text-align: center; margin-bottom: 15px;margin-top: 5px;}
.info .article .table_holder .popup_header{display: inline;font-size: 0.77rem;display: inline;
  padding: 0; justify-content: space-between; padding-bottom: 13px; margin-bottom: 15px; background-color: #0091cd1a; border-radius: 10px; text-align: center; padding: 10px;;display: flex; align-items: center;    color: #00455d;}
  .info .article .table_holder .row{padding: 0}
  .info .article .table_holder .row:not(:last-child){margin-bottom: 10px;}
  .info .article .table_holder .popup_stars i{font-size: 1.3rem;margin-left: 5px }
  .info i[class="bi bi-star-fill"]{color: #ffc302;}
  .info i[class="bi bi-star"]{color: #ffc302;}
  .info i[class="bi bi-star-half"]{color: #ffc302;}
  .info i[class="bi bi-star-fill empty"]{color: #e0ddd7;}

  .info .article .table_holder .stars_icon_holder{padding: 0; }
  .info .article .table_holder .popup_stars_average{font-size: 1.4rem; font-family: 'iranyekanfn'; font-weight: 600;margin-left: 5px; }
.info .article .table_holder .popup_comments{margin-top: 5px }
.info .article .table_holder table{width: 100%;}
.info .article .table_holder table tr td:nth-child(1){width: 52px}
.info .article .table_holder table tr td:nth-child(2){min-width: 50px;}
.info .article .table_holder table tr td:nth-child(3){text-align: left; width: 45px; font-family: 'iranyekanfn'; font-size: 0.76rem;; font-weight: 300;}
.info .article .table_holder table .progress{border-radius: 4px;height: 12px;background-color: #eee;}
.info .article .table_holder table .progress-bar{background-color: #ffc302;}
.info .article .table_holder table .fn{width: 15px;text-align: left;display: inline-block;}

.info .points_top{text-align: center;}
.info .points_bottom{text-align: center;}
.info .stars_average{margin-left: 10px;display: inline-block;}
.info .stars_average span{font-size: 2rem;}
.info .comments_count{display: inline-block;display: inline-block;}
.info .points_holder i{ font-size: 1.5rem; }
.info .add_comment {padding: 0;}
.info .add_comment a{color: #6c5cd5; border: 1px solid #6c5cd5; padding: 5px 10px ; margin-top: 18px; display: block; border-radius: 5px; transition: 0.4s; display: flex; align-items: center; /* display: none; */ text-align: center; justify-content: center;}
.info .add_comment a:hover{background-color: #6c5cd5; color: white;transition: 0.2s; }
.info .add_comment a i{margin-left: 8px; display: inline-flex; align-items: center; font-size: 1rem;}

.info .article h3.title:not(:first-child){margin-top: 60px;}





/* book_details */
.info .book_details .table_holder {border: 1px solid #f1eeff; border-radius: 8px; display: inline-block; padding: 9px 12px;}
.info .book_details table tr td{padding: 7px 0;}
.info .book_details table tr:not(:last-child) td{ border-bottom: 1px solid #f1eeff;}
.info .book_details table tr td:first-child{}
.info .book_details table tr td:nth-child(2){padding-right: 10px;}
.info .book_details span{font-weight: 800;}
.info .book_details a{font-weight: 400; color: #444;}
.info .book_details a:hover{color: #6d5dd7;}








/* about_author */
.info .about_author .wrapper{display: flex;}
.info .about_author .author_img{margin-left: 22px;}
.info .about_author img{ width: 130px; border-radius: 50%; border: 1px solid #00000030; }

.info .about_author a.btn_follow{ color: #6c5cd5; border: 1px solid #6c5cd5; padding: 5px 10px; margin-top: 18px; display: block; border-radius: 5px; transition: 0.4s; display: flex; align-items: center; /* display: none; */ text-align: center; justify-content: center; cursor: pointer; }

.info .about_author a.btn_follow:hover{ color: white; background-color: #6c5cd5;user-select: none; }

.info .about_author a.btn_follow i{ display: flex; margin-right: 7px; font-size: 1.1rem; }

.info .about_author .author_description p{ text-align: justify; margin: 0;}







/* Highlights */
.info #highlights .col_column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}
.info #highlights .col_column img {

}
.info #highlights .col_column .box {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  background-color: #f9f9fa;
  padding: 20px;
  border-radius: 14px;
  position: relative;
  box-shadow: 0 2px 4px -1px #0003;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}



.info #highlights .col_column .box .quote_icon i{
  display: inline-flex;
  /* position: absolute; */
  top: 6px;
  right: 6px;
  font-size: 1.2rem;
  color: #6d5dd7;
  background-color: #e9e6fb;
  border-radius: 17px;
  padding: 5px 5px;
  /* box-shadow: 0 4px 5px -1px #0006; */
  margin-bottom: 9px;
}
.info #highlights .col_column .box p {
text-align: justify;
}
.info #highlights .col_column .box .bottom {
  border-top: 1px solid #0001;
  padding-top: 15px;
}

.info #highlights .col_column .box .user a {
display: flex;
color: #444;
}

.info #highlights .col_column .box .user .right img{
  vertical-align: middle;
  width: 39px;
  border-radius: 20px ;
  margin-left: 8px;
  /* padding: 3px; */
  border: 1px solid #6d5dd7;
}
.info #highlights .col_column .box .username{
  margin-top: -1px;
  color: #898989;
  direction: ltr;
  display: inline-block;
  text-align: left;
  font-weight: 300;
  font-size: 0.7rem;
}

.info #highlights .col_column .box .share {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.info #highlights .col_column .box .share i{
  color: #1c9cea;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 1.3rem;
  cursor: pointer;
  transition: 0.3s;
  transition: 0.3s;
}
.info #highlights .col_column .box .share i:hover{transform: scale(1.15);transition: 0.15s; }

.info #highlights .col_column .box .share i:hover{
opacity: 0.8;

}



.info .quotes .modal select{ border: 1px solid #0000; padding: 0px 6px; align-items: center; justify-content: center; font-family: 'iranyekanfn'; cursor: pointer; background-color: #b8aaf5; color: #3b2a75; box-shadow: 0 3px 8px -2px #0003; border-radius: 7px; margin-right: 5px;}
.info .quotes .modal select:hover{background-color: #e5e1f8;}
.info .quotes .modal select:active,.info .quotes .modal select:focus{outline: none;}
.info .quotes .star_character{font-size: 1.4rem;}
.info .quotes .modal textarea{width: 100%;     border-radius: 7px; border: 1px solid #0002;color: #666;box-shadow: 0 3px 8px -2px #0003; border: 0; padding: 15px; font-weight: 400;}
.info .quotes .modal textarea:focus,.info .quotes textarea:hover{outline: none;color: #444;}
/* .info .quotes .modal .buttons a{background-color: #15bfbe14; color: #15bfbe; padding: 3px 18px; border-radius: 8px;;}
.info .quotes .modal .buttons a:hover{background-color: #15bfbe; color: #fffe; } */

.info .quotes .modal-content{ background-color: #1c9cea; color: white; border-radius: 10px; padding: 18px 18px 13px 18px; box-shadow: 0 8px 35px -2px #0003;border: 0; }
.info .quotes .modal-header{ border: 0;padding: 0;}
.info .quotes .modal-header .btn-close{margin: 0; background-color: #ffffffad; box-shadow: 0 3px 8px -2px #0003; margin-right: 15px; opacity: 1;background-image: none;}
.info .quotes .modal-header .btn-close:hover{ background-color: #fffe; }
.info .quotes .modal-header .name{font-family: 'iransansweb'; font-size: 1rem; font-weight: 300; margin-top: 7px;text-shadow: 0 3px 8px #0003;}
.info .quotes .modal-header .user img{margin-left: 15px;box-shadow: 0 3px 8px -2px #0003;    width: 45px; border-radius: 50%; margin-left: 10px; height: 45px; object-fit: cover;}
.info .quotes .modal-header .user{text-shadow: 0 3px 8px #0003;    display: flex; align-items: center;}
.info .quotes .modal-header .username{margin-top: 2px; display: flex;}
.info .quotes .modal-header .username a{color: #dffaff;    margin-top: 0px;  direction: ltr; display: inline-block; text-align: left; letter-spacing: 0.2px; font-size: 0.8rem; font-weight: 500; font-size: 0.7rem;}
.info .quotes .modal-body{padding: 0;    margin-top: 10px;}
.info .quotes .modal textarea{border: 0;min-height: 70px; max-height: 260px;opacity: 0.8;}
.info .quotes .modal textarea:hover{border: 0;opacity: 0.9}
.info .quotes .modal textarea:focus{opacity: 0.9;}
.info .quotes .modal-footer{ border: 0;justify-content: space-between;   padding: 0;}
.info .quotes .modal-footer .btn{background-color: #167cba; border: 0; font-weight: 200; font-size: 0.9rem; padding: 8px 23px; margin-right: 0;}
.info .quotes .modal-footer .btn:hover{background-color: #126698;}
.info .quotes .modal-footer .left{margin: 0;font-weight: 200;    text-shadow: 0 2px 4px #0003;}





@media screen and (max-width: 1400px) {
  .info .sidebar_right .article {
    width: 261px;
  }
}

@media screen and (max-width: 1200px) {
  .info #highlights .col_column {
    -ms-flex: 33.3%;
    flex: 33.3%;
    max-width: 33.3%;
  }
  .info #highlights #col4 {
    display: none;
  }
  .info .sidebar_right .article {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  .info #highlights .col_column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
  .info #highlights #col3 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .info #highlights .col_column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .info #highlights #col2 {
    display: none;
  }
}





.info .comment_section .box{box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;; border-radius: 14px; overflow: hidden; padding: 26px; background-color: white;margin-top: 30px}
.info .comment_section .box_reply{box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; border-radius: 14px; overflow: hidden; padding: 26px; background-color: white;;margin-right: 110px;margin-top: 20px;}
.info .comment_section .leave_a_comment{}
.info .comment_section .leave_a_comment .box{display: none;}
.info .comment_section .leave_a_comment .change_account{    }
.info .comment_section .leave_a_comment select{ border: 1px solid #0003; padding: 0px 6px; align-items: center; justify-content: center; font-family: 'iranyekanfn'; cursor: pointer; color: #3b2a75;  border-radius: 7px; margin-right: 5px;}
.info .comment_section .leave_a_comment select:active,.info .comment_section .leave_a_comment select:focus{outline: none;border: 1px solid #0006}
.info .comment_section .leave_a_comment textarea{width: 100%;border-radius: 7px; border: 1px solid #0002;color: #666;; padding: 15px; font-weight: 400;}
.info .comment_section .leave_a_comment textarea:focus,.info .comment_section .leave_a_comment textarea:hover{outline: 0;color: #444;border: 1px solid #0005;}

.info .comment_section .leave_a_comment .modal select{ border: 1px solid #0000; padding: 0px 6px; align-items: center; justify-content: center; font-family: 'iranyekanfn'; cursor: pointer; background-color: #b6dff8; color: #3b2a75; box-shadow: 0 3px 8px -2px #0003; border-radius: 7px; margin-right: 5px;}
.info .comment_section .leave_a_comment .modal select:hover,.info .comment_section .leave_a_comment .modal select:focus{background-color: #fffe;}
.info .comment_section .leave_a_comment .modal select:active,.info .comment_section .leave_a_comment .modal select:focus{outline: none;}
.info .comment_section .leave_a_comment .star_character{font-size: 1.4rem;}
.info .comment_section .leave_a_comment .modal textarea{width: 100%;     border-radius: 7px; border: 1px solid #0002;color: #666;box-shadow: 0 3px 8px -2px #0003; border: 0; padding: 15px; font-weight: 400;}
.info .comment_section .leave_a_comment .modal textarea:focus,.info .comment_section .leave_a_comment textarea:hover{outline: none;color: #444;}
.info .comment_section .leave_a_comment .modal .buttons a{background-color: #15bfbe14; color: #15bfbe; padding: 3px 18px; border-radius: 8px;;}
.info .comment_section .leave_a_comment .modal .buttons a:hover{background-color: #15bfbe; color: #fffe; }

.info .comment_section .leave_a_comment .modal-content{ background-color: #1c9cea; color: white; border-radius: 10px; padding: 18px 18px 13px 18px; box-shadow: 0 8px 35px -2px #0003;border: 0; }
.info .comment_section .leave_a_comment .modal-header{ border: 0;padding: 0;    display: flex; justify-content: space-between;}
.info .comment_section .leave_a_comment .modal-header .btn-close{margin: 0; background-color: #ffffffad; box-shadow: 0 3px 8px -2px #0003; margin-right: 15px; opacity: 1;background-image: none;}
.info .comment_section .leave_a_comment .modal-header .btn-close:hover{ background-color: #fffe; }
.info .comment_section .leave_a_comment .modal-header .name{font-family: 'iransansweb'; font-size: 1rem; font-weight: 300; margin-top: 7px;    text-shadow: 0 3px 8px #0003;}
.info .comment_section .leave_a_comment .modal-header .user img{margin-left: 15px;box-shadow: 0 3px 8px -2px #0003;}
.info .comment_section .leave_a_comment .modal-header .user{text-shadow: 0 3px 8px #0003;}
.info .comment_section .leave_a_comment .modal-header .username{margin-top: 2px; display: flex;}
.info .comment_section .leave_a_comment .modal-header .username a{color: #dffaff}
.info .comment_section .leave_a_comment .modal-body{padding: 0;}
.info .comment_section .leave_a_comment .modal textarea{border: 0;min-height: 70px; max-height: 260px;opacity: 0.8;}
.info .comment_section .leave_a_comment .modal textarea:hover{border: 0;opacity: 0.9;}
.info .comment_section .leave_a_comment .modal textarea:focus{opacity: 0.9;}
.info .comment_section .leave_a_comment .modal-footer{ border: 0;justify-content: space-between;   padding: 0;}
.info .comment_section .leave_a_comment .modal-footer .btn{background-color: #167cba; border: 0; font-weight: 200; font-size: 0.9rem; padding: 8px 23px; margin-right: 0;}
.info .comment_section .leave_a_comment .modal-footer .btn:hover{background-color: #126698;}
.info .comment_section .leave_a_comment .modal-footer .left{margin: 0;font-weight: 200;    text-shadow: 0 2px 4px #0003;}



.info .comment_section .comment_info{display: inline-flex; justify-content: space-between; align-items: flex-start;}
.info .comment_section .comment_info .user{display: flex; align-items: center;}
.info .comment_section .comment_info .name{font-family: 'iransansweb'; font-size: 1rem; font-weight: 600;margin-top: 5px;}
.info .comment_section .comment_info .username a{margin-top: 0px; color: #000000a8; direction: ltr; display: inline-block; text-align: left; letter-spacing: 0.2px; font-size: 0.8rem; font-weight: 500; font-size: 0.7rem;}
.info .comment_section .comment_info img{width: 45px; border-radius: 50%; margin-left: 10px; height: 45px; object-fit: cover;}
.info .comment_section .comment_info .left{text-align: left;text-align: left; display: inline-flex; align-items: center;color: #9f9f9f;}
.info .comment_section .comment_info .left .date{font-size: 0.8rem;}
.info .comment_section .comment_info .points{display: inline-flex; margin-right: 9px;}
.info .comment_section .comment_info .points i{display: flex; margin-right: 4px; font-size: 1rem;}
.info .comment_section .comment_info .points .comment_points_number{display: none;}
.info .comment_section .comment{margin-top: 20px; color: #666; text-align: justify;max-height: 200px; overflow: hidden;position: relative;}
.info #comments .fade_comment {position: absolute; bottom: 0;left: 0;right: 0; height: 50px; background-image: linear-gradient(0deg, #fff, transparent); display: none;}
.info #comments .comment_btn {display: none;cursor: pointer;    text-align: center; color: #6c61dc; font-size: 0.9rem; font-weight: 300;user-select: none;}

.info .comment_section .buttons a{padding: 3px 19px; background-color: #e4e7ee; color: #425365; border-radius: 5px; margin-left: 8px; display: inline-flex; justify-content: center; align-items: center; font-size: 0.8rem; height: 27px; cursor: pointer;}
.info .comment_section .buttons a:hover{opacity: 0.8;}
.info .comment_section .buttons a i{display: flex;margin-left: 5px;}

.info .comment_section .likes{ display: flex; justify-content: flex-end; align-items: center;font-family: 'iranyekanfn';;}
.info .comment_section .likes>div{display: inline-block;}
.info .comment_section .likes .bar{width: 20%; min-width: 75px;display: none;}
.info .comment_section .likes .progress{background-color: #f79395; height: 8px; border-radius: 14px;}
.info .comment_section .likes .progress-bar{background-color: #b8e2af;}
.info .comment_section .likes .like{color: #6c5cd5; display: inline-flex;padding: 1px 4px;;  border-radius: 14px;align-items: center; justify-content: center;cursor: pointer;user-select: none  ;  background-color: #e9e6fb;margin-left: 5px;    transition: 0.15s;}
.info .comment_section .likes .dislike{color: #6c5cd5; display: inline-flex;padding: 1px 4px;; border-radius: 14px;cursor: pointer;user-select: none;background-color: #e9e6fb;margin-right: 5px;transition: 0.15s;}
.info .comment_section .likes .like span{min-width: 11px;text-align: center;}
.info .comment_section .likes .dislike span{min-width: 11px;text-align:center}
.info .comment_section .likes .l_d:hover{background-color: #e4e7ee;}
/* .info .comment_section .likes .l_d i{transition: 0.05s;} */
.info .comment_section .likes .l_d:hover i{transform: scale(1.15);}
.info .comment_section .likes i{display: flex;align-items: center;}
.info .comment_section .likes .like i{margin-left: 3px;}
.info .comment_section .likes .dislike i{margin-right: 3px;}
.info .comment_section .likes .dislike.selected,.info .comment_section .likes .like.selected{color: #e4e7ee; background-color: #6c61dc;}





.sidebar #related_books .book_box{    margin-bottom: 10px; border-bottom: 1px solid #0001; padding-bottom: 10px;}
.sidebar #related_books .book_box .col-3{ padding-left: 1px; }
.sidebar #related_books img{ width: 100%;border-radius: 10px;     box-shadow: 0 0px 2px 0px #0004;}
.sidebar #related_books .name a{font-weight: 700; font-size: 1rem;color: #444;}
.sidebar #related_books .name a:hover{color: #6d5dd7;}
.sidebar #related_books .category{margin-bottom: 6px; font-size: 0.8rem;color: #8f8ba1;}
.sidebar #related_books .stars{    color: #8f8ba1;; font-size: 0.8rem;}
.sidebar #related_books .stars .point{color: #444; font-size: .95rem;}
.sidebar #related_books i[class="bi bi-star-fill"]{color: #ffc302;margin-left: 10px; margin-right: 3px;}
.sidebar #related_books .add_to_basket a{margin-top: 5px; display: inline-block; padding: 2px 0px;color: #6d5dd7;}









.fn{ font-family: iranyekanfn; }








/*--------------------------------------------------------------
# Read page
--------------------------------------------------------------*/

#read_page section.epub a.btn_textedit {
  background-color: #0001;
  padding: 5px 7px;
  border-radius: 6px;
  cursor: pointer;
  color: #000b;
  font-family: 'iranyekanfn';
  font-weight: 300;
  transition: 0.2s;
  font-size: 0.8rem;
  display: inline-block;
  min-width: 30px;
  text-align: center;
  user-select: none;
  margin-right: 5px;
}



/*--------------------------------------------------------------
# login page
--------------------------------------------------------------*/


#login_page{background-color: #f2fffa;direction: rtl;}
#login_page main{background-color: transparent;}
#login_page .box_login{position: relative;height: 100vh; display: flex; align-items: center; justify-content: center}
#login_page .box_login_inner{position: relative;}

#login_page .box_login_inner:before{        content: "";
  width: 60px;
  height: 60px;
  background: linear-gradient(21deg, #01a860, #01a860);
  display: block;
  position: absolute;
  border-radius: 50%;
  top: -25px;
  right: -21px;
  z-index: 0;}
#login_page .box_login_inner:after{        content: "";
  width: 70px;
  height: 70px;
  background: linear-gradient(21deg, #5ddaa4, #ffffff);
  display: block;
  position: absolute;
  border-radius: 50%;
  bottom: -28px;
  left: -30px;
  z-index: 0;}
#login_page .container{    border-radius: 25px;
  overflow: hidden;
  padding: 0;
  box-shadow: #91af95cc 0px 64px 96px -19px;
  z-index: 1;
  position: relative;}
#login_page .row{margin: 0;}
#login_page .col-md-6{padding: 0;}
#login_page .col-md-12{padding: 4px ; background-color: white;}

#login_page .right{    background: linear-gradient(21deg, #01a860, #01a860bd);
  padding: 50px;
  min-height: 500px;
  display: flex
;
  justify-content: center;
  align-items: center;;}
#login_page .right_inner{
  display: flex
  ;
      justify-content: center;
      align-items: center;
      border: 1px solid #048a50;
      border-radius: 30px;
      background-color: #ffffff63;
      box-shadow: 0 11px 21px #0001;
      padding: 15px;
}
#login_page.ls .right {
  background: linear-gradient(21deg, #01a860, #01a860bd);
  padding: 50px;
  min-height: 310px;
  display: flex
;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  color: white;    border-radius: 20px;
}
#login_page.ls a.back {
  display: inline-flex
  ;
      gap: 3px;
      align-items: center;
}
#login_page.ls p {
  margin-bottom: 30px;
  color: #ffffff;
  font-weight: 300;
  font-size: 1.3rem;
}
#login_page.ls a {
  margin-top: 10px;
  cursor: pointer;
  font-weight: 400;
  border-bottom: 1px solid #8b79f200;
  /* color: #daf7e6; */
}
#login_page.ls a:hover {
  /* color: #fff; */
}
#login_page img{width: 100%;border-radius: 15px;}

#login_page .left{background-color: white;width: 100%;height: 100%;padding: 15px;}
#login_page .left_inner{text-align: center; display: flex; flex-direction: column; align-items: center; height: 90%; justify-content: center;}
#login_page img.icon{width: 64px;    border-radius: 11px;}
#login_page h3{margin: 10px 7px 10px 7px; display: block;}
#login_page p{    margin-bottom: 30px;
  color: #9b9b9b;
  font-weight: 300;}

#login_page form{width: 100%;display: inline-flex; flex-direction: column; align-items: center;}
#login_page input[type='text'],#login_page input[type='password']{display: block; margin-bottom: 10px; border: 1px solid #0000; border-radius: 8px; padding: 9px;background-color: #f6f8f7;width: 80%;direction: ltr;    color: #555;
  font-size: 0.85rem;}
#login_page input[type='text']:hover,#login_page input[type='password']:hover{background-color: #c5e2c645;}
#login_page input[type='text']:focus,#login_page input[type='password']:focus{background-color: #c5e2c645;outline: none;}
#login_page input::placeholder { color: #666; opacity: 1; direction: rtl;text-align: right; }
#login_page input::-ms-input-placeholder { color: #666;  direction: rtl;text-align: right; }
#login_page input[type='submit']{    background: linear-gradient(21deg, #12ae6b, #74cfa8); padding: 11px 34px; border-radius: 10px; outline: none; border: 0; color: white; font-size: 0.9rem; font-weight: 200; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; margin-top: 20px; text-shadow: 0 0px 0px #efecff; transition: 0.3s;margin-bottom:15px}
#login_page input[type='submit']:hover{background: linear-gradient(21deg, #12ae6b, #12ae6b); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px; text-shadow: 0 0px 4px #efecff;transition: 0.15s;}
#login_page a{margin-top: 10px;cursor: pointer;font-weight: 400;border-bottom: 1px solid #8b79f200;color: #444;}
#login_page a:hover{  border-bottom: 1px solid #12ae6b;
  color: #12ae6b;}


@media (max-width: 992px) {
  #login_page .right {padding: 20px; }
}


@media (max-width: 768px) {
  #login_page main {padding: 15px 0; }
  #login_page .right {min-height: 50px; }
  #login_page .box_login_inner:before{display: none;}
  #login_page .box_login_inner:after{display: none;}
  #login_page .box_login{height: unset;}
}


@media (max-width: 400px) {
  #login_page .right_inner{padding: 10px;}
}





/*--------------------------------------------------------------
# about
--------------------------------------------------------------*/

section#page-about.page-about{direction: rtl;} 
section.page-about .card{    background-color: rgb(241 243 249); background: linear-gradient(340deg, #fbfbfb, #fff); border: none; padding: 18px; border-radius: 15px; height: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; color: #454a4e; transition: 0.3s; border-top: 4px solid #00a8e3;}
section.page-about p{    text-align: justify; line-height: 2.1; font-weight: 400; }
section.page-about h3{    margin-top: 23px; font-weight: 900; font-family: iranyekan;}
section.page-about a{color: #00a8e3;}
section.page-about a:hover{color: #077399;}












/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  background: #f6f9ff;
  padding: 0 0 30px 0;
  font-size: 14px;
  direction: rtl;
}

.footer .footer-newsletter {
  padding: 50px 0;
  background: #f6f9ff;
  border-top: 1px solid #e1ecff;
}

.footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  color: #012970;
}

.footer .footer-newsletter form {
  margin-top: 20px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e1ecff;
}

.footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 8px;
  width: calc(100% - 140px);
}

.footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 30px;
  margin: 3px;
  background: #4154f1;
  color: #fff;
  transition: 0.3s;
  border-radius: 4px;
}

.footer .footer-newsletter form input[type=submit]:hover {
  background: #5969f3;
}

.footer .footer-top {
  background: white url(../img/footer-bg.png) no-repeat right top;
  background-size: contain;
  border-top: 1px solid #e1ecff;
  border-bottom: 1px solid #e1ecff;
  padding: 60px 0 30px 0;
}

@media (max-width: 992px) {
  .footer .footer-top {
    background-position: center bottom;
  }
}

.footer .footer-top .footer-info {
  margin-bottom: 30px;
}

.footer .footer-top .footer-info .logo {
  line-height: 0;
  margin-bottom: 15px;
}

.footer .footer-top .footer-info .logo img {
  max-height: 40px;
  margin-right: 6px;
}

.footer .footer-top .footer-info .logo span {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #012970;
  font-family: iransans;
  ;
  margin-top: 3px;
}

.footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: iransans;
  ;
}

.footer .footer-top .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.footer .footer-top .social-links a:hover {
  color: #012970;
}

.footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #012970;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

.footer .footer-top .footer-links {
  margin-bottom: 30px;
}

.footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #d0d4fc;
  font-size: 12px;
  line-height: 0;
}

.footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-top .footer-links ul a {
  color: #013289;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-top .footer-links ul a:hover {
  color: #4154f1;
}

.footer .footer-top .footer-contact p {
  line-height: 26px;
}

.footer .copyright {
  text-align: center;
  padding-top: 30px;
  color: #012970;
}

.footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #012970;
}










/* modal */

.modal-content {
  box-shadow: 0 49px 48px -22px #454e6882;
  border-radius: 18px;
}
.modal-header {
  background-color: #f6f7fc;
  padding: 15px 15px 10px 10px;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
}
.modal-body {
  text-align: justify;
  padding: 25px;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.9;
}
.modal-body h5 {
  font-family: iranyekanrd;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 1.1rem;
}
.modal-body table {
  width: 100%;
}
.modal .modal-footer {
  justify-content: flex-start;
  background-color: #f6f7fc;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.modal .modal-footer button{
  border-radius: 15px;
  padding: 7px;
  border: 0;
  background-color: #0f4c98;
  color: white;
  padding: 10px 24px;
  outline: none;
  border: 0;
  color: white;
  font-size: 0.9rem;
  font-weight: 200;
  text-shadow: 0 0px 0px #efecff;
  transition: all 0.3s;
  padding: 8px 25px;
}

.modal .modal-footer button:hover{
  background-color: #0a366b;
  transition: 0.1s;
}

.modal-header .modal-title {
  font-size: 18px;
  font-weight: 400;
  font-family: 'iranyekanrd';
}
.modal-header .btn-close {
  margin: 0;
  /* background-color: red; */
  color: white;
  padding: 12px;
  font-size: 13px;
  opacity: 0.7;
  border-radius: 16px;
}












/* contactus page */
.dirltr{direction: ltr;}
.page-contactus h5{
  display: inline-block;
}

.page-contactus h4{
  font-family: iranyekanrd;
  font-weight: 200;
}

.page-contactus .box{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  padding: 25px;
  background-color: white;
  border-radius: 20px;
  background-color: #fff;
  border-radius: 18px;
  margin-bottom: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* overflow: hidden; */
  color: #444655;
  padding: 7px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-family: iransansweb;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  height: 100%;
}

.page-contactus .box .floating-label{
margin-bottom: 11px;
}

.page-contactus .box_header{
  padding: 14px 14px 0 14px;
  
}

.page-contactus form {
  border-radius: 14px;
  border: 1px solid #dcdee996;
  padding: 7px 7px;
  background-color: #fbfbff;
}
.page-contactus form .form-control{
  border-radius: 9px;
  font-size: 0.9rem;
}
.page-contactus form input {
  color: #555;
}
.page-contactus form label {
  font-size: 0.85rem;
}
.page-contactus form .slidinput-wrapper {
    width: 100%;
}
.floating-label > input + label, .floating-label > textarea + label{
  left: unset;
  right: var(--bs-border-width);;
  width: auto;
}
.page-contactus form input:focus {
  outline: none !important;
  border: 1px solid #0004;
  box-shadow: 0 1px 5px #0002;
}

.page-contactus form textarea:focus{
  outline: none !important;
  border: 1px solid #0004;
  box-shadow: 0 1px 5px #0002;
}

.page-contactus form input[type='submit']{
  border-radius: 9px;
  padding: 7px;
  margin-top: 10px;
  border: 0;
  background-color: #0f4c98;
  color: white;
  background: linear-gradient(4deg, #563fef, #8e7cf4);
  padding: 10px 24px;
  /* border-radius: 10px; */
  outline: none;
  border: 0;
  color: white;
  font-size: 0.9rem;
  font-weight: 200;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
  /* margin-top: 20px; */
  text-shadow: 0 0px 0px #efecff;
  transition: all 0.3s;
  /* margin-bottom: 15px;*/
  /* background-color: #71c55d;
    color: white;
    font-weight: 400; */

}
.page-contactus form input[type='submit']:hover{background: linear-gradient(21deg, #563fef, #7662f2); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px; text-shadow: 0 0px 4px #efecff;transition: all 0.2s;}



.page-contactus .container-fluid{
  padding: 20px;
  background-color: white;
}
.page-contactus iframe{
border-radius: 15px;
}

.page-contactus .information{
  border: 0;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 25px;
}


.page-contactus .card{
  border: 0;
  border-radius: 10px;
  padding: 20px;
  /* margin-bottom: 25px; */
  height: 100%;
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.page-contactus .card-head{
  display: flex;
  gap: 5px;
  color: #333;
  margin-bottom: 8px;
}

.page-contactus .card-head h5{
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}


.page-contactus .card p{
  margin: 0;
  font-size: 0.9rem;
  color: #666;
}
.page-contactus .info-details div[class^="col"]{
  margin-bottom: 25px;
}
.page-contactus .bg-white{
  background-color: #eee !important;
  border-radius: 10px;
}




.page-newcourse .box{
  background-color: #fff;
  border-radius: 18px;
  /* margin-bottom: 5px; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* overflow: hidden; */
  color: #444655;
  padding: 7px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-family: iransansweb;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  height: 100%;
}
.page-newcourse .box-header{
  padding: 14px 14px 0 14px;
}
.page-newcourse form{
  border-radius: 14px;
  border: 1px solid #dcdee996;
  padding: 15px;
  background-color: #fbfbff;
}

.page-newcourse #add_new div[class^='col-']{
  margin-top: 10px;
}

input[type='submit']{
  padding: 7px;
  margin-top: 10px;
  border: 0;
  background-color: #3a5deb;
  color: white;
  /* background: linear-gradient(4deg, #563fef, #8e7cf4); */
  padding: 10px 24px;
  /* border-radius: 10px; */
  outline: none;
  border: 0;
  color: white;
  font-size: 0.9rem;
  font-weight: 200;
  /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; */
  /* margin-top: 20px; */
  /* text-shadow: 0 0px 0px #efecff; */
  transition: all 0.3s;
  /* margin-bottom: 15px; */
  width: auto;
  border-radius: 0.375rem;
  background-color: #00a962;
}

input[type='submit']:hover{
  transition: all 0.2s;
  background-color: #00a962;
}

.page-newcourse form input[type='text'],.page-newcourse form textarea,.page-newcourse form select {
  font-size: 0.9rem;
  color: #666;
}
.page-newcourse form input[type='text']:focus,.page-newcourse form textarea:focus,.page-newcourse form select:focus,.page-newcourse form input[readonly]:focus {
  outline: none !important;
  border: 1px solid #0004;
  box-shadow: 0 1px 5px #0002;
  color: #222;
}

.page-newcourse h4 {
  font-family: iranyekanrd;
  font-weight: 200;
  margin-bottom: 22px;
}
.page-newcourse .form-select {
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
  background-position: left 0.75rem center;
  cursor: pointer;
}

/* .page-newcourse .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.page-newcourse .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),.page-newcourse .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}



.page-newcourse .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
} */



.page-newcourse img.main_img {
  width: 100%;
}

.page-newcourse #add_new button.btn-close {
  display: none;
}
.page-newcourse #add_new button.btn-default {
  display: none;
}

.file-drop-zone {
  border: 1px dashed #ccc;
  min-height: 260px;
  border-radius: 12px;
  text-align: center;
  vertical-align: middle;
  margin: 0 !important;
  padding: 5px;
  background-color:#f5f6fb;
  cursor: pointer !important;
}
.file-drop-zone.clickable:hover,.file-drop-zone.clickable:focus {
  border: 1px dashed #999;
}
.file-drop-zone-title {
  color: #979797;
  font-size: 1.2em;
  text-align: center;
  padding: 85px 10px;
  cursor: default;
  font-weight: 200;
  cursor: pointer !important;
}
.kv-upload-progress .progress-bar {
  height: 20px;
  font-family: iransans;
}
.kv-rtl .file-zoom-dialog, .kv-rtl .file-error-message pre, .kv-rtl .file-error-message ul {
  text-align: right;
  padding: 0 0px;
  list-style: none;
}
.btn-file {
  overflow: hidden;
  background-color: #f5f6fb;
  color: #444;
  cursor: pointer !important;
  border: 1px solid #cccccc;
  font-size: 0.9rem;
}
.btn-file i, 
.btn-file span, 
.btn-file input{ 
  cursor: pointer !important;
}
.btn-file:hover {
color: #444;
  background-color: #eee;
  border: 1px solid #999;

}
.file-footer-caption {
  display: block;
  text-align: center;
  padding-top: 4px;
  font-size: 11px;
  color: #999;
  margin-bottom: 0px;
}
.file-caption-name {
  color: #555;
}
.file-caption-name.is-invalid {
  color: #a94442;
}
.page-newcourse .form-control {
  font-size: 0.9rem
}
input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}

.kv-rtl .krajee-default.file-preview-frame {
  box-shadow: none;
  border-radius: 8px;
  width: 100%;
  margin: 0;
  border: 0;
}

.kv-rtl .krajee-default.file-preview-frame:hover {
  box-shadow: none !important;
  border: 0;
}

.file-preview {
  border-radius: 9px;
  border: 0;
  padding: 0px;
  width: 100%;
  margin-bottom: 15px;
}

.krajee-default.file-preview-frame .kv-file-content {
  width: 100%;
  height: 160px;
}
.krajee-default.file-preview-frame .kv-file-content img,.krajee-default.file-preview-frame .kv-file-content object{
border-radius: 10px;
}
.krajee-default .file-caption-info, .krajee-default .file-size-info {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  height: 15px;
  margin: auto;
}
.kv-rtl .file-caption-icon {
  left: 4px;
  padding: 0.5rem;
  right: auto
}
.kv-rtl .btn-file input[type=file] {
  left: auto;
  right: 0;
  text-align: left;
  background: none repeat scroll 100% 0 transparent;
  cursor: pointer;

}
.kv-rtl .input-group > .input-group-append:last-child > .btn:last-child, .kv-rtl .input-group > .btn:last-child, .kv-rtl .input-group > .form-control:last-child {
  border-radius: 0.4rem 0 0 0.4rem !important;
  border-right: 0;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  /* border-left: 0; */
  height: 35px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.file-caption-icon) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
  background-color: #f5f6fb;
  color: #444;
  cursor: pointer !important;
  border: 1px solid #cccccc;
  font-size: 0.9rem;
  margin: 0;
  height: 35px;
  border-radius: 0.2rem;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.file-caption-icon):hover {
  background-color: #ecedf2;
  color: #222;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  gap: 0.3rem;
}



.page-newcourse .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
.page-newcourse .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0.75rem;
  padding-left: 20px;
  padding: 0.175rem 0.75rem 0.275rem 20px;
}

.page-newcourse .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: auto;
  user-select: none;
  -webkit-user-select: none;
}
.page-newcourse .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 20px;
}


.kv-rtl .input-group > .input-group-append:last-child > .btn:last-child, .kv-rtl .input-group > .btn:last-child, .kv-rtl .input-group > .form-control:last-child {
  border-radius: 0.4rem 0.2rem 0.2rem 0.4rem !important;
}
.kv-rtl .input-group > .input-group-prepend:first-child > .btn:first-child, .kv-rtl .input-group > .input-group > .btn:first-child, .kv-rtl .input-group > .form-control:first-child {
  border-radius: 0.2rem 0.4rem 0.4rem 0.2rem !important;
}


.file-error-message {
  color: #a94442;
  background-color: #f2dede9c;
  /* margin: 5px; */
  border: 1px solid #ebccd1;
  border-radius: 9px;
  padding: 15px;
  font-family: iransans;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #a9444273;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.kv-rtl .file-caption.icon-visible .file-caption-name {
  padding-left: 30px;
  padding-right: 5px;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.page-newcourse .file-preview {

  display: none;
}


.page-newcourse hr {
  margin-top: 30px;
  border-bottom: 1px solid #0000002e;
  border-top: 0;
}


.page-newcourse jdp-container .jdp-month, jdp-container .jdp-month input, jdp-container .jdp-month select, jdp-container .jdp-time, jdp-container .jdp-time input, jdp-container .jdp-time select, jdp-container .jdp-year, jdp-container .jdp-year input, jdp-container .jdp-year select{
  display: flex;
}







/*teacher page*/

.page-teacher .teacher_info{
  padding-top: 100px !important;
    /* border-bottom: 1px dashed #0001; */
    padding-bottom: 0px !important;
}
.page-teacher .teacher_info .teacher_details{
  border-bottom: 1px dashed #0001;
  padding-bottom: 50px;
}
.page-teacher .teacher_info .box{
  border-radius: 25px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 25px;
  color: #3f3f44;
  background-color: white;
}
.page-teacher .teacher_info .img_holder{

}
.page-teacher .teacher_info .img_holder .wrapper{
  background-image: linear-gradient(134deg, #43cda2, #185a9d);
  border-radius: 50%;
  display: block;
  width: 160px;
  height: 160px;
  padding: 4px;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  position: relative;
}
.page-teacher .teacher_info .img_holder img.profile_img{
  border-radius: 50%;
  /* border: 2px solid #179cf0; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-teacher .teacher_info .img_holder img.checkmark{
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 38px;
  transform: translate(-50%, 0);
}
.page-teacher .teacher_info .teacher_name span{
  font-size: 1.8rem;
  font-family: iranyekanrd;
  font-weight: 500;
}
.page-teacher .teacher_info .teacher_field span{
  font-size: 1rem;
  margin-top: 11px;
  display: block;
  margin-bottom: 7px;
}
.page-teacher .teacher_info .teacher_keywords{
  display: block;
  margin: 10px 0;
}

.page-teacher .teacher_info .keyword{
  background-color: #348ed71a;
  border-radius: 19px;
  padding: 2px 8px;
  color: #105a70;
  cursor: pointer;
  transition: 0.2s;
}

.page-teacher .teacher_info .keyword:hover{
  background-color: #105a70;
  border-radius: 19px;
  padding: 2px 8px;
  color: white;
  cursor: pointer;
  transition: 0.1s;
}

.page-teacher .teacher_info .teacher_social a{
  font-size: 1.2rem;
  display: inline-flex;
  margin-top: 8px;
  opacity: 1;
  
}
.page-teacher .teacher_info .teacher_social a i{
  display: inline-flex;

  padding: 6px;
  border-radius: 50%;
}

.page-teacher .teacher_info .teacher_social a:hover{
  /* opacity: 0.8;
  scale: 1.05; */
}
.page-teacher .teacher_info .teacher_social a:hover i{
  background-color: #348ed71a;
}
.page-teacher .teacher_info label{
  display: inline;
  width: auto;
}
.page-teacher .teacher_info span{
  display: inline;
  width: auto;
}

.page-teacher .teacher_courses h3{
  font-family: 'iranyekanrd';
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 30px;
}







.page-teacher .teacher_info .features {
/* margin-top: 50px; */
}

.page-teacher .teacher_info .features .box{
  /* display: flex; */
  gap: 10px;
  border-radius: 20px;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  transition: 0.1s;
  padding: 18px;
}
.page-teacher .teacher_info .features .box .top{
display: flex;
justify-content: space-between;
align-items: center;
}
.page-teacher .teacher_info .features .box .bottom{
  margin-top: 19px;
}
.page-teacher .teacher_info .features .box:hover{
  color: white;
  transition: 0.2s;
}

.page-teacher .teacher_info .features .box#box1:hover{
  background-color: #ff506f;
}
.page-teacher .teacher_info .features .box#box2:hover{
  background-color: #8617f2;
}
.page-teacher .teacher_info .features .box#box3:hover{
  background-color: #ffb903;
}
.page-teacher .teacher_info .features .box#box4:hover{
  background-color: #009ca2;
}


.page-teacher .teacher_info .features .box:hover i{
  background-color: white !important;
  transition: 0.2s;
}

.page-teacher .teacher_info .features .box#box1:hover i{
  color: #ff506f;
}
.page-teacher .teacher_info .features .box#box2:hover i{
  color: #8617f2;
}
.page-teacher .teacher_info .features .box#box3:hover i{
  color: #ffb903;
}
.page-teacher .teacher_info .features .box#box4:hover i{
  color: #009ca2;
}


.page-teacher .teacher_info .features .box i{
  color: white;
  padding: 10px;
  display: inline-flex;
  border-radius: 50%;
  font-size: 1.5rem;
  transition: 0.1s;
}
.page-teacher .teacher_info .features .box#box1 i{
  background-color: #ff506f;
}
.page-teacher .teacher_info .features .box#box2 i{
  background-color: #8617f2;
}
.page-teacher .teacher_info .features .box#box3 i{
  background-color: #ffb903;
}
.page-teacher .teacher_info .features .box#box4 i{
  background-color: #009ca2;
}

.page-teacher .teacher_info .features .box .top span{
  font-size: 1rem;
  font-weight: 600;
}
.page-teacher .teacher_info .features .box .bottom span{

}




.page-teacher .boxes #filter {
margin-bottom: 25px;
}
.page-teacher .boxes #filter .icon_holder i:hover {
  cursor: pointer;
  background-color: #efeff4;
}
.page-teacher .boxes #filter a.sort_type:hover {
  background-color: #efeff4;
}
.page-teacher .boxes #filter a.sort_type {
cursor: pointer;
}
.page-teacher .boxes #filter .icon_holder i.active {
  color: #00a8e3;
  background-color: #efeff4;
}
.page-teacher .boxes #filter a.sort_type.active {
  color: #197392;
  background-color: #efeff4;
  font-weight: 700;
}





@media (max-width:1400px) {
  .page-teacher .teacher_info .features div[class^='col'] {
    padding: 0 8px;
  }
  .page-teacher .teacher_info .features .box i {
    padding: 7px;
    font-size: 1.2rem;
  }
  .page-teacher .teacher_info .features .box {
    padding: 15px;
  }
}


@media (max-width:1200px) {
  .page-teacher .teacher_info .features {
    margin-top: 30px;
  }
  .page-teacher .teacher_info .features .box {
    flex-direction: column;
    padding: 15px;
  }
  .page-teacher .teacher_info .features .box i {
    padding: 7px;
    font-size: 1.2rem;
  }
}

@media (max-width:768px) {
  .page-teacher .teacher_info .features .box {
    margin-bottom: 20px;
    padding: 20px;
  }
  .page-teacher .teacher_info .teacher_name span{
    margin-top: 25px;display: block;
  }

}

@media (max-width:576px) {
  .page-teacher .teacher_info {
    padding-top: 50px !important;
  }
  .page-teacher .teacher_info .teacher_details {
    padding: 15px;
  }

}









/****** license page && page-cooperation*********/

.page-blog .course_box{
  padding: 8px !important;
}
.page-blog .right-side .license-form{
  background-color: #f8f9fd;
  border-radius: 20px;
  /* display: inline-block; */
  padding: 25px;
  border: 1px solid #dcdee996;
  text-align: center;
}

.page-blog .right-side .cooperation-form{
  background-color: #f8f9fd;
  border-radius: 20px;
  /* display: inline-block; */
  padding: 25px;
  border: 1px solid #dcdee996;
}

.page-blog .right-side h5{
  font-family: iransans;
  font-weight: 700;
  font-size: 1rem;
  margin: 17px;
  color: #363844;
}
.page-blog .right-side p{
  display: block;
}
.page-blog .right-side p i{
  font-size: 1.1rem;
}
/* .page-blog .right-side p:before{
  content: '';
  height: 10px;
  width: 5px;
  background-color: #0f4c98;
  border-radius: 5px;
  display: inline-block;
  margin-left: 11px;
} */
.page-blog.page-license .right-side .form-group{
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.page-blog.page-cooperation .right-side .form-group{
  align-items: center;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.page-blog.page-cooperation .right-side div[class^='col-'] {
  margin-top: 10px;
}
.page-blog .right-side label{
  display: inline-block;
  width: auto;
}
.page-blog.page-cooperation .right-side label{
  display: inline-block;
  min-width: 100px;
}
.page-blog.page-cooperation .right-side input[type="text"]{
  font-size: 0.9rem;
  color: #666;
  font-weight: 400;
  direction: rtl;
  width: 100%;
}
.page-blog.page-cooperation .form-control {
  font-size: 0.9rem;
}
.page-blog.page-cooperation  button.btn-default {
  display: none;
}
.page-blog .right-side input[type="text"]{
  padding: 0 10px;
  border: 1px solid #dddfeac4;
  border-radius: 8px;
  box-shadow: 0 2px 4px -1px #e8e9f5;
  color: #545a7cc9;
  transition: 0.2s;
  height: 40px;
  width: 210px;
  direction: ltr;
  font-weight: 400;
}
.page-blog .right-side input[type="text"]:hover{
  outline: none;
  border: 1px solid #a7aabac4;
  color: #44485d;
}
.page-blog .right-side input[type="text"]:focus{
  outline: none;
  border: 1px solid #a7aabaff;
  color: #44485d;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  
}
.page-blog .right-side input[type="submit"]{
  height: 40px;
  margin: 0;
}

.page-blog.page-cooperation input[type="submit"] {
  margin-top: 25px;
}

.page-blog .right-side .feedback{
  margin-top: 20px;
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 17px;
  gap: 8px;
  align-items: center;

  color: #a94442;
  background-color: #f2dede9c;
  border: 1px solid #ebccd1;
}
.page-blog .right-side .feedback i{
  display: inline-flex;
  font-size: 1.2rem;
}





.dir_rtl{
  direction: rtl;
  text-align: right;
}

.dir_ltr{
  direction: ltr;
  text-align: left;
}

.file-preview .fileinput-remove {
  top: 1px;
  right: 1px;
  line-height: 10px;
  display: none;
}










/* *******page-news******** */
.page-news .news_list [class^='col-']{
  margin-bottom: 25px;
}
.page-news .news_list .box{
  display: flex !important;
  flex-direction: column;
  padding: 7px;
  gap: 7px;
  /* margin-bottom: 20px; */
  overflow: unset;
  justify-content: space-between;
  transition: 0.1s;
}
.page-news .news_list .box:hover{
  background-color: #00000001;
  transition: 0.1s;
}
.page-news .news_list .box:hover .content{
  background-color: #e8eaf254;
  transition: 0.1s;
}
.page-news .news_list .box .top{
  display: flex;
  /* justify-content: space-between; */
  /* margin-bottom: 7px; */
  align-items: center;
  width: calc(100% - 77px);
}

.page-news .news_list .box .right{
  display: block;
  position: absolute;
  left: 10px;
  top: -12px;
}

.page-news .news_list .box:hover img{
  scale: 1.05;
  /* left: 7px; */
  /* top: -13px; */
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  transition: 0.15s;
}


.page-news .news_list .box  img{
  width: 65px;
  height: 65px;
  object-fit: cover;
  overflow-clip-margin: unset;
  /* border: 1px solid #d9d9d9; */
  /* border-radius: 20px; */
  position: relative;
  left: 0px;
  top: -4px;
  /* transform: translate(50%, -103px); */
  /* background-color: aqua; */
  /* box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; */
  border-radius: 50%;
  border-radius: 22px;
  transition: 0.3s;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 0px, rgba(17, 17, 26, 0.05) 0px 0px 0px;
}

.page-news .news_list .box .title a:hover{
  text-decoration: underline;
}
.page-news .news_list .box .title a:hover h6{
  color: #0f4c98;
}

.page-news .news_list .box  h6{
  font-weight: 700;
  color: #444;
  margin: 10px;
  /* margin-bottom: 18px; */
  max-width: calc(100% -50px);
  /* max-width: calc(100% - 86px); */
  display: block;
  line-height: 1.4;

  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page-news .news_list .box  .content{
  padding: 9px 11px;
  background-color: #fbfbff;
  /* height: calc(100% - 53px); */
  border-radius: 20px;
  border: 1px solid #dcdee996;
  margin-top: auto;
  transition: 0.1s;
}

.page-news .news_list .box  p{
  margin: 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
  line-height: 1.7;
}
.page-news .news_list .date{
  text-align: left;
  padding: 11px 7px 2px;
}



/************ page-news_single********* */

.page-news_single .right-side .content{
  padding: 15px 15px 15px 15px;
  background-color: #fbfbff;
  border-radius: 20px;
  border: 1px solid #dcdee996
}
.page-news_single .right-side .content p{
margin: 0;
text-align: justify;
margin-top: 20px;
}
.page-news_single .right-side .content p img{
max-width: 100%;
}
.page-news_single .course_box{
  position: relative;

}
.page-news_single .right-side .date{
  position: absolute;
  left: 25px;
  top: 25px;
  color: #888;
  font-weight: 300;
}
.page-news_single .right-side .date span{
  color: #444;
  font-size: 0.95rem;
  /* font-weight: 500; */
  font-family: iranyekanfn;
}
.page-news_single .right-side .date i{
  font-size: 1rem;
}
.page-news_single .right-side h5{
  font-family: iransans;
  font-weight: 700;
  font-size: 1rem;
  margin: 17px;
  color: #363844;
  /* max-width: calc(100% - 204px); */
}
.page-news_single #context .box_bottom{
  text-align: left;
  /* padding: 0 10px; */
}
.page-news_single #context .box_bottom a{
  color: #0006;
  border-radius: 25px;
  padding: 5px 14px;
}
.page-news_single #context .box_bottom a:hover{
  color: #000b;
  /* text-decoration: underline; */
  background-color: #ebecf0
}

.page-news_single .boxes #filter a.sort_type:hover{
  background-color: #dfdfe8;
  }


@media (max-width: 768px) {
  .page-news_single .right-side h5 {
    max-width: unset;
  }
  .page-news_single .right-side .date {
    position: static;
    left: 25px;
    top: 25px;
    color: #888;
    font-weight: 300;
    text-align: left;
    margin-bottom: 7px;
    margin-left: 15px;
  }
}









/* profile pages */

.top_menu{
    /* background-color: #0001; */
    /* border-radius: 5px; */
    text-align: center;
    margin-bottom: 35px;
    border-bottom: 2px solid #e8eaf2;
}
.top_menu ul{
  padding: 0;
  display: inline-flex;
  gap: 30px;
  margin: 0;

}
.top_menu ul li{
  display: inline;
  padding: 10px 0;
  position: relative;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: 0.15s;
}
.top_menu ul li:hover{
  border-bottom: 2px solid #0f4c98;
  transition: 0.05s;
}
.top_menu ul li.active{
  border-bottom: 2px solid #0f4c98;
  transition: 0.05s;
}
.top_menu ul li.active a{
color: #222;
font-weight: 400;
}
.top_menu ul li.active::before{
  content: '';
  background-color: #0f4c98;
  width: 11px;
  height: 7px;
  display: block;
  position: absolute;
  /* right: 50%; */
  left: 50%;
  transform: translate(-50%, 29px);
  border-radius: 17px 17px 0 0;
}
.top_menu ul li a{
  color: #555;
  font-family: iranyekanrd;
  font-weight: 300;
  font-size: .95rem;
  transition: 0.15s;
}
.top_menu ul li a:hover{
  color: #000;
  /* font-weight: 400; */
  transition: 0.05s;
}

.box{
  background-color: #fff;
  border-radius: 18px;
  /* margin-bottom: 5px; */
  /* overflow: hidden; */
  color: #444655;
  padding: 7px;
  font-family: iransansweb;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;

}

.box .box-header{
  padding: 14px 14px 0 14px;
  display: none;

}

.box .box-header h4{
  font-family: iranyekanrd;
  font-weight: 200;
  margin-bottom: 0px;

}

.box .box-body{
  /* border-radius: 14px; */
  /* border: 1px solid #dcdee996; */
  /* padding: 15px; */
  /* background-color: #fbfbff; */
}


.box .btn_file_download {
  font-size: 1.1rem;
  background-color: #0f4c980d;
  border-radius: 50%;
  display: inline-block;
  padding: 8px;
  color: #333;
  transition: 0.2s;
}
.box .btn_file_download i {
  display: flex;
}
.box  table {
margin: 0;
}
.box  table>tbody {
  box-shadow: 0 0 0 1px #0002;
  border-radius: 15px;
  background-color: #f8f9fd;
}
.box  table th{
  border: 0;
}
.box  table tr:last-child td{
  border: 0;
}
.box  table>tbody>tr>td {
  vertical-align: middle;
}

.box  table tr:first-child td:first-child {
  border-top-right-radius: 15px;

}
.box  table tr:first-child td:last-child {
  border-top-left-radius: 15px;

}
.box  table tr:last-child td:first-child {
  border-bottom-right-radius: 15px;
 
}
.box  table tr:last-child td:last-child {
  border-bottom-left-radius: 15px;
  
}

.box table tbody td {
  display: table-cell
}

.box  .btn-primary {
  background-color: #4154f1;
  border-radius: 20px;
  font-size: 0.8rem;
  padding: 4px 8px;
  font-weight: 300;
  border: 0;
}
.box  .btn-secondary {
  background-color: #00996b;
  border-radius: 20px;
  font-size: 0.8rem;
  padding: 4px 8px;
  font-weight: 300;
  border: 0;
}
.box  .btn-danger {
  background-color: #df3f6b;
  border-radius: 20px;
  font-size: 0.8rem;
  padding: 4px 8px;
  font-weight: 300;
  border: 0;
}












/* jalali date picker (new course page)*/

jdp-container {
  font-size: 0.9rem ! IMPORTANT;
  outline: none !important;
  border: 1px solid #0004;
  box-shadow: 0 1px 5px #0002;
  border-radius: 1.075rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  background-color: #f8f9fd;}

jdp-container select {
  font-size: 0.9rem ! IMPORTANT;
}

jdp-container .jdp-btn-today {
  background-color: #7662f2;
}

jdp-container .jdp-btn-emppty {
  background-color: #7662f2;
}

jdp-container .jdp-months, jdp-container .jdp-years {
  /* fill: rgba(0, 0, 0, .9); */
  color: rgba(0, 0, 0, .9);
  display: -webkit-inline-box;
  display: -webkit-flex;
  display: -ms-inline-flexbox;
  /* display: flex; */
  /* font-size: 120%; */
  margin: 0;
  width: 100% !IMPORTANT;
  padding: 2px 15px;
}

jdp-container .jdp-icon-minus, jdp-container .jdp-icon-plus {
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  flex: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  padding: 4px;
  transition: 0.1s;
}

jdp-container .jdp-icon-minus:hover, jdp-container .jdp-icon-plus:hover {
  background-color: #0001;
  transition: 0.05s;
}

jdp-container .jdp-month, jdp-container .jdp-month input, jdp-container .jdp-month select, jdp-container .jdp-time, jdp-container .jdp-time input, jdp-container .jdp-time select, jdp-container .jdp-year, jdp-container .jdp-year input, jdp-container .jdp-year select {
  background: #fff;
  border: none;
  border-radius: 5px;
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0 19px;
  text-align: center;
  vertical-align: initial;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

jdp-container .jdp-month, jdp-container .jdp-month input, jdp-container .jdp-month select, jdp-container .jdp-time, jdp-container .jdp-time input, jdp-container .jdp-time select, jdp-container .jdp-year, jdp-container .jdp-year input, jdp-container .jdp-year select {
  background: #f8f9fd;
  border: none;
  border-radius: 5px;
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0 19px;
  text-align: center;
  vertical-align: initial;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

jdp-container .jdp-btn-close, jdp-container .jdp-btn-empty, jdp-container .jdp-btn-today{
  width: 48%;
}



jdp-container .jdp-btn-close, jdp-container .jdp-btn-empty, jdp-container .jdp-btn-today {
  background: #6f5af1;
  border-radius: 17px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 90%;
  font-weight: 200;
  padding: 0.5em .6em;
  text-align: center;
}

jdp-container .jdp-days {
  -ms-flex-pack: justify;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  outline: 0;
  padding: .5rem 1rem 0.5rem;
  text-align: left;
  width: 100%;
}





jdp-container .jdp-day:not(.disabled-day):hover {
  background: rgb(118 98 242 / 17%);
  transform: scale(1);
  z-index: 1;
}

jdp-container .jdp-day:not(.disabled-day) {
  border-radius: 18px;
  cursor: pointer;
  transition: .1s linear;
}

jdp-container .jdp-day-name {
  background-color: rgb(0 0 0 / 3%);
  border-radius: 0;
  cursor: default;
  font-size: 90%;
  font-weight: 900;
  border-bottom: 1px solid #ddd;
}

jdp-container .jdp-day:not(.disabled-day) {
  border-radius: 18px;
  cursor: pointer;
  transition: .1s linear;
  font-size: 0.9rem;
  font-family: iranyekanfn;
}

jdp-container .jdp-days {
  -ms-flex-pack: justify;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  outline: 0;
  padding: .5rem 1rem 0.5rem;
  text-align: left;
  width: 100%;
}


jdp-container .jdp-day, jdp-container .jdp-day-name {

    color: rgba(0, 0, 0, .9);
    display: inline-block;
    flex-basis: 14.285714%;
    font-weight: 400;
    height: 35px;
    justify-content: center;
    line-height: 33px;
    /* margin: 0px 2px; */
    position: relative;
    text-align: center;
    width: 12.285714%;
}


jdp-container .jdp-day {
  background: none;
  border: 1px solid transparent;
  color: rgba(0, 0, 0, .9);
  display: inline-block;
  flex-basis: 14.2857143%;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  line-height: 35px;
  margin: 0px 0;
  position: relative;
  text-align: center;
  width: 14.2857143%;
}




.page-newcourse .note-toolbar {
  padding: 10px 5px;
  color: #333;
  background-color: #f5f5f5;
  border-bottom: 1px solid;
  border-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fbfbff;
}



img.banner{
  width: 100%;
  border-radius: 26px;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
  border: 4px solid #ffffff6b;}
  #login_page header .container{
    box-shadow: none !important;
  }
  #login_page .box_login{
    min-height: 100vh;
    height: auto;
    padding: 80px 0;
  }
  #login_page main {
    background-color: #f8f9fd;
}
  .hero>.container{
    direction: ltr;
  }
  .hero .btn-get-started{
    margin-top: 5px;
    padding: 19px 36px;
  }
  .slider {
    padding: 80px 0;
    direction: rtl;
    background-color: #fbfbfb;
}

.validation-summary-errors ul{
  margin: 15px 0;
  padding: 0;
}
.validation-summary-errors ul li{
  background-color: #ff00000f;
  border: 1px solid #890a0a1f;
  color: #890a0a;
  border-radius: 6px;
  padding: 10px;
  display: block;
  list-style: none;
  font-weight: 600;
}

#login_page .left_inner h3{
  font-weight: 700;
  color: white;
}

.header a {
  margin-top: unset;
  cursor: pointer;
  font-weight: unset;
  border-bottom: unset;
  color: unset;
}

.header a:hover {

  border-bottom: unset;
  color: unset;
}
#login_page.ls a.back {
  display: inline-flex
;
  gap: 3px;
  align-items: center;
  color: white;
}