e/*
  Theme Name: Sepanta.com
  Theme URI: https://sepanta.com
  Author:  Hadi Zonnati | hadizonnati@gmail.com | 09383262723
  Author URI: Sepanta.com
  Description: This is a E-Commerce website for Sepanta.com
  Version: 02.04.22
*/
/*
    gradient Mixin
*/
.bg-color-orage {
    background-color: #f56020;
    border:3px solid transparent !important;
  }
  .bg-color-orage:hover{
    border:3px solid #F4FBFF !important;
    background-color:transparent !important;
  }
  
  .bg-color-bluelight {
    background-color: #F4FBFF;
  }
  
  .bg-color-white {
    background-color: #fff;
  }
  
  .text-color-w {
    color: #fff;
  }
  
  .text-color-bg {
    color: #333333;
  }
  
  .bg-bluelight-gradient {
    background: linear-gradient(180deg, #44B9DE 0%, #7BDFFF 100%);
  }



  
  @font-face {
    font-family: "sepanta";
    src: url("assets/fonts/icons/sepanta.eot?t2rugc");
    src: url("assets/fonts/icons/sepanta.eot?t2rugc#iefix") format("embedded-opentype"),
      url("assets/fonts/icons/sepanta.ttf?t2rugc") format("truetype"), url("assets/fonts/icons/sepanta.svg?t2rugc#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^=sepanta-icon-],
  [class*=" sepanta-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "sepanta" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .sepanta-icon-telehphone:before {
    content: "\e900";
    font-weight: 600;
    padding-left: 0.2rem;
  }
  
  .sepanta-icon-edit:before {
    content: "\e901";
  }
  
  .sepanta-icon-telephone-iphone:before {
    content: "\e902";
  }
  
  .sepanta-icon-boxes:before {
    content: "\e903";
  }
  
  .sepanta-icon-print:before {
    content: "\e904";
  }
  
  .sepanta-icon-online-support:before {
    content: "\e905";
  }
  
  .sepanta-icon-lan:before {
    content: "\e906";
  }
  
  .sepanta-icon-location:before {
    content: "\e907";
  }
  
  .sepanta-icon-bag .path1:before {
    content: "\e908";
    color: rgb(2, 2, 2);
  }
  
  .sepanta-icon-bag .path2:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(255, 255, 255);
  }
  
  .sepanta-icon-support:before {
    content: "\e90a";
  }
  
  .sepanta-icon-date:before {
    content: "\e90b";
  }
  
  .sepanta-icon-clock:before {
    content: "\e90c";
  }
  
  .sepanta-icon-google:before {
    content: "\e90d";
  }
  
  .sepanta-icon-post:before {
    content: "\e90e";
  }
  
  .sepanta-icon-wifi:before {
    content: "\e90f";
  }
  
  .sepanta-icon-database:before {
    content: "\e910";
  }
  
  .sepanta-icon-phone:before {
    content: "\e911";
  }
  
  .sepanta-icon-instgarm:before {
    content: "\e912";
  }
  
  .sepanta-icon-twitter:before {
    content: "\e913";
  }
  
  .sepanta-icon-windows:before {
    content: "\e914";
  }
  
  .sepanta-icon-modem:before {
    content: "\e915";
  }
  
  .sepanta-icon-map .path1:before {
    content: "\e916";
    color: rgb(0, 0, 0);
  }
  
  .sepanta-icon-map .path2:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  
  .sepanta-icon-map .path3:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
  }
  
  .sepanta-icon-cart:before {
    content: "\e919";
  }
  
  .sepanta-icon-mayket:before {
    content: "\e91a";
  }
  
  .sepanta-icon-download:before {
    content: "\e91b";
  }
  
  .sepanta-icon-mobile:before {
    content: "\e91c";
  }
  
  .sepanta-icon-home:before {
    content: "\e91d";
  }
  
  .sepanta-icon-tower:before {
    content: "\e91e";
  }
  
  .sepanta-icon-atsign:before {
    content: "\e91f";
  }
  
  .sepanta-icon-play:before {
    content: "\e920";
  }
  
  .sepanta-icon-users:before {
    content: "\e921";
  }
  
  .sepanta-icon-wifi-laptop:before {
    content: "\e922";
  }
  
  .sepanta-icon-company:before {
    content: "\e923";
  }
  
  .sepanta-icon-Artboard-38-copy-2:before {
    content: "\e924";
  }
  
  .sepanta-icon-invoice:before {
    content: "\e925";
  }
  
  .sepanta-icon-user:before {
    content: "\e926";
  }
  
  .sepanta-icon-Artboard-38-copy-5:before {
    content: "\e927";
  }
  
  .sepanta-icon-eye:before {
    content: "\e928";
  }
  
  .sepanta-icon-question:before {
    content: "\e929";
  }
  
  .sepanta-icon-editpen:before {
    content: "\e92a";
  }
  
  .sepanta-icon-logout:before {
    content: "\e92b";
  }
  
  .sepanta-icon-arrow-top-bottom:before {
    content: "\e92c";
  }
  
  .sepanta-icon-keylock:before {
    content: "\e92d";
  }
  
  .sepanta-icon-send .path1:before {
    content: "\e92e";
    color: rgb(255, 255, 255);
  }
  
  .sepanta-icon-send .path2:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
  }
  
  .sepanta-icon-send .path3:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  
  .sepanta-icon-telephone:before {
    content: "\e931";
  }
  
  .sepanta-icon-aparat-text:before {
    content: "\e932";
  }
  
  .sepanta-icon-arrow-bottom:before {
    content: "\e933";
  }
  
  .sepanta-icon-left-long-arrow:before {
    content: "\e934";
  }
  
  .sepanta-icon-arrow-right:before {
    content: "\e935";
  }
  
  .sepanta-icon-whatsapp:before {
    content: "\e936";
  }
  
  .sepanta-icon-telegram:before {
    content: "\e937";
  }
  
  .sepanta-icon-close:before {
    content: "\e938";
  }
  
  .sepanta-icon-information:before {
    content: "\e939";
  }
  
  .sepanta-icon-left-arrow:before {
    content: "\e93a";
  }
  
  .sepanta-icon-aparat:before {
    content: "\e93b";
  }
  
  .sepanta-icon-work-bag:before {
    content: "\e93c";
  }
  
  .sepanta-icon-chatmsg:before {
    content: "\e93d";
  }
  
  .sepanta-icon-plus:before {
    content: "\e93e";
  }
  
  .sepanta-icon-minus:before {
    content: "\e93f";
  }
  
  .sepanta-icon-loactionmap:before {
    content: "\e940";
  }
  
  .sepanta-icon-menubar:before {
    content: "\e941";
  }
  
  @font-face {
    font-family: IranYekan;
    src: url("./assets/fonts/eot/iry-reg.eot");
    src: url("./assets/fonts/eot/iry-reg.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/woff2/iry-reg.woff2") format("woff2"), url("assets/fonts/woff/iry-reg.woff") format("woff"), url("assets/fonts/ttf/iry-reg.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  body {
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: IranYekan;
    overflow-x: hidden !important;
    color: #333333;
  }
  
  .rtl-grid {
    direction: rtl;
  }
  
  .headerمogo {
    max-width: 80% !important;
  }
  
  .rtl {
    direction: rtl !important;
  }
  
  .btn-lg {
    height: 48px;
    padding: 1rem 2rem;
  }
  

  .btn-lg-flex {
    height: 48px;
    display: flex;
    align-items: center;
  }
  
  .btn-lg.rounded,
  .rounded {
    border-radius: 50px;
  }
  
  .fs-1x {
    font-size: 1rem !important;
  }
  
  .fs-2x {
    font-size: 1.2rem !important;
  }
  
  .fs-3x {
    font-size: 1rem !important;
  }
  
  .rounded-1x {
    border-radius: 20px;
  }
  
  .section-title {
    padding: 2rem 0;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #eaeaea;
    position: relative;
    font-weight: 600 !important;
    margin-bottom: 2rem;
  }
  
  .section-title::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 10px;
    background-color: #f56020;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  
  .section-title-right {
    padding: 2rem 0;
    font-size: 1.5rem;
    text-align: right;
    border-bottom: 2px solid #eaeaea;
    position: relative;
    font-weight: 600 !important;
    margin-bottom: 2rem;
  }
  
  @media only screen and (max-width: 640px) {
    .section-title-right {
      font-size: 14px;
    }
  }
  
  .section-title-right::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 10px;
    background-color: #f56020;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    right: 0;
    margin: auto;
  }
  
  .section-row-1x {
    margin: 4rem 0;
    padding: 2rem 0;
  }
  
  .section-row-2x {
    margin: 6rem 0;
    padding: 4rem 0;
  }
  
  .text-color-white {
    color: #fff;
  }
  
  @media (max-width: 450px) {
  
    .service-title,
    .section-title {
      font-size: 20px !important;
    }
  }
  
  .header-navbar-menu {
    margin-right: 1rem;
  }
  
  .header-navbar-menu > li {
    margin-left: 0.5rem;
  }
  
  .header-navbar-menu li a span {
    padding-left: 5px;
    font-size: 1.5rem;
  }
  
  .border-top-right-rz {
    border-radius: 50px !important;
  }
  
  .navbar-row {
    background-color: #fff;
  }
  
  .navbar-menu a:hover ul {
    display: block !important;
  }
  
  .navbar-menu ul {
    position: absolute;
    top: 3.9rem;
    min-width: 200px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: -1px 5px 3px 2px rgba(0, 0, 0, 0.0588235294);
    border-radius: 5px;
  }
  
  .navbar-menu a {
    padding: 0.7rem 0;
  }
  
  .navbar-menu ul li a {
    padding: 0.7rem;
    text-align: center;
    justify-content: center;
  }
  
  .navbar-menu a {
    display: flex;
    align-items: center;
    text-align: center;
  }
  
  .navbar-menu li:first-child {
    padding-right: 0 !important;
  }
  
  .header-left-nav li:last-child {
    padding-left: 0 !important;
  }
  
  .user-icon {
    width: 48px;
    height: 48px;
    color: #fff !important;
  }
  
  .header-left-nav a {
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    line-height: 0 !important;
  }
  
  .user-icon-btn {
    font-size: 20px;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
  }
  
  .icon-user2:before {
    content: "\e92c";
    color: #fff;
  }
  
  .bi-mr {
    margin-left: 1rem;
    margin-right: -20px;
  }
  
  @media (max-width: 768px) {
    .btn-lg {
      padding: 1rem !important;
    }
  
    .bi-mr {
      margin-left: 0.5rem !important;
    }
  }
  
  .home-intro-section {
    width: 100%;
    height: 580px;
    background-image: url("assets/imgs/slider-site.jpg");
    background-size: cover;
  }
  
  @media only screen and (max-width: 640px) {
    .home-intro-section {
      display: flex;
      height: 250px !important;
    }
  }
  
  .intro-content {
    min-height: 580px;
    display: flex;
    justify-content: center;
    line-height: 4;
  }
  
  @media only screen and (max-width: 640px) {
    .intro-content {
      min-height: 250px !important;
      align-items: center;
      line-height: 2;
      justify-content: center;
      align-items: center;
    }
  
    .intro-content h2 {
      font-size: 22px !important;
    }
  }
  
  @media only screen and (max-width: 380px) {
    .intro-content {
      justify-content: center;
      align-items: center;
    }
  }
  
  @media only screen and (max-width: 380px) {
    .features-section .col-box {
      width: 100%;
      display: flex !important;
      flex-direction: column !important;
    }
  }
  
  .features-section .content-box h4 {
    font-size: 22px !important;
    letter-spacing: -1px !important;
  }
  
  .features-section .content-box p {
    font-size: 16px !important;
  }
  
  .features-section .icon-box {
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    position: relative;
  }
  
  .features-section .icon-box span {
    display: flex;
    background-color: #D2DDDE;
    padding: 1rem;
    border-radius: 50px;
    font-size: 2.5rem !important;
    margin-left: 1rem;
    color: #fff;
    position: relative;
    z-index: 2;
  }
  
  .features-section .icon-box span:hover {
    background-color: #f56020 !important;
  }
  
  .features-section .icon-box::before {
    content: "";
    width: 80px;
    height: 78px;
    background-color: transparent;
    position: absolute;
    left: -10px;
    top: 4px;
    z-index: 1;
    border-radius: 50px;
    border: 3px solid rgba(210, 221, 222, 0.2705882353);
  }
  
  @media (max-width: 550px) {
    .features-section .content-box h4 {
      font-size: 16px !important;
    }
  
    .features-section .content-box p {
      font-size: 10px !important;
    }
  
    .features-section .icon-box {
      align-items: center;
      justify-content: center;
      margin-left: 0 !important;
      width: auto !important;
      height: auto !important;
    }
  
    .features-section .icon-box span {
      margin-left: 0 !important;
      padding: 0.5rem !important;
      font-size: 1.5rem !important;
    }
  
    .features-section .icon-box::before {
      display: none !important;
    }
  
    .features-section span {
      padding: 1rem !important;
    }
  }
  
  .service-thumbnail {
    width: 300px;
    height: auto;
    margin-top: -1rem;
  }
  
  .service-more-detail {
    background-color: #f56020;
    height: 48px;
    padding: 10px 20px;
    display: flex;
    width: 200px;
    justify-content: center;
    border-radius: 50px;
    align-items: center;
    color: #fff;
    justify-content: center;
  }
  
  .service-title {
    font-size: 18px;
    word-spacing: -2px;
    font-weight: 600;
    padding: 1rem 0;
    direction: rtl;
  }
  
  .text-color-orange {
    color: #f56020;
  }
  
  .favoritebg {
    width: 140px;
    height: 135px;
    background-image: url('assets/imgs/favoritebg.svg');
    background-repeat: no-repeat;
  }
  
  .favoritebg div {
    transform: rotate(312deg);
    font-size: 18px;
    margin-left: 12px;
    margin-top: 2rem;
    font-weight: 600;
    color: #fff;
    float: left;
  }
  
  @media (max-width: 1000px) {
    .flex-basis-49p {
      flex-basis: 100% !important;
      padding: 2rem !important;
      margin-top: 0 !important;
    }
  
    .flex-basis-3col-service {
      flex-basis: 100% !important;
      flex-direction: row;
      margin-top: 1rem;
      padding: 2rem 0;
    }
  }
  
  @media (max-width: 768px) {
    .flex-basis-3col-service {
      flex-basis: 100% !important;
      flex-direction: column;
      margin-top: 1rem;
      padding: 4rem 0;
    }
  }
  
  @media (max-width: 450px) {
    .flex-basis-3col-service {
      padding-bottom: 0 !important;
    }
  
    .service-more-detail {
      padding: 0 !important;
      text-align: center;
      margin: 1.5rem 0;
    }
  
    .flex-basis-49p {
      display: flex;
      flex-direction: column !important;
      align-items: center;
      justify-content: center;
    }
  
    .flex-basis-49p .service-title {
      text-align: center !important;
    }
  
    .flex-basis-49p .service-thumbnail {
      width: 50% !important;
    }
  
    .flex-basis-49p .justify-end {
      justify-content: center !important;
    }
  
    .flex-basis-49p .thumbnailBox a {
      display: flex;
      justify-content: center;
    }
  }
  .flex-basis-49p {
    flex-basis: 49.3%;
  }
  .flex-basis-3col-service {
    flex-basis: 32.5%;
  }
  .icon-box-3col-service img.datacenter {
    width: 115px !important;
  }
  .flex-basis-49p img.sim {
    width: 125px !important;
  }
  .icon-box-3col-service img.server {
    width: 140px !important;
  }
  .flex-basis-49p  img.bandwidth {
    width: 120px !important;
  }
  .icon-box-3col-service img.wifi {
    width: 140px !important;
  }
  .icon-box-3col-service img {
    padding: 2rem;
  }
  .icon-box-3col-service img {
    background: #fff !important;
    box-shadow: 0px 14px 20px rgba(83, 131, 174, 0.14);
    font-size: 3rem !important;
    border-radius: 20px;
    color: #7BDFFF;
    font-weight: 600;
    position: relative;
    z-index: 1;
    border:0px solid  rgba(83, 131, 174, 0.14);
    -webkit-transition: 0.02s ease-in-out;
    -moz-transition: 0.02s ease-in-out;
    -o-transition: 0.02s ease-in-out;
  }
  .icon-box-3col-service img:hover{
   opacity: 0.8 !important;
  }
  
  .icon-box-3col-service img::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    border: 3px solid #7BDFFF;
    top: -15px;
    border-radius: 5px 5px 0 0;
    left: -20px;
    margin: auto;
    z-index: -2;
    border-radius: 20px;
    opacity: 0.1;
  }
  
  .text-color-black {
    color: #333333;
  }
  
  .home-blog-post {
    position: relative;
  }
  
  .home-blog-post:hover::before {
    background: -o-linear-gradient(0deg, #f56020 20%, rgba(213, 255, 252, 0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#073ABB", endColorstr="#D5FFFC", GradientType=1);
    /* global 94%+ browsers support */
    background: linear-gradient(0deg, #f56020 34%, rgba(213, 255, 252, 0) 100%);
  }
  
  .home-blog-post::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background: -o-linear-gradient(0deg, #f56020 0%, rgba(213, 255, 252, 0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#073ABB", endColorstr="#D5FFFC", GradientType=1);
    /* global 94%+ browsers support */
    background: linear-gradient(0deg, #f56020 0%, rgba(213, 255, 252, 0) 99%);
    top: 0;
    width: 100%;
    height: 480px;
    border-radius: 20px !important;
    z-index: 99;
  }
  
  @media only screen and (max-width: 380px) {
    .home-blog-post::before {
      height: 280px;
    }
  }
  
  .home-blog-post .overlay {
    position: relative;
  }
  
  .home-blog-post .overlay img {
    border-radius: 20px;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    height: 480px;
    width: 100%;
  }
  
  @media only screen and (max-width: 380px) {
    .home-blog-post .overlay img {
      height: 280px !important;
    }
  }
  
  .home-blog-post .overlay .post-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 1rem;
    line-height: 2;
    z-index: 999;
  }
  
  .home-blog-post .overlay .post-title {
    position: relative;
    border-bottom: 2px solid #DE3B17;
    padding: 1.5rem 0;
    text-align: right !important;
    font-size: 18px !important;
    font-weight: 600;
  }
  
  @media only screen and (max-width: 380px) {
    .home-blog-post .overlay .post-title {
      font-size: 14px !important;
    }
  }
  
  .home-blog-post .overlay .post-title::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 10px;
    background-color: #fff;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    right: 0;
    margin: auto;
  }
  
  .footer-links-sections span[class^=sepanta-icon-]::before,
  .footer-social-section span[class^=sepanta-icon-]::before {
    font-size: 1.5rem !important;
    display: inline-block !important;
  }
  
  .footer-section {
    background-color: #7E7F83;
  }
  
  .footer-section li a {
    transition: all 0.4s ease-in-out;
  }
  
  .footer-section li a:hover {
    opacity: 0.9;
    transition: all 0.4s ease-in-out;
  }
  
  .bazar-app-dlink-btn {
    background: linear-gradient(249.02deg, #97D700 36.14%, #50BC25 81.72%, #009F64 108.38%);
  }
  
  .myket-app-dlink-btn {
    background: linear-gradient(249.02deg, #0191E9 36.14%, #0A659C 108.38%);
  }
  
  .fi-icon {
    padding: 12px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 10px;
  }
  .fi-icon.ptb{ 
    padding: 20px 12px !important;
    background: #f56020;
    color: #fff !important;
  }
  .widget-content{
    line-height: 2.7 !important;
    text-align: right !important;
  }
  
  .widget-content .email{
    font-size: 16px !important;
    color:#fff !important;
  }
  
  .widget-content .title{
    font-size: 18px;
    word-spacing: -5px;
    color: #fff;
  }
  
  .fi-icon span::before {
    font-size: 30px;
  }
  
  .fi-border-bottom {
    border-bottom: 2px solid #787A80;
  }
  .footer-links-nav{
    justify-content: space-between;
  }
  .footer-links-nav li {
    line-height: 0.7 !important;
  }
  
  .footer-certificate-box img {
    width: 60px;
    height: 60px;
  }
  
  .ws-1x {
    word-spacing: -1px !important;
  }
  
  .footer-top-left-bar {
    position: relative;
    content: "";
    background-repeat: no-repeat;
    width: 100%;
    height: 88px;
    background-size: cover;
    background-position: 100%;
    background-image: url("./assets/imgs/footer-shape.svg");
  }
  
   
  
  .text-color-blue {
    color: #50BC25;
  }
  
  @media only screen and (max-width: 380px) {
    .footer-section .widget-title p {
      font-size: 13px !important;
      line-height: 2.2;
    }
  
    .widget-title {
      font-size: 13px !important;
    }
  }
  #customers-logos-owl img{
    transition: all 0.2s ease-in-out; 
    filter: grayscale(1);
    opacity: 0.5 !important;
  }
  #customers-logos-owl img:hover {
    transition: all 0.2s ease-in-out;
    opacity: 0.9 !important;
    filter: grayscale(0) !important;
  }
  
  /* #customers-logos-owl .owl-nav {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
  } */
  
  .owl-carousel .owl-nav button {
    width: 42px !important;
    height: 42px !important; 
    background-color: #f56020 !important;
    margin: 0.2rem !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-size: 1.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  @media only screen and (max-width: 1280px) {
    .navbar-menu-side {
      background-color: #fff;
      padding: 2rem;
      line-height: 4;
      z-index: 9999;
      height: 100vh;
      width: 500px;
      margin: 0;
      position: fixed;
      right: -110% !important;
      -webkit-transition: all 0.5s ease-out !important;
      transition: all 0.5s ease-out !important;
      -oz-transition: all 0.5s ease-out !important;
    }
  
    .navbar-menu-side.active {
      position: fixed;
      right: 0 !important;
      top: 0 !important;
      display: block;
      -webkit-transition: all 0.5s ease-out !important;
      transition: all 0.5s ease-out !important;
      -oz-transition: all 0.5s ease-out !important;
      z-index: 9999999 !important;
      overflow-x: scroll !important;
    }
  }
  
  .navbar-menu-side .sepanta-icon-arrow-right::before {
    color: #fff !important;
  }
  
  @media only screen and (max-width: 640px) {
    .navbar-menu-side {
      width: 80%;
    }
  }
  
  @media only screen and (max-width: 380px) {
    .navbar-menu-side {
      width: 80%;
    }
  }
  
  .section-title {
    text-align: center;
    position: relative;
    font-size: 26px;
    margin: 20px 0;
  }
  
  .section-title::before {
    width: 50px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: -31px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .section-title::after {
    width: 37rem;
    height: 4px;
    background-color: #F4FBFF;
    content: "";
    position: absolute;
    bottom: -33px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 6px 6px;
  }
  
  .au-introduction-section h2 {
    position: relative;
    font-size: 26px;
  }
  
  .title-section {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 3 !important;
  }
  
  @media only screen and (max-width: 640px) {
    .title-section {
      padding: 1rem 0;
    }
  }
  
  .title-section::before {
    width: 50px;
    height: 6px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .title-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    width: 33.3333333333%;
    height: 2px;
    background-color: #EEF0F5;
  }
  
  .team-title-section {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 0.5rem;
    padding-top: 0;
  }
  
  .team-title-section::before {
    width: 40px;
    height: 4px;
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .au-introduction-section h2 {
    font-size: 28px;
    font-weight: 600;
  }
  
  .feature-col {
    display: inline-block;
    padding: 4rem;
  }
  
  .circle-icon-box {
    background-color: #D2DDDE;
    padding: 1rem;
    border-radius: 50px;
    color: #fff;
    font-size: 2rem;
  }
  
  .feature-col h5 {
    position: relative;
    font-size: 26px;
    margin: 1rem 0;
  }
  
  .feature-col h5::before {
    width: 50px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .logo-image-section {
    align-items: center;
    display: inline-flex;
    width: 75rem;
    height: 75px;
    margin: 4rem;
    padding: 10px;
    flex-direction: row-reverse;
  }
  
  .logo-section h2 {
    position: relative;
  }
  
  .logo-section h2::before {
    width: 50px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: -31px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .logo-section h2::after {
    width: 37rem;
    height: 4px;
    background-color: #f6f6f6;
    content: "";
    position: absolute;
    bottom: -33px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 6px 6px;
  }
  
  .customers-logos-section img {
    width: 160px;
    height: 80px !important;
  }
  
  .banner-section {
    width: 1000px !important;
    height: 100px !important;
  }
  
  .features-box {
    padding: 3rem 1rem;
    border-radius: 15px;
    box-shadow: 0px -5px 50px rgba(210, 221, 222, 0.26) !important;
  }
  
  @media only screen and (max-width: 640px) {
    .features-box {
      flex-direction: row-reverse;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
    }
  
  }
  
  @media only screen and (max-width: 380px) {
    .features-box {
      flex-direction: row-reverse;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }
  }
  
  .aboutus-video-section {
    position: relative;
    background-image: url("./assets/imgs/about-us-video-section-banner.jpg");
    height: 400px;
    background-size: cover;
    z-index: -2;
    border-radius: 0px 0px 0px 100px;
    z-index: 9;
  }
  
  .aboutus-video-section .bottom-content {
    height: 360px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
    align-items: end;
    color: #fff;
    padding: 2rem 0;
    z-index: 2;
    flex-direction: row;
  }
  
  @media only screen and (max-width: 640px) {
    .aboutus-video-section .bottom-content {
      height: 320px;
      display: flex;
      flex-wrap: nowrap;
      justify-content: right;
      align-items: end;
      color: #fff;
      padding: 2rem 0;
      z-index: 2;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 2;
    }
  }
  
  .aboutus-video-section::before {
    position: absolute;
    content: "";
    width: 100%;
    right: 0;
    bottom: 0;
    height: 200px;
    background: linear-gradient(0deg, rgb(21, 17, 43) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: -1;
    border-radius: 0px 0px 0px 100px;
  }
  
  .circle-btn-orange-bg {
    background: linear-gradient(180deg, #E94E0C 0%, #FF7F48 100%);
  }
  
  .text-rtl {
    direction: rtl !important;
  }
  
  .road-map-right-section-items {
    direction: rtl;
    margin-top: 1rem;
  }
  
  .road-map-right-section-items li {
    line-height: 2.5;
    margin-right: 1rem;
    position: relative;
  }
  
  .road-map-right-section-items li::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: linear-gradient(rgb(233, 78, 12) 0%, rgb(255, 127, 72) 100%);
    border-radius: 50%;
    top: 18px;
    right: -19px;
  }
  
  .road-map-left-section-items {
    direction: ltr;
    margin-top: 1rem;
  }
  
  .road-map-left-section-items li,
  .rm-li {
    text-align: center;
    border-radius: 15px;
    padding: 2rem 0.5rem;
    width: 90px;
    border: 3px solid #d4f0f7 !important;
    font-size: large;
  }
  
  .road-map-left-section-items li span {
    font-size: 2.2rem;
    padding: 0;
    margin-bottom: 1rem;
  }
  
  .road-map-left-section-items li.active {
    padding: 2rem 0.5rem;
    background-color: #f56020;
    color: white;
    border-radius: 0px 22px 22px 22px;
  }
  
  .sepanta-icon-date:before {
    content: "\e90b";
    color: #D9EFF6;
  }
  
  .road-map-left-section-items h3 {
    font-size: large;
  }
  
  .road-map-left-section-items li {
    min-width: 20%;
    margin-left: 5rem;
    margin-bottom: 3rem;
    position: relative;
  }
  
  @media only screen and (max-width: 640px) {
    .road-map-left-section-items li {
      min-width: 25%;
      margin-left: 0rem;
      margin-bottom: 3rem;
      position: relative;
    }
  }
  
  .road-map-left-section-items li:not(:nth-child(3)):not(:nth-child(6)):before {
    content: "";
    position: absolute;
    width: 60%;
    height: 5px;
    right: 110%;
    top: 66px;
    border-bottom: 5px dotted #BBE6F3;
  }
  
  @media only screen and (max-width: 640px) {
    .road-map-left-section-items li::before {
      display: none !important;
    }
  }
  
  .road-map-left-section-items li:nth-child(3)::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 98px;
    bottom: 113%;
    top: 124px;
    border-bottom: 5px dotted #BBE6F3;
    transform: rotate(270deg);
    right: 0;
    left: 12px;
  }
  
  .road-map-left-section-items li:nth-child(1) {
    border: none;
  }
  
  .road-map-left-section-items li:nth-child(1),
  .road-map-left-section-items li:nth-child(4) {
    border-radius: 0 25px 25px 25px !important;
  }
  
  .road-map-left-section-items li:nth-child(2),
  .road-map-left-section-items li:nth-child(3),
  .road-map-left-section-items li:nth-child(5),
  .road-map-left-section-items li:nth-child(6) {
    border-radius: 25px 0 25px 25px !important;
  }
  
  .au-team-gallery-section {
    position: relative;
    background-image: url('./assets/imgs/about-us-team-gallery.jpg');
    height: 480px;
    background-size: cover;
    z-index: -2;
    border-radius: 0px 0px 150px 0px;
  }
  
  @media only screen and (max-width: 640px) {
    .au-team-gallery-section {
      height: 170px;
      border-radius: 0 0 50px 0;
    }
  }
  
  .au-team-gallery-section::before {
    position: absolute;
    content: "";
    width: 100%;
    right: 0;
    bottom: 0;
    height: 480px;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 99, 32, 0.63) 5.68%, rgba(217, 217, 217, 0) 119.22%);
    z-index: -1;
    border-radius: 0px 0px 150px 0px;
  }
  
  @media only screen and (max-width: 640px) {
    .au-team-gallery-section::before {
      height: 170px;
    }
  }
  
  .staff-section {
    position: relative;
  }
  
  .staff-section h3::before {
    width: 50px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: -31px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .staff-details-section h3::after {
    width: 37rem;
    height: 4px;
    background-color: #f6f6f6;
    content: "";
    position: absolute;
    bottom: -33px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 6px 6px;
  }
  
  .user-box-1 img {
    position: relative;
    z-index: -1 !important;
    margin: auto;
  }
  
  .user-content-box {
    background: linear-gradient(180deg, #F95E1C 0%, #FF7F48 100%);
    border-radius: 20px;
    width: 75%;
    padding: 1rem;
    color: white;
    margin: auto;
    z-index:99;
  }
  
  .user-content-box:hover {
    background: linear-gradient(360deg, #fa4b00 0%, #FF7F48 100%);
    cursor: pointer !important;
  }
  
  .feature-col {
    background-color: #fff;
    padding: 4rem;
    border-radius: 20px;
    width: 100%;
    box-shadow: 0px -5px 50px rgba(210, 221, 222, 0.2);
  }
  
  .text-rtl {
    direction: rtl !important;
  }
  
  .page-header-section {
    width: 100%;
    height: 160px;
    background-image: url("./assets/imgs/page-header.jpg");
    background-size: cover;
    position: relative;
    z-index: 9999;
  }
  
  .page-header-section::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 160px;
    background: linear-gradient(-90deg, rgb(255, 99, 32) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: -1;
  }
  
  .page-header-section h2 {
    z-index: 1 !important;
    direction: rtl !important;
  }
  
  .rtl-child,
  .rtl-child * {
    direction: rtl !important;
  }
  
  .bc-shape {
    position: relative;
  }
  
  .bc-shape::before {
    content: "";
    left: -142px;
    top: 0;
    position: absolute;
    height: 53px;
    width: 144px;
    top: -1px;
    background-size: contain;
    background-image: url("./assets/imgs/braedcrumb-before-shape.svg");
    background-repeat:no-repeat;
  }
  
  /*.bc-shape::after {
    content: "";
    right: -10000px;
    top: 0;
    position: absolute;
    height: 57px;
    width: 10000px;
    top: -1px;
    background-color: #fff;
  }*/
  
  .feature-box-title {
    line-height: 1;
    font-size: 22px;
    margin: 1rem 0;
    line-height: 2.4;
  }
  
  .title-section-bb {
    position: relative;
    width: 100% !important;
  }
  
  .title-section-bb::before {
    width: 30px;
    height: 6px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .certificate-date-circle {
    padding: 1rem;
    background-color: #D2DDDE;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    margin: auto;
    width: 120px;
    height: 120px;
    border-radius: 50px;
    flex-direction: column;
    border: 10px solid #F6F6F6;
    margin-bottom: -3rem;
    margin-top: 3rem;
  }
  
  .certificate-date-circle .month {
    font-size: 1.2rem;
  }
  
  .certificate-date-circle .year {
    font-size: 0.8rem;
  }
  
  #certificates-gallery img {
    width: 70% !important;
    margin: 2rem auto;
    margin-bottom: 10rem;
  }
  
  #certificates-gallery .certificate-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, #F95E1C -4.72%, #FF7F48 100%);
    padding: 2rem 1rem;
    border-radius: 0 1.5rem 1.5rem 1.5rem;
    word-spacing: -2px;
    line-height: 2.2;
    text-align: center;
    color: #fff;
  }
  
  #certificates-gallery .certificate-footer:hover {
    background: linear-gradient(0deg, #e74703 5%, #FF7F48 100%) !important;
    cursor: pointer !important;
  }
  
  #certificates-gallery .certificate-footer h2 {
    font-size: 18px;
  }
  
  #certificates-gallery .certificate-footer h3 {
    font-size: 14px;
    opacity: 0.7;
  }
  
  .row-section-2x {
    padding: 4rem 0 !important;
  }
  
  .row-section-3x {
    padding: 8rem 0 !important;
  }
  
  .accordion-button:after {
    content: "";
    left: 23px !important;
    position: absolute !important;
  }
  
  @media only screen and (max-width: 380px) {
    .accordion-button:after {
      display: none !important;
    }
  }
  
  .top-faq-section .accordion-item {
    border: none !important;
    border-bottom: 1px solid #eaeaea !important;
    border-radius: 0 !important;
  }
  .top-faq-section p{
    text-align: right !important;
    text-align: justify !important;
    line-height: 2 !important;
  }
  .top-faq-section button {
    color: #333333 !important;
    font-weight: 600;
  }
  
  @media only screen and (max-width: 640px) {
    .top-faq-section button {
      text-align: right;
      font-size: 13px;
    }
  }
  
  .top-faq-section .faq-count {
    padding: 10px;
    margin-left: 0.5rem !important;
    width: 40px;
    text-align: center;
    background: linear-gradient(180deg, #F95E1C 0%, #FF7F48 100%);
    border-radius: 0 10px 10px 10px;
    color: #fff;
    display: inline-block;
    margin-right: 1rem;
  }
  
  .top-faq-section .title {
    background-color: none !important;
  }
  
  .top-faq-section .title-section::after {
    display: none !important;
  }
  
  .faq-bottom-wallpaper-section {
    width: 100%;
    height: 400px;
    background-image: url("./assets/imgs/faq-wallpaper.jpg");
    background-size: cover;
    margin-bottom: 4rem;
    border-radius: 0 0 100px 0;
    position: relative;
  }
  
  .faq-bottom-wallpaper-section:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 400px;
    background: linear-gradient(90deg, rgb(255, 99, 32) 0%, rgba(255, 255, 255, 0) 100%) !important;
    z-index: 0;
    border-radius: 0 0 100px 0;
  }
  
  .orange-border {
    border-color: #f56020 !important;
  }
  
  .faq-footer-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23%;
    float: left;
    margin-top: 0;
  }
  
  .accordion-button {
    position: relative;
  }
  
  .accordion-button::after {
    background-image: none !important;
    position: absolute;
    content: "\e93e" !important;
    font-family: "sepanta" !important;
  }
  
  @media only screen and (max-width: 640px) {
    .accordion-button::after {
      display: none;
    }
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: none !important;
    position: absolute;
    content: "\e93f" !important;
    font-family: "sepanta" !important;
    color: #f56020 !important;
  }
  
  @media only screen and (max-width: 640px) {
    .accordion-button:not(.collapsed)::after {
      display: none;
    }
  }
  .breadcrumb-section{
    direction: rtl;
  }
  .breadcrumb-section a{
    font-weight: bold !important;
  }
  .breadcrumb-ph {
    padding: 15.5px !important;
  }
  
  .faq-vertical-tabs .nav-item {
    width: 100% !important;
  }
  
  @media only screen and (max-width: 380px) {
    .faq-vertical-tabs .nav-item {
      width: 100% !important;
    }
  }
  
  @media only screen and (max-width: 640px) {
    .faq-vertical-tabs .nav-item {
      width: 100% !important;
    }
  }
  
  .faq-vertical-tabs .nav-item .active {
    color: #f56020 !important;
    font-weight: 600;
    border-bottom: 1px solid #f56020 !important;
    padding-bottom: 0.8rem;
  }
  
  .fi-border-top {
    border-top: 2px solid #787A80 !important;
  }
  
  .dl-buttons a:hover {
    transition: all 0.5 ease-in-out;
    opacity: 0.8 !important;
  }
  .social-nav-links li a {
      padding: 10px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color:#fff;
  }
  
  .social-nav-links a:hover {
    font-weight: 600 !important;
    background-color: #f56020;
    color: #fff;
  }
  
  .header-navbar-menu > li { 
    position: relative;
  }
  
  .header-navbar-menu > li > a:hover {
    background-image: linear-gradient(to right, #f56020, #f56020 100%, #333333 100%);
  }
  
  .header-navbar-menu > li > a {
    text-decoration: none;
    line-height: 1;
    position: relative;
    z-index: 1;
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #f56020, #f56020 50%, #333333 50%);
    background-size: 200% 100%;
    background-position: -100%;
    transition: all 0.3s ease-in-out;
    padding-right: 2rem !important;
    display: flex;
    padding: 20px 15px;
    position: relative;
    line-height: 0;
  }
  
  .header-navbar-menu > li > a:before {
    display: block;
    content: "";
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0px;
    z-index: 0;
    position: absolute;
    background: #f56020;
    transition: all 0.3s ease-in-out;
  }
  
  .header-navbar-menu li a:hover {
    background-position: 0%;
    border-radius: 10px;
  }
  
  .header-navbar-menu li a:hover:before {
    width: 100%;
  }
  
  .btn-hover-style-1 {
    transition: all 0.5s;
    position: relative;
  }
  
  .btn-hover-style-1:hover {
    background-color: transparent !important;
    color: #fff;
    font-weight: bold !important;
  }
  
  .btn-hover-style-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: all 0.3s;
  }
  
  .btn-hover-style-1:hover::before {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  
  .btn-hover-style-1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border: 2px solid rgb(255, 255, 255);
    transform: scale(1.2, 1.2);
    border-radius: 100px !important;
  }
  
  .btn-hover-style-1:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
  
  .btn-hover-style-2 {
    transition: all 0.5s;
    position: relative;
  }
  
  .btn-hover-style-2:hover {
    background-color: transparent !important;
    color: #f56020 !important;
  }
  
  .btn-hover-style-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: all 0.3s;
  }
  
  .btn-hover-style-2:hover::before {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  
  .btn-hover-style-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border: 2px solid #f56020;
    transform: scale(1.2, 1.2);
    border-radius: 100px !important;
  }
  
  .btn-hover-style-2:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
  
  
  
  .btn-hover-style-3 {
    transition: all 0.5s;
    position: relative;
  }
  
  .btn-hover-style-3:hover {
    background-color: transparent !important;
    color: #333; 
  }
  
  .btn-hover-style-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: all 0.3s;
  }
  
  .btn-hover-style-3:hover::before {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  
  .btn-hover-style-3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border: 2px solid #f3f3f3;
    transform: scale(1.2, 1.2);
    border-radius: 100px !important;
  }
  
  .btn-hover-style-3:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
  .plr-10{
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  
  /* contactus-style-start */
  .contactus-contact-info {
    text-align: center;
    position: relative;
    font-size: 26px;
    margin: 20px 0;
  }
  
  .title-section::before {
    width: 30px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: -31px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .title-section::after {
    width: 30%;
    height: 3px;
    background-color: #EEF0F5;
    content: "";
    position: absolute;
    bottom: 0px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 6px 6px;
  }
  
  .contactus-col-section .icon-box {
    padding: 16px;
    background: linear-gradient(180deg, #F95E1C 0%, #FF7F48 100%);
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 0 20px 20px 20px;
    font-size: 40px;
  }
  
  @media only screen and (max-width: 380px) {
    .contactus-col-section .icon-box {
      height: 50px;
      width: 50px;
      display: flex !important;
      flex-direction: column !important;
      padding: 2 !important;
    }
  }
  
  @media only screen and (max-width: 640px) {
    .contactus-col-section .icon-box {
      height: 80px;
      width: 80px;
      display: flex !important;
      flex-direction: column !important;
      padding: 2 !important;
    }
  }
  
  @media only screen and (max-width: 380px) {
    .contactus-col-section .icon-box {
      height: 60px !important;
      width: 60px !important;
    }
  }
  
  .contactus-col-section {
    margin-top: -60px;
  }
  
  @media only screen and (max-width: 380px) {
    .contactus-col-section {
      flex-direction: column;
    }
  }
  
  .contactus-col-section .col-box {
    background: #fff;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    flex-direction: row;
  }
  
  @media only screen and (max-width: 380px) {
    .contactus-col-section .col-box {
      padding: 0.5rem !important;
      flex-direction: row;
    }
  }
  
  @media only screen and (max-width: 1280px) {
    .contactus-col-section .col-box {
      flex-direction: column;
      width: 100% !important;
    }
  }
  
  @media only screen and (max-width: 768px) {
    .contactus-col-section .col-box {
      flex-direction: column;
    }
  }
  
  @media only screen and (max-width: 640px) {
    .contactus-col-section .col-box {
      padding: 0.5rem !important;
      flex-direction: row;
      padding-right: 2rem !important;
    }
  }
  
  .working-time-section .tex-section {
    direction: rtl !important;
  }
  
  /* contactus-style-end */
  /* map-section-satrt */
  .contactus-map-section {
    border-radius: 30px;
    height: auto;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    background: rgb(255, 255, 255);
    margin-top: 100px;
  }
  
  @media only screen and (max-width: 768px) {
    .contactus-map-section {
      display: flex;
      flex-direction: column;
    }
  
    .contactus-map-section img {
      margin-top: 2rem;
    }
  }
  
  @media only screen and (max-width: 640px) {
    .contactus-map-section {
      flex-direction: column !important;
    }
  }
  
  .contact-us-social-section {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
  .contact-us-social-section li:hover *{
    background-color:#f56020;
    color: #fff !important;
  }
  
  @media only screen and (max-width: 640px) {
    .contact-us-social-section {
      gap: 6px !important;
    }
  }
  
  .right-section .adress-title-section {
    display: flex;
    direction: rtl;
    justify-content: start;
    align-items: center;
  }
  .right-section .postcode-section {
    display: flex;
    direction: rtl;
    align-items: center;
    margin-top: 3rem;
  }
  
  .adress-title-section .icon-box {
    font-size: 45px;
  }
  
  /* map-section-end */
  .social-media-section {
    text-align: center;
    position: relative;
    font-size: 26px;
    margin: 20px 0;
  }
  
  .title-section::before {
    width: 30px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: 0px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  
  .title-section::after {
    width: 30%;
    height: 3px;
    background-color: #EEF0F5;
    content: "";
    position: absolute;
    bottom: -3px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 6px 6px;
  }
  .logo-section{
    margin-bottom: 2rem !important;
  }
  .logo-section .social-media-icons {
    background-color: white;
    padding: 18px;
    border-radius: 20px;
    font-size: 44px;
  }
  
  /* support contact form start */
  .support-contact-image-section {
    position: relative;
    background-image: url(./assets/imgs/support-contact-form-image.jpg);
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px 0px 0px 0px;
    background-size: cover;
    padding: 3rem !important;
  }
  
  .support-contact-image-section::before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: linear-gradient(90deg, rgba(255, 99, 32, 0.63) 5.68%, rgba(217, 217, 217, 0) 119.22%);
    border-radius: 100px 0px 0px 0px;
    right: 0;
    left: 0;
    top: 0;
  }
  
  /* support contact form end */
  /* fast response start */
  .support-section {
    background: #fff;
    height: auto;
    border-radius: 30px;
    position: relative;
    padding: 4rem 0;
  }
  
  @media only screen and (max-width: 768px) {
    .support-section {
      border-radius: 20px;
      margin-top: 0rem !important;
    }
  }
  
  .support-section .fast-response-text {
    text-align: center;
    padding-top: 30px;
  }
  
  @media only screen and (max-width: 768px) {
    .support-section .fast-response-text {
      padding-top: 0 !important;
    }
  }
  
  .support-section h3 {
    position: relative;
  }
  
  /* wp section start */
  .cu-whastapp-btn {
    direction: rtl;
    background-color: #fff;
    box-shadow: 0px 5px 30px rgba(83, 131, 174, 0.1);
    height: 50px;
    width: 70%;
    border-radius: 58.5px 58.5px 58.5px 0px;
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    padding: 2.5rem;
    margin: auto;
    margin-top: 2rem;
    word-spacing: -2px;
  }
  
  .cu-whastapp-btn span.text {
    color: #2A534C;
    font-size: 18px;
  }
  
  @media only screen and (max-width: 640px) {
    .cu-whastapp-btn span.text {
      font-size: 18px !important;
    }
  }
  
  @media only screen and (max-width: 380px) {
    .cu-whastapp-btn span.text {
      font-size: 13px !important;
    }
  }
  
  .cu-whastapp-btn span.text {
    color: #2A534C;
    font-size: 18px;
    flex-direction: column;
  }
  
  .cu-whastapp-btn span.icon {
    padding: 10px;
    font-size: 42px;
    color: white;
    background: linear-gradient(180deg, #55CF5A 0%, #4CAF50 100%);
    border-radius: 50px;
    margin-left: 10px;
    position: relative;
    left: 9px;
  }
  
  /* wp section end */
  /* telegram section start */
  .cu-telegram-btn {
    direction: rtl;
    background-color: #fff;
    box-shadow: 0px 5px 30px rgba(83, 131, 174, 0.1);
    height: 50px;
    width: 70%;
    border-radius: 0px 58.5px 58.5px 58.5px;
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 2.5rem;
    margin: auto;
    margin-top: 18px;
  }
  .cu-telegram-btn:hover , .cu-whastapp-btn:hover{
    box-shadow:none !important;
    background-color:#F6F6F6;
  }
  
  .cu-telegram-btn span.text {
    color: #2A534C;
    font-size: 18px;
  }
  
  @media only screen and (max-width: 640px) {
    .cu-telegram-btn span.text {
      font-size: 18px !important;
    }
  }
  
  @media only screen and (max-width: 380px) {
    .cu-telegram-btn span.text {
      font-size: 13px !important;
    }
  }
  
  .cu-telegram-btn span.icon {
    padding: 10px;
    font-size: 42px;
    color: white;
    background: linear-gradient(180deg, #44B9DE 0%, #7BDFFF 100%);
    border-radius: 50px;
    margin-left: 10px;
    position: relative;
    left: 35px;
  }
  
  /* telegram section end */
  /* fast response end */
  /* form section start */
  .form-section {
    background: white;
    position: relative;
    border-radius: 30px;
    height: auto;
    position: relative;
  }
  
  
  @media only screen and (max-width: 640px) {
    .form-section {
      border-radius: 20px;
    }
  
    .form-section .contact-form-row-section {
      flex-direction: column !important;
    }
  
    .form-section .contact-form-row-section form * {
      width: 100% !important;
    }
  }
  
  @media only screen and (max-width: 768px) {
    .form-section {
      margin-bottom: 2rem !important;
    }
  }
  
  @media only screen and (max-width: 1280px) {
    .contact-form-row-section {
      flex-direction: column !important;
    }
  }
  
  .form-section-title h3::before {
    width: 70px;
    height: 10px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: -20px;
    margin: auto;
    right: 0px;
    border-radius: 6px 6px 0 0;
  }
  
  .form-section-title h3::after {
    width: 100%;
    height: 2px;
    background-color: #EEF0F5;
    content: "";
    position: absolute;
    bottom: -20px;
    margin: auto;
    right: 0px;
    border-radius: 6px 6px 6px 6px;
  }
  
  input {
    width: 100%;
  }
  
  input[type=email],
  input[type=text] {
    border: 2px solid #EEF0F5;
    padding: 10px;
  }
  
  .rtl {
    direction: rtl;
  }
  
  @media only screen and (max-width: 320px) {
    .contact-us-form-section * {
      width: 100% !important;
    }
  }
  
  .contact-us-form-section input  ,
  .contact-us-form-section textarea ,
  .contact-us-form-section select{
    border-radius: 10px !important;
      margin-top: 5px;
      padding: 10px !important;
      color:#333333 !important;
  }
  .contact-us-form-section select{
      width: 100% !important;
      border-radius: 10px!important;
      padding: 12.5px!important;
      border: 2px solid #EEF0F5!important;
  }
  
  .contact-us-form-section textarea {
    padding: 10px;
    color: #C4C8D3;
    border: solid 1px #EEF0F5;
    margin: 0 0 20px;
    width: 100%;
    height: 100px;
    border-radius: 12px;
    margin-top: 4px;
    outline: none !important;
  }
  
  *:focus  {
    outline: 0 !important;
    outline: none !important;
    box-shadow:none !important;
  }
  
  .btn-with-icon{
    background: #f56020;
    padding: 20px;
    height: 48px;
    border-radius: 50px;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  @media only screen and (max-width: 768px) {
    .button-section button {
      width: 100% !important;
      margin-bottom: 1rem !important;
    }
  }
  
  .button-section h2 {
    font-size: 16px;
    position: absolute;
    left: 80px;
    bottom: 57px;
  }
  
  .captcha-section {
    border: 2px solid #EEF0F5;
    padding: 20px;
    width: 250px;
    height: 55px;
    border-radius: 0px 30px 30px 30px;
    color: white;
    align-items: center;
  }
  
  .captcha-section h2 {
    position: relative;
    top: -2px;
  }
  
  /*# sourceMappingURL=style.css.map */
  
  
  
  /* catchment area end */
  /* suggestions start */
  /* .suggestions-title h3{
      position: relative;
      background-color: #fff;
      height: 200px;
  } */
  
  
  .suggestion-title-section p{
    font-size: 16px !important;
  }
  
  
  .suggestion-title-section {
    background-color: white;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 2rem;
    border-radius: 20px;
    line-height: 2;
    padding-bottom: 4rem;
    margin-top: 3rem;
    word-spacing: -2px;
  }
  
  .text-section {
    display: inline-block;
    background-color: white;
  
  }
  
  /* end */
  
  /* form sc start */
  
  .suggestion-form-section {
    background-color: white;
    border-radius: 35px;
  }
  
  .suggestion-form-section h3::before {
    width: 50px;
    height: 6px;
    background-color: #f56020;
    content: '';
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  .suggestion-form{
    padding: 0 2rem !important;
  }
  .suggestion-form input[type=text] {
    border: 2px solid #EEF0F5;
    padding: 10px;
    border-radius: 35px;
  }
  .suggestion-form textarea{
    border: 2px solid #EEF0F5;
      padding: 10px;
      border-radius: 14px;
      width: 100% !important;
      text-align: right;
      margin-top: 0.5rem;
      min-height: 200px;
      max-height: 300px;
  }
  .second-row {
    place-content: center;
  }
  
  .second-row .input {
    padding: 10px;
    color: #C4C8D3;
    margin: 0 0 20px;
    width: 587px;
    height: 250px;
    border-radius: 20px;
    margin-top: 4px;
  }
  
  .container {
    text-align: -webkit-center;
  }
  
  /* image start */
  
  .suggestion-area-image {
    position: relative;
    background-image: url(../img/catchment-image.jpg);
    height: 20rem;
    background-size: cover;
    z-index: -2;
    border-radius: 0px 0px 100px 0px;
    margin-top: -4rem;
  }
  
  .suggestion-area-image::before {
    position: absolute;
    content: '';
    width: 100%;
    right: 0;
    bottom: 0;
    height: 320px;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 99, 32, 0.63) 5.68%, rgba(217, 217, 217, 0) 119.22%);
    background-size: contain;
    z-index: -1;
    border-radius: 0px 0px 100px 0px;
  }
  
  .suggestion-area-image .image-text {
    margin-top: 85px;
    direction: rtl;
  }
  
  .ltr {
    direction: ltr;
  }
  
  .contact-us-sec {
    background: #ffff;
    width: 140px;
    height: 45px;
    padding: 16px;
    border-radius: 35px;
    align-items: center;
    gap: 15px;
    position: absolute;
    left: 18rem;
    top: 9.87rem;
  
  }
  
  .contact-us-text {
    background: #ffff;
    width: 105px;
    height: 45px;
    padding: 16px;
    border-radius: 35px;
    align-items: center;
    position: absolute;
    left: 27.5rem;
    top: 9.87rem;
    justify-content: center;
  }
  
  .suggestion-btn-section .button-section button {
    background: #f56020;
    padding: 20px;
    width: 150px;
    height: 55px;
    border-radius: 35px 35px 35px 35px;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    margin-left: 3.4rem;
  }
  
  /* image end */
  
  /* form sc end */
   
  /* catchment area start */
  
  .catchment-area-section {
    background: #fff;
    border-radius: 35px;
    height: auto;
    position: relative;
    margin: auto;
    padding: 1rem;
  
  }
  
  .catchment-area-section h3::before {
    width: 70px;
    height: 8px;
    background-color: #f56020;
    content: '';
    position: absolute;
    bottom: -20px;
    margin: auto;
    right: 0px;
    left: 0px;
    border-radius: 6px 6px 0 0;
  }
  
  .catchment-area-section h3::after {
    width: 400px;
    height: 0.5px;
    background-color: #EEF0F5;
    content: '';
    position: absolute;
    bottom: -20px;
    margin: auto;
    right: 0px;
    left: 0px;
  
    border-radius: 6px 6px 6px 6px;
  }
  
  .catchment-area-icon .section-col {
    background: #f8f8f8;
    border-radius: 20px;
    width: 100% !important;
    margin: 1rem;
    padding: 20px;
    height: 150px;
    margin: 0 2rem !important;
  }
  .catchment-area-icon{
    margin-bottom: 2rem !important;
  }
  .catchment-button-section{
    margin-bottom: 3rem !important;
  }
  
  @media (max-width:900px) {
    .catchment-area-icon .section-col {
      margin: 0rem !important;
      display: flex;
      flex-direction: column;
    }
  
    .catchment-area-icon {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
  }
  
  .catchment-area-icon .section-col h5 {
    font-size: 12px;
  
    word-spacing: -2px;
  }
  
  .catchment-text {
    font-size: 14px;
  }
  
  .catchment-button-section {
    background: #f56020;
    padding: 20px;
    width: 154px;
    height: 48px;
    border-radius: 35px 35px 35px 35px;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
  }
  
  .catchment-area-image {
    position: relative;
    background-image: url('./assets/imgs/catchment-image.jpg');
    height: 20rem;
    background-size: cover;
    z-index: -2;
    border-radius: 0px 0px 100px 0px;
    margin-top: 7rem;
  }
  
  .catchment-area-image::before {
    position: absolute;
    content: '';
    width: 100%;
    right: 0;
    bottom: 0;
    height: 320px;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 99, 32, 0.63) 5.68%, rgba(217, 217, 217, 0) 119.22%);
    background-size: contain;
    z-index: -1;
    border-radius: 0px 0px 100px 0px;
  }
  
  .catchment-area-image .image-text {
    margin-top: 85px;
    direction: rtl;
  }
  .footer-top-left-bar::after {
    position: absolute;
    content: "";
    left: -140%;
    width: 200%;
    height: 88px;
    background-color: #7E7F83;
    top: 0px;
  }
  @media (max-width:768px) {
    .footer-social-section {
      display: flex !important;
      flex-direction: column !important;
    }
  
    .footer-top-left-bar::after {
      display: none !important;
    }
  
    .support-contact-image-section {
      margin-bottom: 0 !important;
    }
  
    .aboutus-roadmap-section {
      display: flex !important;
      flex-direction: column !important;
    }
  
    .da-title {
      text-align: center !important;
    }
  
    .foot-section {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }
  
    .intro-content {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }
  }
  
  .ta-justify {
    text-align: justify !important;
  }
  
  .btn-more-blog:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #f56020 !important
  }
  
  .aboutus-roadmap-section {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  
  .road-map-right-section-items li {
    text-align: right !important;
  }
  
  label[for="descrip"] {
    text-align: right;
    width: 100%;
    float: right;
  }
  
  .form-section .sepanta-icon-telegram {
    font-size: 2rem !important;
  }
  
  
  /* detail start */
  
  .detail-banner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
  }
  
  .blog-detail {
    height: auto;
    border-radius: 30px;
    gap: 1rem;
  }
  .detail-right-section{
    background-color:#fff;
    border-radius:20px;
  }
  
  .detail-right-section h2 {
    padding: 5px 1rem;
    font-size: 14px;
  }
  
  .detail-right-section h1 {
    padding: 0 1rem;
    font-size: 24px;
  }
  
  .detail-right-section p {
    font-size: 15px;
    margin: 2px 10px;
    line-height: 1.8 !important;
    text-align: justify;
    word-spacing: -1px;
  }
  
  .detail-left-section {
    background: #fff;
    border-radius: 20px;
    height: auto;
    margin-top: -8rem !important;
    padding: 2rem;
    z-index: 9999 !important
  }
  
  .detail-left-section h2 {
    margin-bottom: 1rem;
    font-size: 20px;
  }
  
  .detail-left-section h3 {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    font-size: 20px;
  }
  
  @media(max-width:768px) {
    .detail-left-section {
      margin-top: 0 !important;
    }
  }
  .sidebar-categories-list{
    list-style: disc !important;
  }
  .sidebar-categories-list li::marker{
    color: #f56020 !important;
    font-size: 12px;
  }
  .sidebar-categories-list li a{
    display: inline-block;
    width: 100%;
    font-size: 16px;
    margin-top: 5px;
    list-style: disc;
    padding-bottom: 6px;
    border-bottom: 1px solid #fafafa !important;
  }
  .sidebar-categories-list li a:nth-last-child(){
    border-bottom: none !important;
  }
  /* detail end */
  .footer-links-sections  a:hover{
    opacity: 0.8 !important;
  }
  .quick-access-widget a:hover{
    background-color:#f56020;
    padding: 8px 10px !important;
    color:#fff;
    border-radius:8px;
    opacity: 1 !important;
  }
  .footer-links-sections .widget-title{
    flex-direction: row;
    display: flex;
    align-items: center;
  }
  .footer-email-phone-section{
    margin-top: 1.5rem !important;
  }
  .footer-links-nav{
    display: flex;
    color:#fff;
    padding: 13px 0;
    gap: 21px;
    margin-bottom: 1rem;
  }
  .footer-certificates-section{
      display: flex !important;
      justify-content: space-between !important;
  }
  .footer-certificates-section li{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
  }
  .footer-certificates-section li:hover{
    -webkit-box-shadow: 0 20px 40px 0 rgb(29 10 81 / 20%);
    -moz-box-shadow: 0 20px 40px 0 rgba(29,10,81,.1);
    box-shadow: 0 20px 40px 0 rgb(29 10 81 / 20%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    border-radius:15px !important;
  }
  .footer-certificates-section li{
    background-color: #fff !important;
    width: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 10px;
  }
  .footer-certificates-section li img{
    min-height: 75px !important;
    padding: 1rem;
  }
  
  .header-icon-nav{
    position: relative;
  }
  
  .header-icon-nav::after{
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    right: 0;
    top: 10px;
    background-repeat: no-repeat;
  }
  
  .header-icon-nav.company::after{
    background-image: url('./assets/imgs/svg/company.svg');
  }
  .header-icon-nav.home::after{
    background-image: url('./assets/imgs/svg/home.svg');
  }
  .header-icon-nav.window::after{
    background-image: url('./assets/imgs/svg/window.svg');
  }
  .header-icon-nav.support::after{
    background-image: url('./assets/imgs/svg/support.svg');
  }
  
  .header-navbar-menu li{
  margin-left: 0.5rem !important;
  }
  .header-navbar-menu > .sub-menu >  li{
  
    padding: 0.25rem;
    position: relative;
  }
  .header-navbar-menu .sub-menu li a{
    display: inline-block !important;
    width: 100% !important;
  }
  .header-navbar-menu .sub-menu{
    display: none;
    position: absolute;
    background-color: #fff;
    line-height: 2;
    min-width: 220px;
    padding: 1rem;
    line-height: 3;
    top: 40px;
    z-index: 99999;
  }
  .header-navbar-menu > li:hover > .sub-menu{
   
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; 
    border: none;
    padding: 10px 20px;
    -webkit-box-shadow: 0 30px 30px 0 rgba(29,10,81,.1);
    -moz-box-shadow: 0 30px 30px 0 rgba(29,10,81,.1);
    box-shadow: 0 30px 30px 0 rgba(29,10,81,.1);
    border-radius: 10px;
    right: 0;
  }
  .sub-menu li a:hover{
    color:#f56020;
    font-weight: 600 !important;
  }
  .header-navbar-menu li:hover > .sub-menu > li{
    text-align: right !important;
    width: 100% !important;
    position: relative;
  }
  .header-navbar-menu li:hover > .sub-menu > li:hover > .sub-menu{
    width: max-content !important;
    position: absolute;
    right: 101%;
    display: block;
    border-radius: 10px;
    margin: 0;
    top: 0;
    -webkit-box-shadow: 0 30px 30px 0 rgb(29 10 81 / 10%);
    -moz-box-shadow: 0 30px 30px 0 rgba(29,10,81,.1);
    box-shadow: 0 30px 30px 0 rgb(29 10 81 / 10%);
  }
  .header-navbar-menu li:hover .sub-menu li:not(:last-child){
    border-bottom: 1px dotted #eeeeee;
    color:#333333;
  }
  .services-section .flex-basis-49p *{
    text-align: justify !important;
  }
  
  .services-section > div:hover{
    -webkit-box-shadow: 0 30px 30px 0 rgb(29 10 81 / 8%);
    -moz-box-shadow: 0 30px 30px 0 rgba(29,10,81,.1);
    box-shadow: 0 30px 30px 0 rgb(29 10 81 / 8%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
  }
  .services-section > div{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
  }
  
  .service-title-3col{
    font-size: 22px;
    word-spacing: -2px;
    font-weight: 600;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }
  .service-detail-3col{
    width: 90%;
    margin: auto;
    line-height: 2;
    text-align: justify;
    text-align: center;
    direction: rtl;
    margin-bottom: 1.5rem !important;
  }
  #our-team-carousel .owl-item img{
    display: block;
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    object-position: top;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    filter: grayscale(0.8);
    border-radius:15px;
  }
  #our-team-carousel .owl-item img:hover{
    transition: all 0.5s ease-in-out;
    filter: grayscale(0);
    opacity: 1 !important;
  }
  .modal-dialog {
    max-width: 70% !important;
  }
    
  .about-us-video-modal-btn , 
  .road-map-left-section-items li:hover{
    cursor: pointer !important;
  }
  .full-w50{
      width: 50px !important;
  }
  .menu-item-has-children::before{
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 0px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image:url('./assets/imgs/svg/arrow-down.svg');
  }
  .menu-item-has-children:hover:before{
    background-image:url('./assets/imgs/svg/arrow-up.svg');
  }
    
  .blog-article-text p{
    text-align: justify !important;
    font-size: 13px;
    margin-bottom: 1rem;
  }
  .blog-article-text{
    padding: 0 1rem;
  }
  .blog-article-button {
    background: #F95E1C;
    font-size: 14px;
    color: white;
    padding: 20px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right; 
    border-radius: 40px;
  }
  .blog-post-catagory-name{
    padding: 10px 0;
    color: #F95E1C;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    word-spacing: -2px;
    font-weight: 600;
    text-align: right;
  }
  .blog-post-title{
    color: #333 !important;
    font-size: 16px !important;
    word-spacing: -2px;
    display: inline-block;
    padding-bottom: 1rem;
    font-weight: 600;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-align: right;
  }
  .blog-page-posts-section{
    margin-bottom: 3rem;
  }
  .blog-thumbnail-section img:hover{
    transition: all 0.2s ease-in-out; 
    filter: grayscale(1);
  }
  .list-style-none{
    list-style: none !important;
  }
  .headerLogo{
    width: 80% !important;
      height: auto !important;
  }
  #gmap_canvas{
    height: 450px !important;
    margin-top: 2rem !important;
    border-radius:1rem !important
  }
  .about-us-top-description{
    text-align: justify;
    font-size: 15px;
    word-spacing: -2px;
  }
  .footer-copyright *{
    color:#333 !important
  }
  .blog-post-excerpt{
    font-weight: 500;
    font-size: 15px;
    text-align: justify;
    word-spacing: -1px;
    margin-bottom: 1rem !important;
  }
  
  /* #customers-logos-owl .owl-nav {
        display: flex;
        justify-content: center;
        margin: 1rem 0; 
  } */
  .contact-us-roadmap-apps-nav{
    margin-top: 3rem !important;
  }
  .contact-us-roadmap-apps-nav  a{
    align-items: center;
    background-color: #f3f3f3;
    font-size: 16px;
    line-height: 0;
    padding: 0;
    width: 100%;
    padding: 23px 0rem;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    position: relative;
    word-spacing: -2px;
  }
  .contact-us-roadmap-apps-nav img{
    width: 30px !important;
    margin-top: 0 !important;
    position: absolute;
    right: 17px;
  }
  /* New-Styles-Start */
  
  
  /* error 404 page start */
  
  .error-page-title{
    font-size: 2.6rem;
    line-height: 1;
    word-spacing: -3px;
    line-height: 1.5;
    font-weight: 600;
  }
  .error-page {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 5rem;
  }
  
  .error-page .error-p404 {
    background-image: url('./assets/imgs/svg/404.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 60%;
    background-position: center;
  }
  .error-page .error-p403 {
    background-image: url('./assets/imgs/svg/403.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 60%;
    background-position: center;
  }
  .error-page .error-p401 {
    background-image: url('./assets/imgs/svg/401.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 60%;
    background-position: center;
  }
  .error-page .error-p500 {
    background-image: url('./assets/imgs/svg/500.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 60%;
    background-position: center;
  }
  .error-page .error-p410 {
    background-image: url('./assets/imgs/svg/410.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 60%;
    background-position: center;
  }
  
  .error-page .error-title {
    margin-top: 130px;
    background: none;
  }
  .error-page .error-sub-title {
    font-size: 14px;
    line-height: 2.5rem;
    direction: rtl;
  }
  
  .error-p404-button-section {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  
  .error-page h2 {
    background-color: #f56020;
    padding: 15px;
    border-radius: 35px;
    color: white;
  }
  
  .error-page h3 {
    padding: 12px;
    padding-left: 42px;
    padding-right: 42px;
    border: 2px solid #f56020 !important;
    border-radius: 35px;
    color: #f56020;
    align-self: center;
  
  }
  
  .text-xs {
    font-size: 8px;
  }
  
  
  .orange-rounded-fill-btn{
    background-color: #f56020;
    padding: 0;
    padding: 14px 28px;
    border-radius: 30px;
    color: #fff;
  }
  
  .orange-rounded-stroke-btn{
    padding: 14px 40px;
    border-radius: 30px;
    color: #f56020;
    border: 2px solid #f56020;
    line-height: 1;
    word-spacing: -2px;
  }
  
  .orange-rounded-stroke-btn:hover{
    background-color: #f56020;
    color:#fff;
  }
  
  /* error 404 page end */
  
  .error-page-contact-fragment{
    padding-bottom: 5rem !important;
  }
  
  .sub-menu .menu-item-has-children::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 3px;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./assets/imgs/svg/arrow-down.svg') !important;
    transform: rotate(90deg) !important;
  }
  .error-410-page-search-section{
    background-color: white;
    padding: 2rem;
    border-radius: 20px;
    line-height: 2.3;
    direction: rtl;
  }
  
  /* 410-Error-Page-Style */
  .error-410-page-search-section{
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
  }
  
  .error-410-page-search-section input[type="text"]{
    border-radius: 10px;
  }
  .error-410-page-search-section button{
    background-color: #f56020;
    padding: 8px 60px;
    border-radius: 10px;
    float: left;
    margin-top: 1rem;
    color: #fff;
  }
  .error-410-page-search-section label{
    float: right;
    margin-bottom: 1rem;
  }
  .error-410-page-search-section h2{
    font-size: 22px;
    font-weight: 600;
    text-align: right;
  }
  .error-410-page-search-btn-submit:hover{
    background-color:transparent !important;
    color: #f56020 !important;
    border:2px solid #f56020 !important;
  }
  .error-410-page-search-btn-submit{
    border:2px solid transparent !important;
    background-color: #f56020;
    padding: 8px 60px;
    border-radius: 10px;
    float: left;
    margin-top: 1rem;
    color: #fff;
    transition: all 0.05s ease-in-out !important;
  }
  
  
  /* speed-test start */
  
  .speed-test-section {
    background: white;
    height: auto;
    border-radius: 30px;
    margin: 3rem 0;
  }
  
  .speed-test-icon {
    background-image: url('./assets/imgs/test-icon.png');
    height: 21rem;
    background-repeat: no-repeat;
    background-position-x: center;
  
  }
  .speed-test-guide-section .question-icon {
    border: solid 3px #F95E1C;
    height: 35px;
    width: 35px;
    border-radius: 6px;
    padding: 10px;
    border-radius: 12px;
    font-size: 26px;
  }
  .title-section.short::after{
    width: 30% !important;
  }
  
  
  .speed-test-guide-text h3 {
    justify-content: right;
    display: flex;
    text-align: right;
    font-size: 18px;
    margin: 2rem 0;
    direction: rtl;
    font-weight: 600;
  }
  
  .guide-notes {
    display: flex;
    justify-content: right;
    list-style: disc;
    direction: rtl;
    padding-right: 3rem;
    font-size: 16px;
    flex-direction: column;
    align-items: start;
    line-height: 2.2;
    padding-bottom: 4rem;
    padding-right: 1.2rem;
  }
  
  .speed-test-guide-text{
    width: 80% !important;
  }
  
  /* speed-test end */
  
  
  /* service page start */
  
  /* top col start */
  .top-col {
    display: flex;
    justify-content: center;
  }
  
  .top-col .right-box {
    background-color: white;
    padding: 30px;
    border-radius: 35px;
  }
  
  .top-col .middle-box {
    background-color: white;
    padding: 30px;
    border-radius: 35px;
  }
  
  .top-col .left-box {
    background-color: white;
    padding: 30px;
    border-radius: 35px;
  }
  
  .service-icon span[class^="sepanta-"]{
    background: -webkit-gradient(linear, left top, left bottom, from(#44B9DE), to(#7BDFFF));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
  }
  
  .service-page-item-box .service-button:hover span{
    color:#fff !important
  }
  .service-page-item-box .service-button:hover{
    background-color:#f56020 !important;
    color:#fff !important
  }
  .service-page-item-box .service-button .sepanta-icon-left-arrow:before{
    color:#fff !important
  }
  .service-page-item-box .service-button{
    background-color: #f56020;
      width: 140px;
      padding: 10px;
      border-radius: 50px;
      display: flex;
      align-items: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 0;
      justify-content: center;
      direction: rtl;
      color:#fff !important;
  }
  .service-page-item-box .service-button:hover .sepanta-icon-left-arrow:before{
    color:#f56020 !important;
  }
  .service-page-item-box .service-button:hover{
    background-color:transparent !important;
    color:#f56020 !important;
  }
  .service-page-item-box{
    background-color: #fff;
    padding:2rem 0 2rem 0;
    border-radius: 30px;
  }
  .service-icon {
    background: white;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 14px 20px rgb(83 131 174 / 7%);
    z-index: 100;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
  }
  .top-col a {
    display: flex;
    justify-content: center;
  }
  
  /* top col end */
  
  /* down col start */
  .down-col {
    display: flex;
    justify-content: center;
  }
  
  .down-col .right-box {
    background-color: white;
    padding: 30px;
    border-radius: 35px;
  }
  
  .down-col .middle-box {
    background-color: white;
    padding: 30px;
    border-radius: 35px;
  }
  
  .down-col .left-box {
    background-color: white;
    padding: 30px;
    border-radius: 35px;
  }
  
  .down-col .service-icon {
    /* box */
    background: white;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    padding: 22px;
    box-shadow: 0px 14px 20px rgba(83, 131, 174, 0.14);
    z-index: 100;
  
  }
  .down-col .service-title {
    margin: 1rem 0;
  }
  
  .down-col a {
    display: flex;
    justify-content: center;
  }
  
  .user-guides-item-text{
    font-size: 16px;
    font-weight: 600;
  }
  .user-guides-section{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    gap: 1rem;
    padding: 3rem 0 !important;
  }
  .user-guides-item-box {
    background-color: #fff;
    padding: 1.5rem 2rem;
    border-radius: 30px;
    flex-direction: row;
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 3;
    gap: 1rem;
    direction: rtl;
  }
  
  
  .service-button:hover span{
    color:#fff !important
  }
  .user-guides-more-button{
    background-color: #f56020;
    padding: 10px;
    border-radius: 50px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 0;
    justify-content: center;
    direction: rtl;
    display: inline-flex;
    color: #fff;
    padding: 10px 30px !important;
  }
  .user-guides-more-button:hover span{
    color:#f56020 !important
  }
  
  .service-tariff-description-section{
    padding: 2rem 6rem;
    background-color: #fff;
    border-radius:20px !important;
    margin-bottom: 3rem !important;
  }
  .service-tariff-description-section ul li{
    margin: 6px 0;
    line-height: 2.7 !important;
    list-style: disc;
    font-size: 16px !important;
  }
  .service-tariff-section{
    margin: 2rem 0 !important;
  }
  /* packages start */
  
  .pachkages-page-section {
    margin-top: 6rem;
  }
  
  .pachkages-page-section  h2 {
    text-align: right;
  }
  
  .packages-left-col p {
    text-align: justify;
    line-height: 1.8;
    font-size: 16px;
    word-spacing: 0;
  }
  
  .packages-right-col img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .adsl-button {
    background: linear-gradient(180deg, #F95E1C 0%, #FF7F48 100%);
    border-radius: 20px 0px 20px 0px;
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    font-weight: bolder;
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 35px;
    left: 22px;
  
  }
  
  .category-package-detail-btn{
    font-size: 14px;
    color: #FFFFFF;
    background-color:#F95E1C;
    border-radius: 40px;
    padding: 4px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    float: right;
    letter-spacing: 0;
    margin-top: 1.5rem;
  }
  
  .packages-selection-top {
    background-color: white;
    display: flex;
    border-radius: 30px;
    margin: 10px;
  }
   .service-category-section{
    padding: 1rem 0;
    align-items:center;
   }
  
  .package-order-btn:hover{
    background-color: #F95E1C;
    color:#fff;
  }
  .package-order-btn {
    font-size: 14px;
    color: #F95E1C;
    padding: 18px;
    border: solid #F95E1C 1px;
    border-radius: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    float: right;
  }
  .package-item-order-price-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.5rem;
  }
  .service-category-section .package-name{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
  }
  .service-category-section .package-price{
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    color: #fb6a2c;
  }
  .package-items-section{
   margin-bottom: 10rem;
  }
  /* packages end */
  
  
  /* Package-Process- */
  .process-icon{
    background-color: #f56020;
    width: 54px;
    display: inline-block;
    padding: 1rem 3rem;
    font-size: 3rem;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    border-radius: 25px 25px 0 0;
  }
  .process-item-box .number{
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: -1.5rem;
  }
  .process-item-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 10px;
  }
  .item-text h4{
    font-size: 1.1rem;
    word-spacing: -1px;
    font-weight: 600;
  }
  .item-text{
    background-color: #fff;
      padding: 2rem;
      width: 100%;
      border-radius: 25px 25px 0 0;
  }
  .package-order-process-section{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6rem;
  }
  
  
  /* catchment state map start */
  .catchment-map-section .catchment-map-image {
    position: relative;
    background-image: url('./assets/imgs/area-map.jpg');
    height: 24rem;
    display: flex;
    bottom: 40px;
    background-repeat: no-repeat;
    background-position-x: center;
    border-radius: 35px;
  }
  
  .areas-covered-order-online-btn{
    font-size: 14px;
    border: 2px solid #ff7f48;
    padding: 2px 20px;
    border-radius: 50px;
  }
  .areas-covered-order-online-btn-fill{
    font-size: 14px;
    border: 2px solid transparent;
    padding: 10px 40px;
    border-radius: 50px;
    background-color: #F95E1C !important;
    color: #fff !important;
    display: inline-block;
    margin-top: 1rem;
  }
  .areas-coverd-section-description{
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
    word-spacing: 0px;
    margin-bottom: 2rem;
  }
  .areas-coverd-state-section{
    background-color: #ffff;
    padding: 3rem;
    border-radius: 1.5rem;
    margin: 2rem 0;
  }
  .areas-coverd-section .title{
    padding: 1rem 0px;
    font-size: 18px;
    font-weight: 600;
  }
  .areas-coverd-state-section img{
    border-radius:20px
  }
  /* catchment state map end */
  
  
  
  /* agencies page start */
  .agencies-header {
    background-color: white;
    padding: 10px;
    background-repeat: no-repeat;
    width: 100%;
  }
  
  .agencies-left-col {
    background-color: white;
    height: auto;
    border-radius: 30px;
  
  }
  
  .agency-code {
    list-style: disc;
    list-style-position: inside;
    position: relative;
  }
  
  .state-name-section {
    background: #F5F5F5;
    border-radius: 10px;
  
  }
  
  .agencies-form-section {
    background: white;
    border-radius: 30px;
  }
  
  .agencies-form-section input[type=email] ,
  .agencies-form-section input[type=text] {
    border-radius: 15px;
    text-align: right;
    padding: 12px;
  }
  textarea:focus,
  input[type=email]:focus,
  input[type=text]:focus {
    outline: 0 !important;
    outline: none !important;
    border: 2px solid #f95e1c !important;
  }
  
  .agencies-form-section textarea {
    width: 100%;
    padding: 15px;
  }
  
  .agencies-form-section .text-phone {
    width: 50%;
    margin: auto;
    margin:1.5rem auto !important;
    text-align: center !important;
    font-size: 1.2rem;
  }
  .phone-error-box{
    margin-top: 1rem !important;
  }
  .agencies-form-section .form-group 
  .agencies-form-section .form-group {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 6px;
    justify-content: space-between !important;
    text-align: right;
  }
  .agencies-form-section .form-group label{
    margin-bottom: 0.5rem !important;
    display: inline-block;
  }
  
  .button-section {
    background: #F95E1C;
    padding: 10px 65px;
    border-radius: 40px;
    color: white;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
    word-spacing: -2px;
  }
  
  /* agencies page end */
  
  /* career page new start */
  
  .careers-section {
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
  }
  
  .career-header {
    text-align: right;
    padding: 4rem 0;
  }
  
  .careers-section .agencies-title-question {
    text-align: right;
    padding-bottom: 4rem;
    font-size: 16px !important; 
  } 
  
  .careers-section .agencies-title-question a {
    color: #F95E1C;
  }
  
  .careers-section-stats {
    display: flex;
  }
  
  .careers-section-stats .career-left-col {
    background-color: #FFFFFF;
    border-radius: 25px;
    padding: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    justify-content: right;
    gap: 1rem;
  }
  
  .careers-section-stats .career-left-col h3 {
    font-size: 22px;
  }
  
  .careers-section-stats .career-left-col .city-section {
    background-color: #F5F5F5;
    border-radius: 15px;
    padding: 1rem;
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  
  .careers-section-stats .career-left-col .city-section li {
    display: flex;
    gap: 10px;
    padding: 8px 0;
  }
  
  .agencies-form-section {
    margin:2rem 0 !important;
  }
   
  /* career page new end */
  
  /* auction start */
  .auction-title{
    font-size: 24px;
    padding: 2rem 0;
  }
  .auction-section-pag .auction-section{
    color: #2A534C;
  }
  .auction-section-pag .packages-selection-top .auction {
    list-style: none;
    font-size: 14px;
    text-align: right;
    color: #3A3A3A;
    
  }
  .auction-section h2{
    padding: 10px 0;
    font-size: 22px;
    word-spacing: -2px;
    margin-top: 1rem;
  }
  .auction-image img {
    padding: 15px;
    border-radius: 40px;
    width: 240px;
  }
  .auction-padding{
    text-align: right;
  }
  .auction li{
    padding-bottom: 10px;
    color: #767676;
    font-size: 14px;
  }
  
  .auction-more-detail-btn{ 
    border: 2px solid #f95e1c;
    padding: 11px 30px;
    display: inline-block;
    float: left;
    margin-top: 1.2rem;
    border-radius: 50px;
  }
  .auction-more-detail-btn:hover{
    background-color: #f95e1c !important;
    color:#fff;
  }
  .auction-btn:hover {
    opacity: 1
  }
  
  .auction-padding p{
    text-align: justify;
      /* padding-left: 2rem; */
      word-spacing: -1px;
      line-height: 2;
  }
  .auction-top-section{
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }
  
  .auction-section-page{
    display: flex;
    direction: rtl;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin-bottom: 5rem;
  }
  .auction-section{
    background-color: white;
    display: flex;
    border-radius: 30px;
    margin: 10px;
    transition-duration: 0.4s;
    padding: 15px;
  }
  
  .pagination-section {
    padding: 1rem 0;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    margin: 2rem 0;
    width: 100%;
    gap: 1rem;
    align-items: center;
  }
  .pagination-section  a{
    background-color:#fff !important
  }
  .pagination-section *{
    font-size: 18px !important;
  }
  .pagination-section ul{
    display: flex;
    gap: 8px;
    font-size: 18px;
    align-items: center;
    direction: ltr;
  }
  
  .pagination-section a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    background-color: #f6f6f6;
    border-radius: 10px;
    width:42px;
    height:42px;
  }
  .pagination-section a.active {
    background: linear-gradient(180deg, #F95E1C 0%, #FF7F48 100%);
    border-radius: 10px;    
    color: white;
  }
  
  .pagination-section a:hover{
      background: linear-gradient(180deg, #F95E1C 0%, #FF7F48 100%) !important;
      color: #ffff;
    }
  
  /* auction end */
  
  .careers-section-stats [class^=sepanta-icon-], .careers-section-stats [class*=" sepanta-icon-"]{
    font-size: 1.5rem !important;
  }
  .agencies-form-section{
    padding: 1rem;
  }
  .agencies-form-section select{
    border: 2px solid #EEF0F5;
    padding: 11px;
    border-radius: 15px;
    width: 50%;
  }
  .careers-section .career-header{
    text-align: justify;
    line-height: 2.1;
    word-spacing: -1px;
    font-size: 16px !important;
  }
  
  /* prices-page start */
  .nav-tabs {
    display: flex;
    flex-direction: row;
    direction: rtl;
    padding-top: 2rem;
    padding-bottom: 10px;
  }
  
  .nav-item .active{
    color: #f56020;
  }
  
  .prices-page {
    background-color: #fff;
    height: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    border-radius: 30px;
    position: relative;
    margin-top: 2rem;
    padding: 2rem;
    color: #2A534C;
  }
  
  .prices-page .tab-content-description li {
    list-style: disc;
    line-height: 35px;
    margin: auto;
    text-align: justify;
    word-spacing: -1px;
  }
  
  .prices-page .taarefe-title {
    
    font-size: 22px;
    padding: 1rem 0;
  }
  
  .prices-page .tab-content-description {
    direction: rtl;
  }
  
  .home-adsl-service-order-btn {
    box-shadow: 0px 13px 8px -11px rgba(255, 77, 0, 0.6);
    background-color: #f56020;
    color: white;
    padding: 13px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 50px;
    margin-top: 2rem; 
  }
  
  .prices-page table thead {
    color: #fff;
    
  }
  
  .prices-page .tab-content table thead tr th {
    background-color: #44B9DE;
    font-size: 16px !important;
    padding: 20px;
  }
  
  .prices-page .tab-content table thead tr th:last-child {
    border-radius: 7px 0 0 0px;
  }
  
  .prices-page .tab-content table thead tr th:first-child {
    border-radius: 0 7px 0px 0;
  }
  
  .prices-page table tbody {
    text-align: center;
    font-size: 16px;
  
  }
  
  .prices-page .tab-content table tbody tr:nth-child(odd) {
    background: rgba(71, 188, 224, 0.16);
  }
  
  .prices-page .tab-content table tbody tr td {
    padding: 8px 20px;
  }
  
  .prices-page .tab-content table tbody tr th:first-child {
    border-radius: 15px 0 0 0px;
  }
  
  .prices-page .tab-content table tbody tr th:last-child {
    border-radius: 15px;
  }
  
  /* prices-page end */
  .auction-detail-section{
    display: inline-block;
    margin: 2rem 0;
    border-radius: 20px;
    padding: 3rem;
    background-color: #fff;
  }
  .auction-detail-section p{
    margin-top: 1rem;
    line-height: 2;
    text-align: justify;
  }
  .auction-detail-section .title{
    font-size: 22px !important;
    padding: 0.5rem 0;
  }
  .auction-detail-section img{
    border-radius: 20px;
    height: 250px;
    width: 100%;
    object-fit: cover;
  }
  
  /* jobs page start */
  .jobs-section [class^="sepanta-icon-"]{
    font-size: 1.5rem !important;
  }
  .jobs-section{
    background-color: #fff;
    height: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    border-radius: 0 30px 30px 30px;
    position: relative;
    margin-top: 1rem;
    padding: 4rem;
    color: #2A534C;
  
  }
  .jobs-section::before {
    content: '';
    position: absolute;
    width: 615px;
    height: 65px;
    left: 0;
    top: -59px;
    background-image: url('./assets/imgs/tab-sections-top-shape.svg');
    background-repeat: no-repeat;
  }
  
  .jobs-section-title{
  
    font-size: 22px;
    margin-top: 20px;
  }
  .jobs-item-section{
    display: flex;
    flex-wrap: wrap;
    direction: rtl;
  }
  .jobs-item-section .jobs-item{
   
    padding: 10px;
    text-align: right;
  }
  .jobs-item-section .jobs-item a{
    display: flex;
    justify-content: space-between;
    direction: rtl;
    align-items: center;
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px;
    transition: 0.1s;
  }
  .jobs-item-section .jobs-item a:hover{
    background: #e4e4e4;
    transition: 0.4s;
  }
  .jobs-item-section .jobs-item h2{
    font-size: 18px;
  }
  .jobs-item-section .jobs-item .jobs-item-badge{
    display: flex;
    direction: rtl;
    padding: 10px;
    gap: 10px;
    align-items: center;
    padding-right: 0 !important;
  }
  .jobs-item .jobs-item-righ-section .article-employ-expert{
    background-color: #EEEEEE;
    color: #3A3A3A;
    padding: 4px 14px;
    border-radius: 10px;
  }
  .jobs-item .jobs-item-righ-section .article-employ-worktime{
    color: #FF7F48;
  }
  .jobs-item .jobs-item-left-section{
    background: #EEEEEE;
    padding: 8px;
    border-radius: 10px 0px 0px 10px
  }
  .jobs-item .jobs-item-left-section:hover{
    background: #FF7F48;
    color:#fff !important;
  }
  
  .workspace-images{
    text-align: center;
    background: #ffff;
    margin-top: 5rem;
  }
  
  .workspace-images-title{
  
    font-size: 22px;
    padding: 3rem 0;
    
  }
  
  .workspace-images .workspace-image-section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 4rem;
    margin-bottom: 6rem;
    
  }
  .workspace-images .workspace-image-section img{
    border-radius: 30px 0 0 0;
    
  }
  .jobs-page-note-section{
    display: flex;
    justify-content: center;
  }
  
  .jobs-page-note-section h2 {
    background-color: #F0F0F0;
    border-radius: 0 0 20px 20px;
    display: inline-block;
    padding: 3rem;
  
  
  }
  .text-box{
    padding: 1rem 3rem;
    text-align: right;
    direction: rtl;
    line-height: 30px;
  }
  
  /* jobs page end */
  
  
  /* kharid-online start */
  .online-purchase-page {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    height: auto;
    text-align: right;
    padding: 2rem;
    border-radius: 30px;
    margin: auto ;
  }
  
  .online-purchase-form {
    background: #FAFAFA;
    padding: 12px;
    border-radius: 30px;
  }
  
  .online-purchase-form {
    gap: 12px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    font-size: 14px;
  }
  
  .online-purchase-page input {
    border: 2px solid #EEF0F5;
    border-radius: 45px;
  }
  
  .purchase-col-section {
    display: flex;
    gap: 1rem;
    align-items: baseline;
  }
  
  .purchase-left-col .packages-selection-top {
    background-color: #FAFAFA;
    margin: auto;
    padding: 1rem;
    gap: 18px;
  }
  .purchase-left-col h3{
    padding: 20px 0;
  }
  .purchase-left-col .packages-selection-top img {
    padding: 0;
  }
  
  .kharid-online-purchase-button {
    color: white;
    background-color: #F95E1C;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    border-radius: 40px;
  }
  .packages-left-section h4{
    color: #F95E1C;
    text-align: right;
    padding: 10px 0;
    font-size: 18px;
  }
   
  /* kharid-online end */
  
  /* 10-26-Update */
  .au-introduction-section p{
    line-height: 2;
    margin: 0.5rem 0;
  }
  .office-commercial-information{
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
  }
  
  .office-commercial-information .item p{
    font-size: 18px;
    letter-spacing: 1px;
  }
  .office-commercial-information .item h5{
    font-size: 20px;
    word-spacing: -3px;
    text-align: right;
  }
  .office-commercial-information .item{
    display: flex;
    align-items: center;
    align-items: start;
    flex-direction: column;
    line-height: 1.7;
    border-right: 2px solid #F95E1C;
    padding-right: 1rem;
  }
  .post-code-fax-section{
    display: flex;
    justify-content: space-between;
    direction: rtl;
    margin-bottom: 3rem !important;
  }
  #faq-vertical-tabs .nav-item a.avtive{ 
    border-bottom: 2px solid #fa6221 !important
  }
  #faq-vertical-tabs .nav-item a{ 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8rem 0;
  }
  .top-faq-section .accordion-header button{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1rem 0;
    justify-content: start;
  }
  .top-faq-section .accordion-header{
    display: flex;
    align-items: center; 
  }
  .left-tab-content-title{
    font-size: 18px;
    text-align: right;
    font-weight: 600;
    line-height: 3;
  }
  .left-tab-content-desc{
    text-align: justify !important;
    line-height: 2 !important;
  }
  .page-content-section{
    background-color:#fff;
    padding: 1.2rem;
    border-radius:20px !important;  
    margin: 2rem 0;
    
    text-align: justify !important;
  }
  .page-content-section .page-title{
    font-size:22px !important;
    padding: 1rem 0;
    text-align: right;
    border-bottom: 2px solid #f6f6f6
  }
  .page-content-section p{
    text-align: right;
    margin: 0.7rem 0;
    line-height: 2;
  }
  #tabs-tab{
    gap: 1rem;
  }
  #tabs-tab .nav-item a .true{
    background-color: #0191E9;
  }
  .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    left: 0;
    top: -46px;
  }
  .third-row .wpcf7-not-valid-tip{
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    left: 0;
    top: -130px;
  }
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fa6221;
    border-radius: 15px;
    padding: 15px;
  }
  .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #fa6221;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
  }
  .wpcf7-submit{
    background-color: #fa6221;
    border-radius: 15px;
    padding: 15px;
  }
  .send-message-section .btn-with-icon {
    background: #f56020;
    padding: 20px !important;
    height: 48px !important;
    border-radius: 50px !important;
    color: white !important;
    align-items: center !important;
    display: flex;
    justify-content: center !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    line-height: 0;
    border-radius: 50px !important;
    transition: .6s;
    display: flex;
  }
  .send-message-section .btn-with-icon:hover{
    background: none;
    border: solid #f56020 1px;
    padding: 20px !important;
    height: 48px !important;
    border-radius: 50px !important;
    color: #2A534C !important;
    align-items: center !important;
    display: flex;
    justify-content: center !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    line-height: 0;
    border-radius: 50px !important;
  }
  .send-message-section p{
    display: flex;
  }
  .margin-14 {
    /* margin: 3.5rem; */
    margin-top: 4rem;
    margin-bottom: 24rem;
  }
  
  /* datacenter start */
  .top-faq-section .datacenter-section{
    text-align: right;
    line-height: 30px;
  }
  .blue-text{
    color: #44B9DE;
    font-weight: 700;
  }
  /* datacenter end */
  .adsl-desc-section p{
      line-height:2 !important;
      text-align:right !important;
      margin:10px 0 !important;
  }
  .ipphone-list-desc li {
      font-size: 16px !important;
      text-align: right !important;
      line-height: 2 !important;
  }
  .ipphone-title{
     font-size: 22px !important;
      text-align: right;
      margin: 1rem 0;
  }
  .text-align-right{
      text-align:right !important;
  }
  .service-month-pack-table-title{
      font-size: 18px;
      font-weight: 600;
      padding: 10px 0;
  }
  .check-zone-alert{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 1rem;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    margin: 1rem;
    opacity: 1;
  }
  .check-zone-alert.success{
    background-color: #27cd8f;
  }
  .check-zone-alert.failed{
    background-color: #f95e1c;
  }
  .zone-detail-list-nav{
    width: 95% !important;
  }
  .zone-detail-list-nav li{
    border: 1px solid #ececec;
    padding: 7px;
    border-radius: 10px;
    font-size: 16px;
    word-spacing: -2px;
    font-weight: 600;
    margin: 10px 0;
  }
  .blog-footer-article-section{
    justify-content: space-between;
      align-items: center;
      padding: 0 1rem;
  }
  
  .cf7-submit-btn-section{
    display: flex !important;
    justify-content: space-between !important;
  }
  .cf7-submit-btn{
    display: inline-block;
    background-color: #fa6120 !important;
    padding: 10px 40px;
    height: 52px;
    line-height: 2;
    border-radius: 50px;
    color: #fff;
    transition: none !important;
    cursor: pointer;
  }
  .cf7-submit-btn:hover{
    border:2px solid #fa6120 !important 
  }
  .cf7-captcha{
    display: flex;
    justify-content: space-between;
    align-items:center !important;
  }
  .cf7-captcha p {
    display: flex;
    justify-content: space-between;
  }
  .wpcf7-form-control.wpcf7-captchar{
    width: 100px;
    border-radius: 44px;
    height: 52px;
  }
  .cf7-submit-btn-section .wpcf7-not-valid-tip{
    position: absolute !important;
    left: 83px !important;
    top: 15px !important;
    width: auto  !important;
  }
  
  .owl-nav {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    height: 100%;
    align-items: center;
    z-index: -6;
  }
  
  .owl-stage-outer {
    width: 90%;
    text-align: center;
  }
  .mobile-sidebar-menu-netreg-btn{
    display: block;
    align-items: center;
    line-height: 1;
    margin-top: 1rem;
  }
  .blog-page-posts-section{
    display: flex;
    justify-content:start;
    gap: 1rem;
    direction: rtl !important;
    margin-top: 3rem;
    flex-wrap: wrap;
  }
  .blog-article{
    flex-basis: 23.9% !important;
    flex-direction: column;
    background-color: white;
    display: flex;
    border-radius: 30px;
  }
  .blog-article img {
    border-radius: 35px;
    padding: 15px;
  }
  .page-common-head-title{
    font-size: 2rem;
    margin-top: 2rem;
    color: white;
    z-index: 999999;
    opacity: 1;
    width: 100%;
    text-align: right;
    display: inline-block;
  }
  .blog-article-footer{
    margin-bottom: 1rem !important;
  }
  .blog-post-excerpt{
    height: 75px;
    overflow: hidden;
  }
  @media (max-width:1538px) {
    .blog-page-posts-section{
      justify-content: start;
    }
    .blog-article{
      flex-basis: 32% !important;
    }
  }
  @media (max-width:1040px) {
    .blog-article{
      flex-basis: 48% !important;
    }
  }
  @media (max-width:768px) {
    .blog-article{
      flex-basis: 100% !important;
    }
  }
  .footer-email-phone-section{
    margin-top: 2rem !important;
  }
  .jobs-tab-navs li a{
    font-size: 16px !important;
    padding: 8px 16px;
    border-radius: 10px;
  }
  .jobs-tab-navs li a.active{
    color: #fff !important;
    background-color:#f56020
  }
  .agencies-section .title-section{
    margin-bottom: 3rem !important;
  }
  .agencies-section{
    padding: 4rem 0 !important;
  }
  .agencies-form-section{
    margin: 3rem 0 !important;
  }
  .desc-group{
    padding: 0 5px !important;
  }
  .desc-group textarea{
    border-radius: 20px !important;
    border: 2px solid #EEF0F5;
  }
  .ageents-form input[type="submit"]:hover{
    background-color: transparent !important;
    color: #f56020 !important;
    border: 2px solid #f56020 !important;
  }
  .ageents-form input[type="submit"]{
    border: 2px solid transparent !important;
    background: #F95E1C;
    padding: 10px 65px;
    border-radius: 40px;
    color: white;
    font-size: 18px;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    word-spacing: -2px;
  }
  #agencies-form-section .form-group{
    flex-direction: row !important;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    text-align: right;
    padding: 6px 0 !important;
  }
  #agencies-form-section .ageents-form .wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block !important;
    position: absolute !important;
    right: 117px !important;
    top: 15px !important;
    width: max-content !important;
  }
  .wpcf7 form .wpcf7-response-output {
    padding: 1.2em 1em !important;
    border-radius: 15px !important;
  }
  .suggestion-submit-section{
    display: flex;
    justify-content: space-between;
  }
  .suggestion-submit-section .wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block !important;
    position: absolute !important;
    right: 117px !important;
    top: 15px !important;
    width: max-content !important;
  }
  .faq-footer-btns:hover{
      opacity: 0.9 !important;
  }
  
  /*New-Styles-For-Last-Update*/
  .au-introduction-section , .au-introduction-section p{
      text-align: justify !important;
  }
  @media (max-width:768px){
      .office-commercial-information {
          display: flex !important; 
          gap: 25px !important;
          flex-wrap: wrap !important;
      }
      .suggestion-title-section p {
               font-size: 16px !important;
              text-align: justify !important;
      }
  }
  .widget-area{
      margin-top: 3rem;
      margin-right: 1rem;
      border-radius: 20px;
      display: flex;
  }
  .widget-area{
    display: flex;
    background: white;
      margin-top: 3rem;
      margin-right: 1rem;
      border-radius: 20px;
      padding: 1rem;
      margin-bottom: 1rem !important;
      flex-direction: column;
  }
  .widget.widget_block h2{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 3 !important;
    margin-bottom: 1rem !important;
    border-bottom: 1px solid #f6f6f6 !important;
  }
  .widget.widget_block h2::before {
    width: 30px;
    height: 7px;
    background-color: #f56020;
    content: "";
    position: absolute;
    bottom: 0px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  .wp-block-tag-cloud a{
    padding: 8px;
    border: 1px solid #f6f6f6;
    border-radius: 10px;
    margin-bottom: 5px !important; 
    font-size: 14px !important;
  }
  .wp-block-tag-cloud a:hover{
    background-color:#f6f6f6 !important;
  }
  .single-post-tags-section a:hover{
      background-color:#f6f6f6 !important;
  }
  .single-post-tags-section a{
    padding: 10px;
    border: 1px solid #f6f6f6;
    border-radius: 10px;
    margin-bottom: 5px !important;
    height: 48px;
    font-size: 14px !important;
    margin-left: 0.5rem !important;
  }
  .single-post-tags-section{
    margin-right: 1rem;
    padding: 1rem 0;
    line-height: 3;
    padding: 0;
  }
  .table-plan-order-btn:hover{
    color:#f56020;
  }
  .center{
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .metka {
      stroke:#333333;
      stroke-width:5;
    }
    .number {
      fill:#333333;
      font-weight:700;
      font-size:16px;
      opacity:0.8;
      font-family: 'Open Sans', sans-serif;
    }
    .speedometr {
      position:relative;
      max-width:350px;
    }
    .speed{
      margin-right: -3rem !important;
    }
    .speed-number {
      color:#333333;
      font-family: 'Tulpen One', cursive;
      font-size:82px;
      font-weight:400;
      text-align:center;
      position:absolute;
      top:240px;
      width:100%;
    }
    #butanim {
      width: 10rem;
      border: 2px solid #6EFDF3;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; 
      left: calc(50% - 5rem);
      bottom: -5rem;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      line-height: 3rem;
      color: #6EFDF3;
      border-radius: 3rem;
      background-color: transparent;
      cursor: pointer;
      outline: none;
      -webkit-transition: background-color 250ms ease-out;
      transition: background-color 250ms ease-out;
    }
    .mbps {
      text-align:center;
      font-size:18px;
      color:#86879D; 
      width:100%;
     
    }
    .mbps svg {
       vertical-align:top;
    }
    
  .speed-test-section{
    background: white;
    border-radius: 2rem;
    margin: 2rem 0;
    padding: 3rem;
  }
  .existingDivWithClass {
    font-size: 200%;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;
  }
  .fg-dial{
    top: 10rem;
    margin-bottom: 0;
    font-size: 2rem;
    position: absolute;
    right: 0;
    left: 0;
  }
  .fg-dial-label{
    margin-bottom: 0;
    font-size: 2rem;
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    bottom: 8rem;
    font-size: 20px;
  }
  #speed-test-section{
    position: relative;
  }
  #example2_canvas{
    position: relative;
      /*width: 370px !important;
      height: 370px !important;*/
      background-size: 135% auto;
      padding: 2.4rem;
      background-position: center;
      z-index: 999;
    background-image:url('./assets/imgs/speed-tester-border.svg');
  }
  .speed-test-items-section{
    display: flex;
    justify-content: space-between; 
    padding: 2rem 0;
    font-size: 16px;
    word-spacing: -2px;
    font-weight: 600;
  }
  .speed-test-border{
    border-bottom:2px solid #F1F7F8;
  }
  .speed-test-border-left{
    border-left:2px solid #F1F7F8;
    padding-left: 1rem;
  }
   
  .full-width ,  .full-width a{
      width:100% !important;
  }
  #services-request-form .wpcf7-not-valid-tip{
      position: absolute  !important;
      left: 6px  !important;
      top: -60px  !important;
      font-size:14px !important;
  }
  .elementor-icon-list-items{
      line-height:2.5 !important;
  }
  .elementor-widget-icon-list .elementor-icon-list-icon svg {
      fill: #46b200 !important;
  }
  .elementor-widget-heading h2.elementor-heading-title{
      font-size:1.4rem !important;
      color:#54595F;
  }
  .elementor-widget-heading p{
      color:#54595F !important;
      margin:0 !important;
      padding:0 !important;
  }
  .cf7-submit-btn-section .wpcf7-not-valid-tip {
      position: absolute !important;
      right: 120% !important;
  }
  .page-content-section-elementor {
      border-radius: 0 !important;
      margin:0 !important;
  }
  .elementor-1448 .elementor-element.elementor-element-6ae18e4 .elementor-heading-title , .elementor-widget-button .elementor-button{
          font-family: IranYekan !important;
  }

  .gform-theme--foundation .gform_fields{
      gap:0 !important;
      row-gap: 10px !important;
  }
  #gform_fields_5{
      gap:0 !important;
      row-gap: 10px !important;
  }
  @media (max-width:640px){
      .gform-theme--foundation .gform_fields{
      gap:0 !important;
      row-gap: 10px !important;
  }
  }
  .gform-theme--framework .field_sublabel_above .gform-field-label--type-sub{
      text-align:right !important;
  }
  .gform-body.gform_body input , .gform-body.gform_body textarea{ 
      border-radius:5px !important;
      border:2px solid #EEF0F5 !important;
  }
  .gform-body.gform_body textarea{ 
      border:2px solid #EEF0F5 !important;
      box-shadow:none !important;
      text-align:right !important;
      border-radius:8px !important;
  }
  .gform-body.gform_body input, .gform-body.gform_body select{
      height:52px !important;
      border:2px solid #EEF0F5 !important;
      box-shadow:none !important;
      text-align:right !important;
      border-radius:8px !important;
  }
  .gform_title{
      display:none !important;
  }
  .gform-theme--framework .field_description_below .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message)){
  text-align: right;
  }
  .gform-theme--framework .field_description_above .gfield_description:where(:not([class=gfield_description]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description)){
  text-align: right;
  }
  
  .gform_footer input[type="submit"]{
      background-color: #f56020 !important;
      width: 140px !important;
      padding: 10px !important;
      border-radius: 50px !important;
      display: flex !important;
      align-items: center !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      line-height: 0 !important;
      justify-content: center !important;
      direction: rtl !important;
      color: #fff!important !important;
      height: 48px !important;
      font-weight: 500 !important;
  }
  .gform_footer input[type="submit"]:hover{
      border:2px solid #f56020 !important;
      color:#f56020 !important;
      background-color:transparent !important;
  }
  .gform-theme--framework .gform_validation_errors{
      display:none !important;
  }
  .select-margin-left{
      margin-left:10px !important;
  }
  .header-register-internet-btn{
      background-color: #f15b1c;
  }
.service-page-item-box .service-title {
      text-align: center;
  }
  .service-page-item-box .service-icon,
  .service-page-item-box .service-button {
      margin: 0 auto;
  }
.slider-btn:hover{
	opacity:0.8 !important;
}