@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: 700px;min-height: 90vh;background: url("../images/svg/p-head-home.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 > img{width: 500px;height: auto;max-width: 70%;margin-bottom: 20px;}
.header-title > h1{color: #052b3f;margin-bottom: 15px;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(About)-------------------- */

.about-section{position: relative;width: 100%;background-color: #fff;direction: rtl;}
.servi-grid{display: grid;grid-template-columns: 1fr;grid-gap: 100px;margin-top: 100px;}
.cust-div{width: 100%;min-height: 300px;background-color: #fff;border-radius: 10px;padding: 25px;box-shadow: 0 0 20px 0 #022F4711;border: 1px solid #022F4711;overflow: hidden;display: grid;grid-gap: 50px;}
.cust-div-frow{width: 100%;display: flex;justify-content: space-between;}
.cust-img-div{height: 100%;display: flex;flex-direction: column;align-items: center;}
.cust-img-div > img{width: 200px;height: 200px;border-radius: 50%;}
.cust-img-div > a{font-size: 14px;color: #3F8AC0;font-weight: 800;display: flex;align-items: center;transition: all 0.3s;margin-top: 25px;}
.cust-img-div > a > svg{width: 4px;height: 7px;margin-right: 10px;position: relative;top: 1px;transition: all 0.3s;}
.cust-img-div > a > svg > path{fill: #3F8AC0;}
.cust-img-div > a:hover{color: #1d5c7e;}
.cust-img-div > a:hover > svg > path{fill: #1d5c7e;}
.cust-img-div > a:hover > svg{transform: translateX(-3px);}
.cust-p{height: 100%;color: #022F47;padding-left: 25px;}
.cust-p > h3{font-size: 18px;margin-top: 10px;}
.cust-p > h4{font-size: 14px;margin-bottom: 25px;}
.cust-p > address{font-size: 14px;color: #095179;margin-bottom: 10px;position: relative;}
.cust-p > address::before{content: url("../images/svg/location.svg");position: relative;top: 3px;margin-left: 10px;}
.cust-p > p{font-size: 14px;}
.cust-p > p::before{content: url("../images/svg/note.svg");position: relative;top: 3px;margin-left: 10px;}
.cust-futre{width: 100%;margin-top: 25px;display: flex;flex-wrap: wrap;}
.cust-futre > span{padding: 2px 10px;border-radius: 5px;font-size: 13px;font-weight: 800;color: #3F8AC0;background-color: #daf1ff;margin: 0 0 5px 5px;}
.cust-div-srow{width: 100%;min-height: 100px;padding: 15px;border: 2px solid #eaf0f3;border-radius: 5px;}
.cust-div-srow > h3{color: #022F47;font-size: 18px;margin-bottom: 10px;}
.cust-div-srow > p{color: #022F47;font-size: 14px;}
/* --Accordion-- */
.accordion-div{width: 100%;margin-top: 25px;}
.accordion{width: 100%;background-color: #fff;border: 1px solid #3F8AC044;border-radius: 5px;text-align: right;font-size: 14px;color: #022F47;cursor: pointer;padding: 15px 15px 15px 50px;transition: 0.3s;position: relative;}
.accordion.active,.accordion:hover{background-color: #3F8AC022;}
.accordion::after {content: url('../images/svg/angle-left.svg');margin-left: 15px;position: absolute;left: 0;top: 19px;transition: 0.3s;transform: translate(4px,-4px)rotate(-90deg);}
.accordion.active::after{transform: translate(-4px,-4px)rotate(90deg);}
.panel{padding: 0 25px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;margin: 10px 0;width: 100%;}
.panel-p{font-size: var(--main-font-size-9);text-align: right;font-weight: 800;color: #777;line-height: 1.9;}

/* --------------------Main(Contact)-------------------- */

.contact-section{background-color: #fff;width: 100%;direction: rtl;}
.cont-h3{margin-top: 50px;font-size: 16px;color: #022F47;}
.cont-p{font-size: 14px;color: #022F47;}
.map-form{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 50px;margin-top: 25px;}
.cs-map{width: 100%;height: 100%;border-radius: 5px;overflow: hidden;}
.map-style{padding: 0 10px;text-align: right;}
.form-sms{display: flex;width: 100%;flex-direction: column;align-items: center;}
.field-form{display: grid;width: 100%;grid-template-columns: repeat(2,1fr);grid-template-rows: repeat(7,1fr);grid-template-areas: "a b" "c d" "f f" "f f" "f f" "f f" "e e";grid-gap: 10px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}input[type=number]{-moz-appearance: textfield;}
.myFloatInput{width: 100%;height: 40px;background-color: #F2F5FA;border-radius: 5px;color: #666;font-size: 13px;font-weight: 600;padding: 0 15px;border: 1px solid #ccc;transition: all 0.3s;}
.myFloatInput:focus,.form-control:focus{border-color: #3281AA;background-color: #fff}
.field{position: relative;width: 100%;}
.field-form-control{position: relative;width: 100%;grid-area: f;}
.form-control{width: 100%;height: 100%;background-color: #F2F5FA;border-radius: 5px;border: 1px solid #ccc;transition: 0.3s;resize: none;overflow: auto;padding: 15px;color: #666;font-size: 13px;font-weight: 600;transition: all 0.3s;}
.smsfromsub-btn{width: 100%;height: 100%;border-radius: 5px;display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 13px;font-weight: 800;background-color: #2e7194;cursor: pointer;transition: all 0.3s;}
.smsfromsub-btn:hover{background-color: #1c597a;}
.in-field1{grid-area: a;}.in-field2{grid-area: b;}.in-field3{grid-area: c;}.in-field4{grid-area: d;}.in-field5{grid-area: e;}
::placeholder{font-size: 11px;color: #999;transition: all 0.3s;}
.myFloatInput:focus::placeholder,.form-control:focus::placeholder{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*/
}
@media screen and (max-width: 767px)
{
  /*Main*/
  .services-section{padding-bottom: 0;}

  .servi-grid{grid-gap: 50px;margin-top: 50px;}
  .cust-div-frow{flex-direction: column-reverse;}
  .cust-p{padding-left: 0;padding-right: 0;}
  .cust-p > h3{margin-top: 50px;width: 100%;text-align: center;}
  .cust-p > h4{width: 100%;text-align: center;}
  .cust-p > address,.cust-p > p,.cust-div-srow > p{text-align: justify;}
  .cust-div-srow{padding: 15px 0;border: none;}
  .cust-div-srow > h3{text-align: center;}





  
  .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)
{
  .cust-div{border-radius: 5px;padding: 25px 10px;}
  .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;}.cust-img-div > img{width: 80%;height: auto;}}
.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;}}