@font-face{font-family: IRANYekan;font-style: normal;font-weight: 800;src: url("../fonts/IRANYekan-Bold.woff2") format("woff2");font-display: swap;}
@font-face{font-family: IRANYekan;font-style: normal;font-weight: 600;src: url("../fonts/IRANYekan-Regular.woff2") format("woff2");font-display: swap;}
html{scroll-behavior: smooth;}body{overflow-x: hidden;}
*{margin: 0;padding: 0;box-sizing: border-box;border: none;outline: none;font-family: 'IRANYekan'}
ol,ul{list-style: none;}a{text-decoration: none;}
.maxrow{max-width: 1600px;margin: 0 auto;position: relative;}.center{display: flex;justify-content: center;align-items: center;}.mycontainer{padding: 35px 100px;}

/* --------------------SideBar-------------------- */

.slider-page{background-color: #022F47BB;position: fixed;top: 0;right: 0;width: 100%;height: 100vh;z-index: 999;display: none;}
.sidebar{width: 240px;height: 100%;position: fixed;z-index: 1000;background-color: #FFF;transition: all 0.3s;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow-y: auto;right: -100%;top: 0;direction: rtl;}
.sidebar::-webkit-scrollbar{display: none;}
.sidebar-header{width: 100%;}
.sidebar-logo{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 15px;background: #022F47;background: -moz-linear-gradient(-45deg, #022F47 0%, #0c5881 100%);background: -webkit-linear-gradient(-45deg, #022F47 0%, #0c5881 100%);background: linear-gradient(135deg, #022F47 0%, #0c5881 100%);}
.sidebar-logo > img{width: 80px;}
.t-ab-r-text{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10px;}
.t-ab-r-text > h2{font-size: 15px;color: #FFF;}
.t-ab-r-text > h3{font-size: 10px;color: #fcfcfc;}
.sidebar-menu{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px;}
.sidebar-menu-ul{width: 100%;display: flex;flex-direction: column;align-items: center;}
.sidebar-menu-ul > li{width: 100%;}
.sidebar-menu-ul > li > a{height: 50px;width: 100%;color: #022F47;font-weight: 800;font-size: 13px;transition: all 0.3s;border-radius: 5px;display: flex;align-items: center;border: 3px solid transparent;-webkit-tap-highlight-color: transparent;cursor: pointer;padding-right: 10px;margin-bottom: 10px;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.sidebar-menu-ul > li > a:hover{color: #3281AA;background-color: #3281AA20;border-right-color: #3281AA;}
.sidebar-menu-ul > li > a > svg{width: 15px;margin-left: 15px;}
.sidebar-menu-ul > li > a > svg > path{transition: all 0.3s;fill: #022F47;}
.sidebar-menu-ul > li > a:hover > svg > path{fill: #3281AA;}

/* --------------------Header-------------------- */

header{direction: rtl;position: absolute;width: 100%;height: 100px;background-color: transparent;display: flex;flex-direction: column;top: 0;left: 0;z-index: 190;transition: all 0.5s ease;}
.scrolllll{-webkit-box-shadow: 0 1px 20px -5px #022F4733; box-shadow: 0 1px 20px -5px #022F4733;background-color: #fff;height: 60px;position: fixed;}
.burger{display: none;justify-content: center;align-items: center;width: 40px;height: 40px;cursor: pointer;background-color: #c4e8ff;border-radius: 5px;transition: 0.3s;-webkit-tap-highlight-color: transparent;}
.menu-nav{position: relative;width: 100%;height: 100%;z-index: 4;background-color: transparent;}
.navbarnav{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;max-width: 1600px;padding: 0 100px;}
.nav-logo{display: flex;align-items: center;}
.logo{display: flex;align-items: center;margin-left: 50px;}
.logo > a{height: 40px;display: flex;align-items: center;}
.logo > a > img{height: 100%;width: auto;}
.navbaritems{display: flex;justify-content: center;align-items: center;}
.navbaritems-a{color: #041c29;height: 60px;font-weight: 800;display: flex;justify-content: center;align-items: center;font-size: 14px;position: relative;padding: 0 25px;cursor: pointer;}
.navbaritems-a,.navbaritems-a:after,.navbaritems-a:before{transition: all ease-out .3s;}
.navbaritems-a:after{position: absolute;width: 0%;height: 3px;bottom: 10px;left: 0;right: 0;margin: auto;content: '.';color: transparent;background: #3281AA;border-radius: 2px;}
.navbaritems-a:hover:after{width: 20%;}
.navbaritems-a:hover{color: #3281AA;}
.navbaritems-left{display: flex;}
.navbaritems-left > .change-lang{background-color: transparent;height: 37px;padding: 0 10px;display: flex;align-items: center;border-radius: 5px;color: #041c29;font-size: 14px;font-weight: 600;transition: all .3s;cursor: pointer;margin-right: 15px;}
.navbaritems-left > .change-lang:hover{background-color: #daf1ff;}
.navbaritems-left > .change-lang::after{content: url("../images/svg/en.svg");position: relative;right: 0;top: 1px;margin-right: 8px;}
.navbaritems-left > .login-signup{height: 37px;border-radius: 5px;transition: all 0.3s;display: flex;justify-content: center;align-items: center;padding: 0 15px;font-size: 14px;font-weight: 600;background-color: #2e7194;color: #fff;border-color: #2e7194;transform: scale(1);animation: pulse-blue 2s infinite;position: relative;cursor: pointer;}
.navbaritems-left > .login-signup:hover{background-color: #1c597a;}
@keyframes pulse-blue {0% {transform: scale(.98);box-shadow: 0 0 0 0 #3281AAdd}70% {transform: scale(1);box-shadow: 0 0 0 5px transparent}100% {transform: scale(.98);box-shadow: 0 0 0 0 transparent}}

/* --------------------bg-bg-------------------- */

.bg-bg{position: relative;width: 100%;height: 400px;min-height: 50vh;background: url("../images/svg/p-head-blog.svg") no-repeat bottom;background-size: cover;}
.header-title{position: relative;width: 100%;height: 100%;justify-content: center;align-items: center;display: flex;flex-direction: column;}
.header-title > h1{color: #052b3f;font-size: 28pt;text-align: center;padding: 0 10px;font-weight: 800;}

/* --------------------Main-------------------- */

main{background-color: #F7FCFF;width: 100%;direction: rtl;}
.h2-header{width: 100%;position: relative;}
.h2-header::after{content: "";width: 35px;height: 3px;background-color: #ED145B;left: 50%;bottom: 0;transform: translateX(-50%);position: absolute;}
.h2-header > h2{width: 100%;text-align: center;padding: 15px 15px;color: #022F47;}
.all-of-eny{width: 100%;direction: ltr;margin-top: 50px;}
.all-of-eny > a{font-size: 14px;font-weight: 800;color: #022F47;}
.all-of-eny > a::before{content: url("../images/svg/angle-left.svg");position: relative;top: 4px;left: 0;margin-right: 5px;}

/* --------------------Main(Blog)-------------------- */

.blgcontainer{padding: 35px 400px;}
.author-div{display: flex;align-items: center;cursor: default;margin-bottom: 15px;}
.author-div > img{width: 50px;height: 50px;border-radius: 50%;margin-left: 15px;}
.author{display: flex;flex-direction: column;justify-content: space-evenly;height: 50px;}
.author > p:first-child{font-size: 13px;color: #5b5b5b;font-weight: 800;white-space: nowrap;}
.author > p:last-child{font-size: 13px;color: #8F8F8F;font-weight: 600;white-space: nowrap;}

.blg-post{width: 100%;max-width: 100%;}
.post-img{width: 100%;height: auto;border-radius: 5px;}
.post-text{list-style-type: persian;color: #363636;font-size: 15px;line-height: 1.9rem;}

.post-tags{width: 100%;padding: 30px 0;}
.post-tags > ul{width: 100%;display: flex;flex-wrap: wrap;}
.post-tags > ul > li{margin-left: 10px;margin-bottom: 10px;}
.post-tags > ul > li > a{padding: 2px 15px;border-radius: 3px;color: #094FA0;font-size: 14px;font-weight: 800;background-color: #094FA011;cursor: pointer;transition: all 0.3s;}
.post-tags > ul > li > a:hover{background-color: #094FA025;}
.post-share{display: flex;justify-content: space-between;align-items: center;}
.post-share > p{color: #363636;font-size: 14px;font-weight: 800;}
.share-li > a{margin-right: 5px;}

/* --------------------Footer-------------------- */

footer{width: 100%;direction: rtl;}
.footer-bg{width: 100%;position: relative;background-color: #DFF3FF;}
.clcs-footer{display: flex;justify-content: space-between;align-items: center;}
.clcs-footer > p{text-align: right;font-size: 16px;font-weight: 800;color: #022F47;}
.imagesss{display: flex;}
.imagesss > a > img{width: 50px;height: 50px;filter: grayscale(100%);opacity: 0.5;transition: all 0.3s;margin-right: 25px;}
.imagesss > a > img:hover{filter: grayscale(0%);opacity: 1;transform: scale(1.1);}
.footer-bg-dw{width: 100%;background-color: #022F47;}
.footer-center-top{display: flex;justify-content: center;align-items: center;width: 100%;}
.logo-footer-img{height: 50px;width: auto;}
.cen-footer-div{display: flex;justify-content: space-between;width: 100%;height: 100%;}
.cen-footer-r{width: 350px;margin-top: 25px;}
.adrress-div{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.adrress-div > p{color: #fff;font-size: 14px;}
.addr-item{display: flex;align-items: center;font-size: 13px;}
.addr-item > img{margin-left: 15px;height: 20px;}
.addr-item a{color: #e9e9e9;font-size: 13px;}
.addr-item address{color: #e9e9e9;font-size: 13px;}
.cen-footer-l{display: flex;flex-direction: column;height: 100%;margin-top: 25px;}
.sossial-media{width: 100%;}
.sossial-media > p{color: #fff;font-size: 13px;text-align: center;width: 185px;}
.sm-footer{display: flex;justify-content: center;align-items: center;margin-top: 15px;}
.sm-footer > a{margin: 0 5px;transition: all 0.3s;}
.sm-footer > a:hover{transform: rotate(15deg);}
.sossial-logo{width: 100%;display: flex;align-items: center;justify-content: flex-end;margin-top: 15px;}
.saman{background-color: #fff;padding: 15px;border-radius: 5px;min-height: 90px;max-height: 90px;cursor: pointer;margin-right: 5px;}
.footer-dw-container{padding: 0 100px;}
.copyright{width: 100%;height: 50px;text-align: center;font-size: 13px;cursor: default;color: #DFF3FF;display: flex;justify-content: center;align-items: center;border-top: 1px solid #b3c7ff;}
.copyright > a{color: #DFF3FF;cursor: pointer;transition: 0.3s;margin: 0 5px;}
.copyright > a:hover{color: #4CC9E9;}

/* --------------------MediaQuery-------------------- */

@media screen and (max-width: 1600px)
{
  .blgcontainer{padding: 35px 300px;}
}
@media screen and (max-width: 1300px)
{
  .navbarnav{padding: 0 50px;}
  .mycontainer{padding: 35px 50px;}
  .footer-dw-container{padding: 0 50px;}
  .logo{margin-left: 25px;}
  .blgcontainer{padding: 35px 150px;}
}
@media screen and (max-width: 1100px)
{
  /*Header*/
  .navbarnav{padding: 0 25px;}
  .mycontainer{padding: 25px;}
  .blgcontainer{padding: 25px;}
  .footer-dw-container{padding: 0 25px;}
  nav,.logo{display: none;}
  .navbarlogo{justify-content: flex-start;}
  .burger{display: flex;}
  /*Main*/
  .blg{grid-template-columns: 1fr;}
}
@media screen and (max-width: 767px)
{
  /*Main*/
  .services-section{padding-bottom: 0;}
  .clcs-footer{flex-direction: column;}
  .clcs-footer > p{text-align: center;}
  .imagesss{flex-wrap: wrap;justify-content: center;}
  .imagesss > a > img{margin-right: 0;margin: 25px 15px 0 15px;}
  /*Footer*/
  .cen-footer-div{flex-direction: column;}
  .cen-footer-r{display: flex;flex-direction: column;align-items: center;width: 100%;}
  .sossial-logo{justify-content: center;margin-top: 25px;}
  .saman{margin-right: 0;margin: 0 5px;}
  .adrress-div > p{width: 100%;text-align: center;margin-bottom: 15px;}
  .addr-item{margin-bottom: 15px;}
  .cen-footer-l{align-items: center;width: 100%;}
  .sossial-media > p{width: 100%;}
  .sossial-logo{justify-content: center;}
}
@media screen and (max-width: 480px)
{
  .blgcontainer{padding: 25px 10px;}
  .post-text{font-size: 14px;text-align: justify;}
  .mycontainer{padding: 10px;}
  .navbarnav{padding: 0 10px;}
  .footer-dw-container{padding: 0 10px;}
  .header-title > h1{font-size: 18pt;}
}
@media screen and (max-width: 370px){.sidebar{width: 220px;}}
.hidden{display: none;}.show{display: flex;}
.slide-show{right: 0;-webkit-box-shadow: -10px 0 30px 5px #022F4766;box-shadow: -10px 0 30px 5px #022F4766;}
@media screen and (min-width: 992px){.slider-page{display: none;}.sidebar{display: none;}}
@media screen and (min-width: 768px){.ugb-bottom-separator,.ugb-separator-wrapper{height: 80px;}}