/*--------------------------------------------------------------# General--------------------------------------------------------------*/@font-face {  font-family: dana;  font-style: normal;  font-weight: 10;  src: url('../fonts/Dana-Hairline.woff2') format('woff2'), url('../fonts/woff/Dana-Hairline.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 100;  src: url('../fonts/Dana-Thin.woff2') format('woff2'), url('../fonts/woff/Dana-Thin.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 200;  src: url('../fonts/Dana-UltraLight.woff2') format('woff2'), url('../fonts/woff/Dana-UltraLight.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 300;  src: url('../fonts/Dana-Light.woff2') format('woff2'), url('../fonts/woff/Dana-Light.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 500;  src: url('../fonts/Dana-Medium.woff2') format('woff2'), url('../fonts/woff/Dana-Medium.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 600;  src: url('../fonts/Dana-DemiBold.woff2') format('woff2'), url('../fonts/woff/Dana-DemiBold.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 800;  src: url('../fonts/Dana-ExtraBold.woff2') format('woff2'), url('../fonts/woff/Dana-ExtraBold.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: 900;  src: url('../fonts/Dana-Black.woff2') format('woff2'), url('../fonts/woff/Dana-Black.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: bold;  src: url('../fonts/Dana-Bold.woff2') format('woff2'), url('../fonts/woff/Dana-Bold.woff') format('woff');}@font-face {  font-family: dana;  font-style: normal;  font-weight: normal;  src: url('../fonts/Dana-Regular.woff2') format('woff2'), url('../fonts/woff/Dana-Regular.woff') format('woff');}@font-face {  font-family: 'yekan';  src: url('../fonts/yekan.eot');  src: url('../fonts/yekan.eot#iefix') format('embedded-opentype'), url('../fonts/yekan.woff2') format('woff2'), url('../fonts/yekan.woff') format('woff'), url('../fonts/yekan.ttf') format('truetype'), url('../fonts/yekan.svg#CartoGothicStdBook') format('svg');  font-style: normal;}@font-face {  font-family: Vazir;  src: url('../fonts/Vazir-FD-WOL.eot');  src: url('../fonts/Vazir-FD-WOL.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir-FD-WOL.woff') format('woff'), url('../fonts/Vazir-FD-WOL.ttf') format('truetype');  font-weight: normal;}@font-face {  font-family: Vazir;  src: url('../fonts/Vazir-Bold-FD-WOL.eot');  src: url('../fonts/Vazir-Bold-FD-WOL.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir-Bold-FD-WOL.woff') format('woff'), url('../fonts/Vazir-Bold-FD-WOL.ttf') format('truetype');  font-weight: bold;}body {  direction: rtl;  font-family: yekan,Vazir,'Open Sans', Arial, Helvetica, sans-serif;  background: #f6fbfc;  color: #444;  margin: 1px;  overflow-y: scroll;  font-size: 14px;  line-height: 1.8;}.form-control {  font-size: 12px;  border-radius: 10px;}.btn {  font-size: 13px;  height: 35px;  vertical-align: central;  box-shadow: 1px 1px 5px #888888;}a {  color: #191970;  transition: 0.5s;}  a:hover, a:active, a:focus {    color: #053b57;    outline: none;    text-decoration: none;  }p {  padding: 0;  margin: 0 0 30px 0;}h1, h2, h3, h4, h5, h6 {  color: midnightblue;  font-family: dana,yekan,Vazir, "Montserrat", sans-serif;  font-weight: bolder;  margin: 0 0 20px 0;  padding: 0;  text-align: right;}h1 {  font-size: 16pt;}h2 {  font-size: 4.0vh;}h3 {  font-size: 16pt;}h4 {  font-size: 14pt;}h5 {  font-size: 12pt;}/* Back to top button */.back-to-top {  position: fixed;  display: none;  background: #43878a;  color: #fff;  padding: 6px 12px 9px 12px;  font-size: 16px;  border-radius: 2px;  left: 15px;  bottom: 15px;  transition: background 0.5s;}@media (max-width: 768px) {  .back-to-top {    bottom: 15px;  }}.back-to-top:focus {  background: #00b1e4;  color: #fff;  outline: none;}.back-to-top:hover {  background: #0c2e8a;  color: #fff;}/*--------------------------------------------------------------# Top Bar--------------------------------------------------------------*/#topbar {  padding: 10px 0;  border-bottom: 0px solid #eee;  font-size: 12px;  background: #fff;}  #topbar .contact-info a {    line-height: 1;    color: #acacac;  }    #topbar .contact-info a:hover {      color: #00b1e4;    }  #topbar .contact-info i {    color: #ddd;    padding: 4px 4px 0 0;  }.contact-info.float-right {  color: #acacac;}#topbar .contact-info .fa-phone {  padding-right: 20px;  margin-right: 20px;  border-right: 0px solid #e9e9e947;}#topbar .social-links a {  color: #000;  font-family: yekan,Vazir, "Montserrat", sans-serif;  padding: 4px 12px;  display: inline-block;  line-height: 2px;  border-right: 1px solid #000;  font-size: 14px;}  #topbar .social-links a:hover {    color: #fff;  }  #topbar .social-links a:first-child {    border-right: 0;  }/*--------------------------------------------------------------# Header--------------------------------------------------------------*//*--------------------------------------------------------------    # Header    --------------------------------------------------------------*/#header {  position: relative;  padding: 5px 0;  height: 145px;  transition: all 0.5s;  z-index: 997;  background: #fff;  border-bottom-color: #bdbdbd;  border-bottom-style: solid;  border-bottom-width: 1px;  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);}  #header #logo h1 {    font-size: 28px;    margin: 6px 0 0 0;    padding: 0;    line-height: 1;    font-family: yekan,Vazir, "Montserrat", sans-serif;    font-weight: 700;  }    #header #logo h1 a {      color: #071e33;      line-height: 1;      display: inline-block;      color: #00b1e4;    }      #header #logo h1 a span {        color: #071e33;      }  #header #logo img {    padding: 0;    margin: 0;  }@media (max-width: 991.98px) {  #header {    padding: 0px 0;    /* اجازه می‌دهیم ارتفاع بر اساس محتوای کادر سفید تنظیم شود */    height: auto !important;  }}/* Sections Header    --------------------------------*/.section-header {  margin-bottom: 30px;}  .section-header h2 {    font-size: 32px;    color: #071e33;    text-transform: uppercase;    font-weight: 700;    position: relative;    padding-bottom: 20px;    text-align: center;  }    .section-header h2::before {      content: '';      position: absolute;      display: block;      width: 62px;      height: 3px;      bottom: 0;      right: 0;      border-top: #00b1e4 solid 2px;      left: 0;      text-align: center;      margin: 0 auto;    }  .section-header p {    padding: 0;    margin: 0;    text-align: center;    color: #333;  }/*--------------------------------------------------------------# Intro Section SlideShow Feade--------------------------------------------------------------*/.carousel-fade .carousel-item {  opacity: 0;  transition-duration: .6s;  transition-property: opacity;}  .carousel-fade .carousel-item.active,  .carousel-fade .carousel-item-next.carousel-item-right,  .carousel-fade .carousel-item-prev.carousel-item-left {    opacity: 1;  }.carousel-fade .active.carousel-item-right,.carousel-fade .active.carousel-item-left {  opacity: 0;}.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-right,.carousel-fade .active.carousel-item-prev {  transform: translateX(0);  transform: translate3d(0, 0, 0);}/*--------------------------------------------------------------# Intro Section--------------------------------------------------------------*/#intro {  width: 100%;  /*height: 70vh;*/  position: relative;  background: url("../img/intro-carousel/1.png") no-repeat;  background-size: cover;}  #intro .intro-content {    position: absolute;    bottom: 0;    top: 0;    right: 14%;    left: 0;    z-index: 10;    display: flex;    justify-content: center;    flex-direction: column;    text-align: right;  }    #intro .intro-content h2 {      color: #3a3a3a;      margin-bottom: 30px;      font-size: 24px;      font-weight: normal;      text-align: right;    }      #intro .intro-content h2 span {        color: #071e33;        text-align: left;        font-size: 66px;        text-transform: uppercase;        font-weight: 700;      }@media (max-width: 767px) {  #intro .intro-content h2 {    font-size: 22px;    background: #ffffff;    padding: 15px;  }}#intro .intro-content .btn-get-started, #intro .intro-content .btn-projects {  font-family: yekan,Vazir, "Raleway", sans-serif;  font-size: 15px;  font-weight: bold;  letter-spacing: 1px;  display: inline-block;  padding: 10px 32px;  border-radius: 2px;  transition: 0.5s;  margin: 0;  color: #fff;}#intro .intro-content .btn-get-started {  background: #00b1e4;  border: 2px solid #00b1e4;}  #intro .intro-content .btn-get-started:hover {    background: none;    color: #00b1e4;  }#intro .intro-content .btn-projects {  background: #00b1e4;  border: 2px solid #00b1e4;}  #intro .intro-content .btn-projects:hover {    background: none;    color: #00b1e4;  }#intro #intro-carousel {  z-index: 8;}  #intro #intro-carousel::before {    content: '';    background-color: rgba(255, 255, 255, 0.7);    position: absolute;    height: 100%;    width: 100%;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 7;  }  #intro #intro-carousel .item {    width: 100%;    height: 60vh;    background-size: cover;    background-position: center;    background-repeat: no-repeat;    -webkit-transition-property: opacity;    transition-property: opacity;  }/*--------------------------------------------------------------# Navigation Menu/* ==========================================    تنظیمات پایه و راست‌چین    ========================================== */.navbar-rtl {  direction: rtl;  background-color: #ffffff !important;  padding-top: 0px;  padding-bottom: 0px;}  .navbar-rtl .navbar-nav {    display: flex;    flex-direction: row;    justify-content: center;    width: 100%;  }    .navbar-rtl .navbar-nav .nav-item {      margin: 0 calc(0.1vw + 4px);      position: relative;    }  .navbar-rtl .dropdown-menu {    text-align: right;    right: 0;    left: auto;    margin-top: -10px;    padding: calc(0.2vw + 2px) 0;    border-radius: 6px;    box-shadow: 0 5px 15px rgba(0,0,0,0.08);  }/* ==========================================    تنظیمات دسکتاپ و لپ‌تاپ    ========================================== */@media (min-width: 992px) {  .navbar-rtl .nav-item.dropdown {    padding-bottom: 15px;    margin-bottom: -15px;  }  .navbar-rtl .nav-item > .nav-link {    color: #474747 !important;    white-space: nowrap;  }  .navbar-rtl .nav-item.dropdown:hover > .dropdown-menu {    display: block;  }  .navbar-rtl .nav-item:hover > .nav-link {    color: #00a896 !important;  }  .navbar-rtl .navbar-nav .nav-item .nav-link {    font-size: calc(0.2vw + 11px) !important;  }  .navbar-rtl .dropdown-menu .dropdown-item {    transition: all 0.2s ease;    padding: calc(0.2vw + 2px) calc(0.5vw + 5px);    color: #4a4a4a;    font-size: calc(0.2vw + 10px) !important;  }    .navbar-rtl .dropdown-menu .dropdown-item:hover {      background-color: #00a896 !important;      color: #ffffff !important;    }  .mega-dropdown .mega-menu {    left: 4% !important;    right: 4% !important;    width: 90% !important;    margin: 1px auto;    top: 100%;    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;  }}/* Nav Menu Arrows */.sf-arrows .sf-with-ul {  position: relative;  padding-left: 22px;}  .sf-arrows .sf-with-ul:after {    content: "\f107";    position: absolute;    left: -5px;    font-family: FontAwesome;    font-style: normal;    font-weight: bold;  }.sf-arrows ul .sf-with-ul:after {  content: "\f104";}/* ==========================================    اجزای مگامنو (سه سطحی)    ========================================== */.mega-dropdown .mega-menu {  background-color: #ffffff;  border-radius: 15px;  border: 1px solid #cbcbcb !important;}.mega-menu-col {  padding: calc(0.2vw + 4px) !important;  border-radius: 6px;  transition: background-color 0.2s ease;}  .mega-menu-col:hover {    background-color: #f4faf9;  }.mega-menu-title {  color: #00a896;  font-weight: bold;  font-size: calc(0.2vw + 10px) !important;  margin-bottom: calc(0.2vw + 6px);  padding-bottom: 4px;  border-bottom: 1px dashed #e0e0e0;}.mega-sub-menu {  list-style: none;  padding-right: 0;  margin-bottom: 0;}  .mega-sub-menu li {    position: relative;    padding-right: 12px;    margin-bottom: calc(0.1vw + 3px);  }    .mega-sub-menu li::before {      content: "";      position: absolute;      right: 0;      top: 45%;      width: 4px;      height: 4px;      background-color: #ff5722;      border-radius: 50%;    }    .mega-sub-menu li a {      color: #555555;      font-size: calc(0.2vw + 10px) !important;      text-decoration: none;      display: block;      transition: all 0.2s ease;    }      .mega-sub-menu li a:hover {        color: #00a896;        padding-right: 2px;      }/* ==========================================    ریسپانسیو موبایل (بهینه‌سازی تراز کادر سفید)    ========================================== */@media (max-width: 991.98px) {  .navbar-rtl .container-fluid {    display: flex !important;    flex-direction: row-reverse !important; /* لوگو راست، همبرگری چپ */    justify-content: space-between !important;    align-items: center !important;    padding-left: 15px !important;    padding-right: 15px !important;  }  .navbar-rtl .navbar-toggler.order-first-mobile {    border: none !important;    outline: none !important;    box-shadow: none !important;    padding: 8px 0 !important;    background: transparent !important;    margin: 0;  }  /* استایل دهی اختصاصی به لوگوی درون کادر سفید منو در موبایل */  .navbar-mobile-brand-fix {    display: block !important;    margin: 0 !important;    padding: 5px 0 !important;  }  .navbar-rtl .navbar-collapse {    order: 3 !important;    width: 100% !important;    background: linear-gradient(120deg,#0aa6a6,#0aa6a6) !important; /* رنگ سبز تیره هماهنگ با تم سایت */    margin-left: -15px;    margin-right: -15px;    margin-bottom: -5px;    margin-top: 5px;    padding-left: 15px;    padding-right: 15px;    padding-bottom: 15px;  }  .navbar-rtl .navbar-nav {    flex-direction: column;    text-align: right;    padding-top: 10px;    padding-right: 0;  }    .navbar-rtl .navbar-nav .nav-item .nav-link {      font-size: 16px !important;      color: #fff;    }  .navbar-rtl .navbar-na .nav-item:hover > .nav-link {    color: rgba(0,0,0,0.08) !important;  }  .navbar-rtl .dropdown-menu {     margin-top: 0px;  }  .sf-arrows .sf-with-ul:after {    content: "\f107";    position: absolute;    left: -5px;    font-family: FontAwesome;    font-style: normal;    font-weight: bold;    font-size: 25px;  }  .navbar-rtl .dropdown-menu .dropdown-item {    color: #4a4a4a;    padding: 6px 20px !important;    font-size: 14px !important;  }  .mega-dropdown .mega-menu {    position: relative !important;    width: 100% !important;    left: 0 !important;    right: 0 !important;    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;    padding: 5px 15px !important;    border: 1px solid #cbcbcb !important;    border-radius: 8px;    background-color: #fff !important;  }  .mega-menu-col {    padding: 2px 0 !important;    margin-bottom: 8px !important;  }  .mega-menu-title {    font-size: 13px !important;    margin-top: 5px !important;    margin-bottom: 5px !important;    padding-bottom: 2px !important;  }  .mega-sub-menu li {    padding-right: 12px !important;    margin-bottom: 4px !important;  }    .mega-sub-menu li a {      font-size: 12px !important;    }}.custom-lang-mobile {  position: absolute !important;  left: 15px !important; /* فاصله از سمت چپ هدر موبایل (کنار دکمه همبرگری) */  top: 18px !important; /* تنظیم ارتفاع برای هم‌تراز شدن با لوگو و دکمه */  z-index: 1000 !important; /* یک لایه بالاتر از همه چیز قرار می‌گیرد */}  /* تنظیمات استایل بازشوی منوی زبان در موبایل */  .custom-lang-mobile .mobile-lang-dropdown {    width: 130px !important;    text-align: left !important;    right: auto !important;    left: 0 !important;    margin-top: 5px !important;    padding: 8px !important;    border-radius: 6px !important;    box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;    background-color: #eee !important;    z-index: 1001 !important;    position: absolute !important;    float: left;  }/*-------------------------------------------------Inner Banner---------------------------------------------------*/#innerBanner {  background: linear-gradient(45deg, #00b1e4 -132%, #0c2e8a 100%);  padding: 40px 0;  text-align: center;  background: #00b1e4;}  #innerBanner h2 {    color: #fff;    text-align: center;    font-weight: normal;    font-size: 18px;    margin: 0px;  }    #innerBanner h2 span {      color: #fff;      font-weight: bold;      font-size: 38px;      text-align: center;    }.img {  width: 120px;}/*--------------------------------------------------------------# Sections--------------------------------------------------------------*//* Sections Header--------------------------------*/.section-header {  margin-bottom: 30px;}  .section-header h2 {    font-size: 32px;    color: #071e33;    text-transform: uppercase;    font-weight: 700;    position: relative;    padding-bottom: 20px;    /* display: inline-block; */    text-align: center;  }    .section-header h2::before {      content: '';      position: absolute;      display: block;      width: 62px;      height: 3px;      bottom: 0;      right: 0;      border-top: #00b1e4 solid 2px;      left: 0;      text-align: center;      margin: 0 auto;    }  .section-header p {    padding: 0;    margin: 0;    text-align: center;    color: #333;  }/* About Section--------------------------------*/#about {  padding: 60px 0 60px 0;}  #about .about-img {    overflow: hidden;  }    #about .about-img img {      margin-right: -15px;      max-width: 100%;    }@media (max-width: 768px) {  #about .about-img {    height: auto;  }    #about .about-img img {      margin-right: 0;      padding-bottom: 30px;    }}#about .content h2 {  color: #000000;  font-weight: 700;  font-size: 18px;  font-family: yekan,Vazir, "Raleway", sans-serif;}#about .content h3 {  color: #555;  font-weight: 300;  font-size: 18px;  line-height: 26px;  font-style: italic;}#about .content p {  line-height: 26px;}  #about .content p:last-child {    margin-bottom: 0;  }#about .content i {  font-size: 20px;  padding-left: 4px;  color: #00b1e4;}#about .content ul {  list-style: none;  padding: 0;}  #about .content ul li {    padding-bottom: 10px;  }/* Services Section--------------------------------*/#services {  padding: 60px 0 0 0;}  #services .box {    padding: 40px;    margin-bottom: 40px;    background: #fff;    transition: 0.4s;    border: 1px solid #dedede;  }    #services .box:hover {      box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);      transform: translateY(-10px);      -webkit-transform: translateY(-10px);      -moz-transform: translateY(-10px);    }    #services .box .icon {      display: block;      width: 100%;      text-align: center;      padding: 15px;    }      #services .box .icon i {        color: #444;        font-size: 44px;        transition: 0.5s;        line-height: 0;        margin-top: 0px;      }        #services .box .icon i:before {          background: #00b1e4;          background-clip: border-box;          -webkit-background-clip: text;          -webkit-text-fill-color: transparent;        }    #services .box h4 {      margin-right: 100px;      font-weight: 700;      margin-bottom: 24px;      font-size: 22px;      display: block;      width: 100%;      text-align: center;      float: right;      margin: 0;    }      #services .box h4 a {        color: #444;      }    #services .box p {      font-size: 14px;      line-height: 24px;      text-align: center;      display: block;      margin: 0;      padding-top: 15px;    }@media (max-width: 767px) {  #services .box .box {    margin-bottom: 20px;  }  #services .box .icon {    float: none;    text-align: center;    padding-bottom: 15px;  }  #services .box h4, #services .box p {    margin-right: 0;    text-align: center;  }}/* Clients Section--------------------------------*/#clients {  padding: 60px 0;}  #clients img {    max-width: 100%;    opacity: 0.5;    transition: 0.3s;    padding: 15px 0;  }    #clients img:hover {      opacity: 1;    }  #clients .owl-nav, #clients .owl-dots {    margin-top: 5px;    text-align: center;  }  #clients .owl-dot {    display: inline-block;    margin: 0 5px;    width: 12px;    height: 12px;    border-radius: 50%;    background-color: #ddd;  }    #clients .owl-dot.active {      background-color: #00b1e4;    }/* Our Portfolio Section--------------------------------*/#portfolio {  padding: 90px 50px;  color: #ffffff9c;  background: #fff;}  #portfolio .portfolio-overlay {    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    width: 100%;    height: 100%;    opacity: 1;    -webkit-transition: all ease-in-out 0.4s;    transition: all ease-in-out 0.4s;  }  #portfolio .portfolio-item {    overflow: hidden;    position: relative;    padding: 0;    vertical-align: middle;    text-align: center;  }    #portfolio .portfolio-item h2 {      color: #ffffff;      font-size: 16px;      margin: 0;      text-transform: capitalize;      font-weight: 700;      background: #00000085;      border: 1px solid #fff;      padding: 25px;      /* background: linear-gradient(45deg, #00b1e457 0%, #405ece91 100%); */    }    #portfolio .portfolio-item h2 {      opacity: 0;    }    #portfolio .portfolio-item:hover h2 {      opacity: 1;    }    #portfolio .portfolio-item img {      -webkit-transition: all ease-in-out 0.4s;      transition: all ease-in-out 0.4s;      width: 100%;    }    #portfolio .portfolio-item:hover img {      -webkit-transform: scale(1.1);      transform: scale(1.1);    }    #portfolio .portfolio-item:hover .portfolio-overlay {      opacity: 1;      background: rgba(0, 0, 0, 0.7);    }  #portfolio .portfolio-info {    position: absolute;    top: 50%;    right: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);  }/* Testimonials Section--------------------------------*/#testimonials {  padding: 60px 0;}  #testimonials .testimonial-item {    box-sizing: content-box;    padding: 30px 30px 0 30px;    margin: 30px 15px;    text-align: center;    min-height: 250px;    /* box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); */  }@media (max-width: 767px) {  #testimonials .testimonial-item {    margin: 30px 10px;  }}#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 .quote-sign-right {  margin-top: -15px;  padding-left: 10px;  display: inline-block;  width: 37px;}#testimonials .testimonial-item .quote-sign-left {  margin-bottom: -15px;  padding-right: 10px;  display: inline-block;  max-width: 100%;  width: 37px;}#testimonials .testimonial-item p {  font-style: italic;  margin: 0 auto 15px auto;  background: #f1f1f1;  width: 100%;  border: 1px solid #dcdcdc;  border-radius: 15px 15px 0 15px;  padding: 22px 15px;  font-size: 15px;  color: #686868;}#testimonials .owl-nav, #testimonials .owl-dots {  margin-top: 5px;  text-align: center;}#testimonials .owl-dot {  display: inline-block;  margin: 0 5px;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #ddd;}  #testimonials .owl-dot.active {    background-color: #00b1e4;  }.map {  margin: 80px auto 40px;}p.help-block,p.help-block ul {  float: right;  margin: 0;  padding: 0;}  p.help-block li {    float: right;    margin: 10px 0 0 0;    padding: 0;    list-style: none;    color: red;  }/* Call To Action Section--------------------------------*/#call-to-action {  background: #00b1e4;  background-size: cover;  padding: 40px 0;}  #call-to-action .cta-title {    color: #fff;    font-size: 20px;    font-weight: bold;    font-family: Vazir, "Montserrat", sans-serif;  }  #call-to-action .cta-text {    color: #fff;  }@media (min-width: 769px) {  #call-to-action .cta-btn-container {    display: flex;    align-items: center;    justify-content: flex-end;  }}#call-to-action .cta-btn {  font-family: yekan,Vazir, "Montserrat", sans-serif;  font-weight: 700;  font-size: 16px;  letter-spacing: 1px;  display: inline-block;  padding: 8px 26px;  border-radius: 3px;  transition: 0.5s;  margin: 10px;  border: 3px solid #fff;  color: #fff;}  #call-to-action .cta-btn:hover {    background: #ffffff;    border: 3px solid #ffffff;    color: #00a3d1;  }/* Our Team Section--------------------------------*/#team {  background: #fff;  padding: 60px 0 0 0;}  #team .member {    text-align: center;    margin-bottom: 20px;  }    #team .member .pic {      overflow: hidden;      text-align: center;    }      #team .member .pic img {        max-width: 100%;        padding: 20px 20px 0;      }    #team .member .details {      background: #fff;      color: #071e33;      padding: 15px 0;      border-radius: 0 0 3px 3px;    }    #team .member h4 {      font-weight: 700;      margin-bottom: 2px;      font-size: 18px;    }    #team .member span {      font-style: italic;      display: block;      font-size: 13px;    }    #team .member .social {      margin-top: 5px;      padding: 6px;      text-align: center;    }      #team .member .social a {        color: #00b1e4;        margin: 2px 6px;        /* border: 1px solid #00b1e4; */        width: 42px;        display: inline-block;        /* opacity: .4; */        background: #eaeaea;        padding: 4px;      }        #team .member .social a:hover {          color: #081e5b;          margin: 2px 6px;          border: 1px solid #081e5b;          opacity: 1;        }      #team .member .social i {        font-size: 16px;        margin: 0 2px;      }/* Contact Section--------------------------------*/#contact {  padding: 60px 0;}  #contact .contact-info {    margin-bottom: 20px;    text-align: center;  }    #contact .contact-info i {      font-size: 24px;      display: inline-block;      margin-bottom: 0;      color: #00b1e4;      float: right;    }    #contact .contact-info address, #contact .contact-info p {      margin-bottom: 0;      color: #000;      display: block;      float: right;      width: 100%;      margin-bottom: 15px;      padding: 0;      margin-top: 0;      margin-right: 27px;      font-size: 14px;    }    #contact .contact-info h3 {      font-size: 16px;      margin-bottom: 15px;      font-weight: bold;      text-transform: uppercase;      color: #1c4450;      float: right;      margin: 8px 15px;    }    #contact .contact-info a {      color: #000;    }      #contact .contact-info a:hover {        color: #00b1e4;      }  #contact .contact-address, #contact .contact-phone, #contact .contact-email {    margin-bottom: 20px;  }@media (min-width: 768px) {  #contact .contact-address, #contact .contact-phone, #contact .contact-email {    padding: 0;    text-align: right;  }}@media (min-width: 768px) {  #contact .contact-phone {  }}#contact #google-map {  height: 290px;  margin-bottom: 20px;}@media (max-width: 576px) {  #contact #google-map {    margin-top: 20px;  }}#contact .form #sendmessage {  color: #00b1e4;  border: 1px solid #00b1e4;  display: none;  text-align: center;  padding: 15px;  font-weight: 600;  margin-bottom: 15px;}#contact .form #errormessage {  color: red;  display: none;  border: 1px solid red;  text-align: center;  padding: 15px;  font-weight: 600;  margin-bottom: 15px;}  #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {    display: block;  }#contact .form .validation {  color: red;  display: none;  margin: 0 0 20px;  font-weight: 400;  font-size: 10px;}#contact .form input, #contact .form textarea {  padding: 10px 14px;  border-radius: 0;  box-shadow: none;  font-size: 12px;}#contact .form button[type="submit"] {  background: #00b1e4;  border: 0;  border-radius: 3px;  padding: 10px 30px;  color: #fff;  transition: 0.4s;  cursor: pointer;}  #contact .form button[type="submit"]:hover {    background: #0299c4;  }/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/#footer {  background: #071e33;  padding: 0 0 30px 0;  font-size: 14px;  color: #fff;}  #footer .copyleft {    text-align: center;    padding-top: 30px;    color: #ffffff;  }  #footer .credits {    text-align: center;    font-size: 13px;    color: #ffffff;    margin-top: 8px;  }    #footer .credits a {      color: #00b1e4;    }.owl-carousel .owl-item img {  display: block;  width: auto;  height: 70px;  margin: 0 auto;}/*our-clients*/.section-title {  text-align: center;  max-width: 300px;  margin: 0px auto;  margin-bottom: 30px;  position: relative;}  .section-title p {    margin: 0px;  }.title_border {  margin-top: 15px;  width: 100%;  height: 1px;  background: #d0d7dd;}.section-title:after {  content: "";  display: block;  width: 50px;  height: 3px;  background: #3458ad;  position: absolute;  top: 100%;  left: 50%;  margin-left: -25px;}.section-title h2 {  text-align: center;  color: #3458ad;  font-size: 26px;  padding-bottom: 0px;}.inline-list {  list-style: none;}  .inline-list li {    display: inline-block;    padding: 5px;    padding-left: 40px;  }  .inline-list img {    border-radius: 5px;    width: 100%;    border-color: #acacac;    border-width: 1px;    border-style: solid;    box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);  }.Galleryimg {  display: block;  max-width: 100%;  height: auto;  border-radius: 5px;  border: 2px solid #c6c6c6;  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);}.btn-primary {  color: #fff;  background-color: #43878a;  border-color: #43878a;}/*-------------------cadr-----------*/.pnel-cadr {  min-height: 400px;  background-color: #fff;  border-radius: 15px;  padding: 20px;}/*-------------------------slide--------------*//*-------------services-box----------------*//* استایل کلی برای جلوگیری از تغییر سایز ناخواسته المان‌ها */.services, .services * {  box-sizing: border-box !important;}  .services .services-box {    height: 180px;    width: 100%;    border-radius: 20px;    transition: all .3s ease-out;    position: relative;    top: -50px;    border: 1px solid rgba(0,0,0,.125);    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);    background-color: #fff;    padding: 10px;  }    .services .services-box span {      display: inline-block;      margin-top: 15px;      color: #000;      font-size: 1rem;      font-weight: bold;      font-family: yekan, Vazir, "Montserrat", sans-serif;      text-align: center;    }    .services .services-box:hover {      transform: translateY(-10px);      box-shadow: 0 10px 30px rgba(10, 166, 166, 0.08);      border-color: #0aa6a6;    }/* اصلاح چیدمان ردیف برای جلوگیری از بیرون زدن در موبایل */@media (max-width: 767.98px) {  .services .row {    display: flex !important;    flex-wrap: wrap !important;    margin-left: -5px !important; /* کاهش مارجین منفی پیش‌فرض بوت‌استرپ */    margin-right: -5px !important; /* کاهش مارجین منفی پیش‌فرض بوت‌استرپ */  }  .services-col {    width: 50% !important;    max-width: 50% !important;    flex: 0 0 50% !important;    padding-left: 5px !important; /* ایجاد فاصله داخلی ایمن */    padding-right: 5px !important; /* ایجاد فاصله داخلی ایمن */  }  .services .services-box {    padding: 15px 5px !important;    height: 160px; /* بهینه‌سازی جزئی ارتفاع در موبایل جهت تناسب بهتر */  }    .services .services-box span {      font-size: 0.9rem; /* کمی کوچک‌تر شدن متن در موبایل برای جا شدن کامل */    }}/*----------------------------------------------------------------------------------*//* تنظیمات پایه برای جلوگیری از تداخل سایزها */.dept-section, .dept-section * {  box-sizing: border-box !important;  font-family: yekan, Vazir, Tahoma, sans-serif;}.dept-section {  padding: 60px 0;  background-color: #ffffff;  direction: rtl;  text-align: center;}/* تیترهای بخش */.dept-subtitle {  color: #0aa6a6;  font-size: 14px;  font-weight: bold;  margin-bottom: 10px;  display: block;}.dept-title {  font-size: 28px;  font-weight: bold;  color: #1a1a1a;  margin-bottom: 15px;}.dept-desc {  color: #6c757d;  font-size: 15px;  margin-bottom: 40px;}/* ساختار گرید (انعطاف‌پذیر) */.dept-grid {  display: flex;  flex-wrap: wrap;  margin-left: -12px;  margin-right: -12px;}/* ستون‌ها در حالت دسکتاپ (۳ تایی کنار هم) */.dept-col {  width: 33.333%;  flex: 0 0 33.333%;  max-width: 33.333%;  padding: 12px;}/* استایل اصلی خودِ باکس‌ها */.dept-card {  background: #ffffff;  border: 1px solid #eaeaea;  border-radius: 24px;  padding: 30px 20px;  text-align: right;  text-decoration: none !important;  display: flex;  flex-direction: column;  height: 100%;  transition: all 0.3s ease;}  .dept-card:hover {    transform: translateY(-5px);    box-shadow: 0 10px 30px rgba(10, 166, 166, 0.08);    border-color: #0aa6a6;  }/* محفظه آیکون (دایره‌ی نرم پشت آیکون) */.dept-icon-wrapper {  width: 55px;  height: 55px;  background-color: #e6f6f6;  border-radius: 16px;  display: flex;  align-items: center;  justify-content: center;  margin-bottom: 20px;  color: #0aa6a6;}/* تیتر و متن داخل کارت */.dept-card h3 {  font-size: 18px;  font-weight: bold;  color: #222222;  margin: 0 0 12px 0;}.dept-card p {  font-size: 13px;  color: #777777;  line-height: 1.6;  margin: 0 0 20px 0;  flex-grow: 1; /* باعث میشه متن‌ها هم‌ارتفاع بشن */}/* لینک اطلاعات بیشتر (پایین کارت) */.dept-link {  color: #0aa6a6;  font-size: 13px;  font-weight: bold;  display: inline-flex;  align-items: center;  gap: 5px;}/* استایل ویژه موبایل (زیر ۷۶۸ پیکسل) */@media (max-width: 767.98px) {  .dept-title {    font-size: 22px;  }  .dept-grid {    margin-left: -6px !important;    margin-right: -6px !important;  }  /* ۲ تا ۲ تا کنار هم بدون بیرون زدن */  .dept-col {    width: 50% !important;    flex: 0 0 50% !important;    max-width: 50% !important;    padding: 6px !important;  }  .dept-card {    padding: 20px 15px !important;    border-radius: 18px !important;  }  .dept-icon-wrapper {    width: 45px;    height: 45px;    border-radius: 12px;    margin-bottom: 15px;  }  .dept-card h3 {    font-size: 15px;  }  .dept-card p {    font-size: 12px;    margin-bottom: 15px;  }}</style >