@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: 100px;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: 32pt;text-align: center;padding: 0 10px;font-weight: 800;}

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

main{background-color: #F7FCFF;width: 100%;}
.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;}
.ugb-top-separator{pointer-events: none;position: absolute!important;left: -1px;right: -1px;top: -1px;overflow: hidden;margin: 0;}
.ugb-bottom-separator{pointer-events: none;position: absolute!important;left: -1px;right: -1px;bottom: -1px;overflow: hidden;margin: 0;}
.ugb-separator-wrapper{top: auto;bottom: 0;}
.ugb-separator__layer-1{position: absolute;fill: #fafafa;height: 100%;width: 100%;z-index: 4;}
.services-section{position: relative;width: 100%;padding-bottom: 80px;}

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

.blgcontainer{padding: 35px 300px;}
.about-section{position: relative;width: 100%;background-color: #F7FCFF;}

.blg{width: 100%;min-height: 500px;display: grid;grid-template-columns: 350px 1fr;grid-gap: 25px;}
.blg-aside{direction: rtl;width: 100%;height: fit-content;display: grid;grid-gap: 15px;}
.aside-div{width: 100%;height: fit-content;padding: 15px;background-color: #FFF;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);border-radius: 5px;overflow: hidden;}
.blg-intro > h3{color: #092f5a;font-size: 15px;margin-bottom: 10px;}
.blg-intro > p{color: #5b5b5b;font-size: 14px;}
.blg-share{width: 100%;margin-top: 25px;display: flex;justify-content: flex-end;}
.blg-share > a{margin-right: 10px;}
.blg-share > a > img{width: 24px;height: 24px;}
.blg-most-view-post > h3{color: #092f5a;font-size: 15px;margin-bottom: 10px;width: 100%;position: relative;text-align: center;margin-bottom: 15px;}
.blg-most-view-post > h3::before{content: "";position: absolute;width: 8px;height: 8px;background-color: #ED145B;border-radius: 50%;top: 11px;transform: translateX(15px);}
.bmvp-div{width: 100%;display: grid;grid-gap: 5px;}
.bmvp{width: 100%;height: 50px;border-radius: 5px;border: 1px solid #eee;overflow: hidden;display: flex;align-items: center;}
.bmvp > img{width: auto;height: 100%;margin-left: 10px;}
.bmvp > p{color: #363636;font-weight: 800;font-size: 13px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.blg-posts{direction: rtl;width: 100%;display: grid;grid-gap: 15px;}
.post{width: 100%;padding: 15px;background-color: #FFF;border: 1px solid #f0f0f0;border-radius: 5px;overflow: hidden;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);}
.author-div{display: flex;align-items: center;}
.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;}
.post-title{font-size: 18px;font-weight: 800;color: #363636;margin: 15px 0;}
.post-img{width: 100%;height: auto;border-radius: 5px;}
.post-text{color: #858585;font-size: 13px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.see-post{width: 100%;display: flex;justify-content: flex-end;margin-top: 15px;}
.see-post > a{font-size: 13px;color: #5b5b5b;font-weight: 800;display: flex;align-items: center;transition: all 0.3s;}
.see-post > a > svg{width: 4px;height: 7px;margin-right: 10px;position: relative;top: 2px;transition: all 0.3s;}
.see-post > a > svg > path{fill: #5b5b5b;}
.see-post > a:hover{color: #3281AA;}
.see-post > a:hover > svg > path{fill: #3281AA;}
.see-post > a:hover > svg{transform: translateX(-4px);}
.pagination-div{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 15px;background-color: #FFF;border: 1px solid #f0f0f0;border-radius: 5px;overflow: hidden;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);}
.plf{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 5px;transition: all 0.3s;background-color: #EFEFEF;}
.plf:hover{background-color: #094FA022;}
.plf > a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.plf > a > svg{width: 4px;height: 7px;transition: all 0.3s;}
.plf > a > svg > path{fill: #5b5b5b;}
.plf > a:hover > svg > path{fill: #3281AA;}
.plf-main{height: 100%;display: flex;align-items: center;cursor: default;}
.plf-main > a{width: 30px;height: 30px;font-size: 13px;font-weight: 600;color: #555;display: flex;justify-content: center;align-items: center;border-radius: 5px;transition: 0.3s;margin: 0 5px;background-color: #EFEFEF;}
.plf-main > a:hover{background-color: #3281AA22;color: #3281AA;}
.plf-main > a.active{background-color: #3281AA;color: #fff;}

/* --------------------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: 1300px)
{
  .navbarnav{padding: 0 50px;}
  .mycontainer{padding: 35px 50px;}
  .footer-dw-container{padding: 0 50px;}
  .logo{margin-left: 25px;}
}
@media screen and (max-width: 1100px)
{
  /*Header*/
  .navbarnav{padding: 0 25px;}
  .mycontainer{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*/
  .servi-grid{grid-template-columns: 1fr;grid-gap: 25px;margin-top: 50px;}
  .services-section{padding-bottom: 0;}

  
  .cont-h3{margin-top: 50px;font-size: 16px;color: #022F47;}
  .cont-p{font-size: 14px;color: #022F47;}
  .map-form{grid-template-columns: repeat(1,1fr);}
  .cs-map{width: 100%;height: 400px;}
  .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)
{
  .mycontainer{padding: 10px;}
  .navbarnav{padding: 0 10px;}
  .footer-dw-container{padding: 0 10px;}
  .header-title > h1{font-size: 24pt;}
  .field-form{grid-template-rows: repeat(8,1fr);grid-template-areas: "a a" "b b" "c c" "d d" "f f" "f f" "f f" "e e";}
  .cs-map{width: 100%;height: 300px;}
}
@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;}}