@charset "UTF-8";
/* Var */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Allison&display=swap");
/*-----------------------------
    Project Fonts
-----------------------------*/
/*-----------------------------
  Project Colors
-----------------------------*/
/*-------------  Light Mode -----------*/
/*-------------  Dark Mode -----------*/
/*-----------------------------
  Project Colors
-----------------------------*/
/*-------------  Light Mode -----------*/
/*-------------  Dark Mode -----------*/
/*-----------------------------
  Standard Colors
-----------------------------*/
/*-----------------------------
  Z-index Layer
-----------------------------*/
/*-----------------------------
  Values Used
-----------------------------*/
/*--------------------------------------------------------------------------------------------------
Old
--------------------------------------------------------------------------------------------------*/
/*-----------------------------
  Project Colors
-----------------------------*/
/*-----------------------------
  Responsive Project
-----------------------------*/
/*-----------------------------
  Language Project
-----------------------------*/
/*-----------------------------
  Themes Project
-----------------------------*/
/*-----------------------------
  Themes Project
-----------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.BlogInh, .Section--NewsList, .Section--Blogs {
  padding: 100px 0;
  font-size: 16px;
  color: #212529;
}
.BlogInh img, .Section--NewsList img, .Section--Blogs img {
  max-width: 100%;
  height: auto;
}
.BlogInh .content-filter, .Section--NewsList .content-filter, .Section--Blogs .content-filter {
  display: flex;
  padding: 10px;
  margin-bottom: 15px;
  gap: 10px;
}
.BlogInh .content-filter .filter-block, .Section--NewsList .content-filter .filter-block, .Section--Blogs .content-filter .filter-block {
  background: white;
  padding: 5px 10px;
  border-radius: 5px;
}
.BlogInh .content-filter .filter-block .icon-remove, .Section--NewsList .content-filter .filter-block .icon-remove, .Section--Blogs .content-filter .filter-block .icon-remove {
  font-size: 12px;
  margin: 0 5px;
}
.BlogInh .blog-feed-post, .Section--NewsList .blog-feed-post, .Section--Blogs .blog-feed-post {
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
.BlogInh .saasio-blog-text, .Section--NewsList .saasio-blog-text, .Section--Blogs .saasio-blog-text {
  padding: 22px 30px 0px 0px;
}
.BlogInh .saasio-blog-text h3, .Section--NewsList .saasio-blog-text h3, .Section--Blogs .saasio-blog-text h3 {
  color: #373a5b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  font-family: "Poppins";
}
.BlogInh .saasio-blog-text p, .Section--NewsList .saasio-blog-text p, .Section--Blogs .saasio-blog-text p {
  margin-bottom: 0;
  padding-top: 20px;
}
.BlogInh .saasio-blog-img, .Section--NewsList .saasio-blog-img, .Section--Blogs .saasio-blog-img {
  height: 100%;
}
.BlogInh .saasio-blog-img img, .Section--NewsList .saasio-blog-img img, .Section--Blogs .saasio-blog-img img {
  height: 100%;
  width: 100%;
}
.BlogInh .saasio-pagination, .Section--NewsList .saasio-pagination, .Section--Blogs .saasio-pagination {
  padding-top: 30px;
}
.BlogInh .saasio-pagination a, .Section--NewsList .saasio-pagination a, .Section--Blogs .saasio-pagination a {
  height: 40px;
  width: 40px;
  color: #fff;
  font-weight: 700;
  margin: 0px 5px;
  line-height: 40px;
  display: inline-block;
  background-color: #6c2b95;
  transition: 0.3s all ease-in-out;
}
.BlogInh .saasio-pagination a:hover, .Section--NewsList .saasio-pagination a:hover, .Section--Blogs .saasio-pagination a:hover,
.BlogInh .saasio-pagination a.active,
.Section--NewsList .saasio-pagination a.active,
.Section--Blogs .saasio-pagination a.active {
  background-color: #cc0fda;
}
.BlogInh .saasio-post-meta a, .Section--NewsList .saasio-post-meta a, .Section--Blogs .saasio-post-meta a {
  color: #777a91;
  margin-right: 15px;
}
.BlogInh .saasio-post-meta a i, .Section--NewsList .saasio-post-meta a i, .Section--Blogs .saasio-post-meta a i {
  margin-right: 3px;
  font-size: 15px;
}
.BlogInh .blog-read-more, .Section--NewsList .blog-read-more, .Section--Blogs .blog-read-more {
  display: block;
  font-weight: 700;
  margin: 20px 0;
  width: fit-content;
  color: #212529;
  transition: all 0.3s;
}
.BlogInh .category-widget li a, .Section--NewsList .category-widget li a, .Section--Blogs .category-widget li a {
  width: 100%;
  display: block;
  font-family: "Poppins";
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8d8d8;
}
.BlogInh .category-widget li:last-child a, .Section--NewsList .category-widget li:last-child a, .Section--Blogs .category-widget li:last-child a {
  border-bottom: 0;
}
.BlogInh .category-widget li a span, .Section--NewsList .category-widget li a span, .Section--Blogs .category-widget li a span {
  float: right;
}
.BlogInh .ul-li ul, .Section--NewsList .ul-li ul, .Section--Blogs .ul-li ul {
  margin: 0;
  padding: 0;
}
.BlogInh .ul-li ul li, .Section--NewsList .ul-li ul li, .Section--Blogs .ul-li ul li {
  list-style: none;
  display: inline-block;
}
.BlogInh .ul-li-block ul, .Section--NewsList .ul-li-block ul, .Section--Blogs .ul-li-block ul {
  margin: 0;
  padding: 0;
}
.BlogInh .ul-li-block ul li, .Section--NewsList .ul-li-block ul li, .Section--Blogs .ul-li-block ul li {
  list-style: none;
  display: block;
}
@media screen and (max-width: 1024px) {
  .BlogInh .news-feed-section .saasio-blog-text, .Section--NewsList .news-feed-section .saasio-blog-text, .Section--Blogs .news-feed-section .saasio-blog-text {
    padding: 22px 30px 30px 0;
  }
  .BlogInh .news-feed-section .saasio-blog-text h3, .Section--NewsList .news-feed-section .saasio-blog-text h3, .Section--Blogs .news-feed-section .saasio-blog-text h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .BlogInh .blog-feed-img-txt, .Section--NewsList .blog-feed-img-txt, .Section--Blogs .blog-feed-img-txt {
    padding: 30px;
  }
}

.BlogInh-Ar .saasio-blog-text, html[lang=ar] .Section--NewsList .saasio-blog-text, html[lang=ar] .Section--Blogs .saasio-blog-text {
  padding: 22px 0px 0px 30px;
}
.BlogInh-Ar .saasio-post-meta a, html[lang=ar] .Section--NewsList .saasio-post-meta a, html[lang=ar] .Section--Blogs .saasio-post-meta a {
  margin-right: 0;
  margin-left: 15px;
}
.BlogInh-Ar .saasio-post-meta a i, html[lang=ar] .Section--NewsList .saasio-post-meta a i, html[lang=ar] .Section--Blogs .saasio-post-meta a i {
  margin-right: 0;
  margin-left: 3px;
}
.BlogInh-Ar .category-widget li a span, html[lang=ar] .Section--NewsList .category-widget li a span, html[lang=ar] .Section--Blogs .category-widget li a span {
  float: left;
}
@media screen and (max-width: 1024px) {
  .BlogInh-Ar .news-feed-section .saasio-blog-text, html[lang=ar] .Section--NewsList .news-feed-section .saasio-blog-text, html[lang=ar] .Section--Blogs .news-feed-section .saasio-blog-text {
    padding: 22px 0 30px 30px;
  }
}

body .BlogInh, body .Section--NewsList, body .Section--Blogs {
  color: #212529;
}
body .BlogInh .content-filter .filter-block, body .Section--NewsList .content-filter .filter-block, body .Section--Blogs .content-filter .filter-block {
  background: #fff;
}
body .BlogInh .no-data, body .Section--NewsList .no-data, body .Section--Blogs .no-data {
  color: #000;
  background: #fff;
}
body .BlogInh .blog-feed-post, body .Section--NewsList .blog-feed-post, body .Section--Blogs .blog-feed-post {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
body .BlogInh .saasio-blog-text h3, body .Section--NewsList .saasio-blog-text h3, body .Section--Blogs .saasio-blog-text h3 {
  color: #373a5b;
}
body .BlogInh .saasio-pagination li.active a, body .Section--NewsList .saasio-pagination li.active a, body .Section--Blogs .saasio-pagination li.active a {
  background-color: #cc0fda;
}
body .BlogInh .saasio-pagination li.disabled a, body .Section--NewsList .saasio-pagination li.disabled a, body .Section--Blogs .saasio-pagination li.disabled a {
  background-color: #210c2e;
}
body .BlogInh .saasio-pagination li a, body .Section--NewsList .saasio-pagination li a, body .Section--Blogs .saasio-pagination li a {
  color: #fff;
  background-color: #6c2b95;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
body .BlogInh .saasio-pagination a:hover, body .Section--NewsList .saasio-pagination a:hover, body .Section--Blogs .saasio-pagination a:hover,
body .BlogInh .saasio-pagination a.active,
body .Section--NewsList .saasio-pagination a.active,
body .Section--Blogs .saasio-pagination a.active {
  background-color: #cc0fda;
}
body .BlogInh .saasio-post-meta a, body .Section--NewsList .saasio-post-meta a, body .Section--Blogs .saasio-post-meta a {
  color: #777a91;
}
body .BlogInh .blog-read-more, body .Section--NewsList .blog-read-more, body .Section--Blogs .blog-read-more {
  color: #212529;
}
body .BlogInh .blog-read-more:hover, body .Section--NewsList .blog-read-more:hover, body .Section--Blogs .blog-read-more:hover {
  color: #00133e;
}
body .BlogInh .category-widget li a, body .Section--NewsList .category-widget li a, body .Section--Blogs .category-widget li a {
  border-bottom: 1px solid #e8d8d8;
}

body.Dark .BlogInh, body.Dark .Section--NewsList, body.Dark .Section--Blogs {
  color: #212529;
}
body.Dark .BlogInh .blog-feed-post, body.Dark .Section--NewsList .blog-feed-post, body.Dark .Section--Blogs .blog-feed-post {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
body.Dark .BlogInh .saasio-blog-text h3, body.Dark .Section--NewsList .saasio-blog-text h3, body.Dark .Section--Blogs .saasio-blog-text h3 {
  color: #fff;
}
body.Dark .BlogInh .saasio-pagination a, body.Dark .Section--NewsList .saasio-pagination a, body.Dark .Section--Blogs .saasio-pagination a {
  color: #fff;
  background-color: #6c2b95;
}
body.Dark .BlogInh .content-filter .filter-block, body.Dark .Section--NewsList .content-filter .filter-block, body.Dark .Section--Blogs .content-filter .filter-block {
  background: #fff;
}
body.Dark .BlogInh .no-data, body.Dark .Section--NewsList .no-data, body.Dark .Section--Blogs .no-data {
  color: #fff;
  background: #151515;
}
body.Dark .BlogInh .saasio-pagination a:hover, body.Dark .Section--NewsList .saasio-pagination a:hover, body.Dark .Section--Blogs .saasio-pagination a:hover,
body.Dark .BlogInh .saasio-pagination a.active,
body.Dark .Section--NewsList .saasio-pagination a.active,
body.Dark .Section--Blogs .saasio-pagination a.active {
  background-color: #cc0fda;
}
body.Dark .BlogInh .saasio-post-meta a, body.Dark .Section--NewsList .saasio-post-meta a, body.Dark .Section--Blogs .saasio-post-meta a {
  color: #777a91;
}
body.Dark .BlogInh .blog-read-more, body.Dark .Section--NewsList .blog-read-more, body.Dark .Section--Blogs .blog-read-more {
  color: #777a91;
}
body.Dark .BlogInh .blog-read-more:hover, body.Dark .Section--NewsList .blog-read-more:hover, body.Dark .Section--Blogs .blog-read-more:hover {
  color: #00133e;
}
body.Dark .BlogInh .category-widget li a, body.Dark .Section--NewsList .category-widget li a, body.Dark .Section--Blogs .category-widget li a {
  border-bottom: 1px solid #e8d8d8;
}

/* Rest */
html {
  scroll-behavior: smooth;
}

body::-webkit-scrollbar {
  width: 0.6rem;
  left: 0;
}
body::-webkit-scrollbar-track, body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  transition: all 0.3s;
}

.MainContentPage {
  min-height: 100vh;
  overflow: hidden;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
}
body::-webkit-scrollbar-track, body::-webkit-scrollbar-thumb {
  background-color: transparent;
}
body::-webkit-scrollbar-track {
  background-color: #aaa;
}
body::-webkit-scrollbar-thumb {
  background-color: #1475f7;
}

body.Dark {
  background-color: #1d1d1d;
}

.auto-container {
  position: static;
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
}

.gap-r-3 {
  row-gap: 30px;
}

.gap-3 {
  gap: 30px;
}

.relative-position {
  position: relative !important;
}

.float-left {
  float: left !important;
}

.image-logo-website.img-150-50 {
  width: 150px;
  height: 50px;
}
.image-logo-website.img-150-90 {
  width: 150px;
  height: 90px;
}

.me-1 {
  margin-left: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.mt-40 {
  margin-top: 40px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-20 {
  margin-bottom: 20px;
}

.position-initial {
  position: initial;
}

.text-end {
  text-align: end;
}

.no-data {
  color: #fff;
  background: #151515;
  padding: 20px 10px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

html[lang=ar] .Arrow {
  transform: rotate(180deg);
}
html[lang=ar] .float-left {
  float: right !important;
}
html[lang=ar] .me-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}
html[lang=ar] .me-2 {
  margin-right: 0;
  margin-left: 0.5rem !important;
}
html[lang=ar] .ms-2 {
  margin-left: 0;
  margin-right: 0.5rem !important;
}
html[lang=ar] .ms-3 {
  margin-right: 0;
  margin-left: 1rem !important;
}

.mb--20 {
  margin-bottom: 20px !important;
}

.mt--40 {
  margin-top: 40px !important;
}
.mt-30 {
  margin-top: 30px !important;
}

/*ul {

    li {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #6b7385;

        a {
            text-decoration: none;
            color: #192335;
        }

    }

}*/
body {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: Sans-Serif;
}

a {
  color: inherit;
  text-decoration: underline !important;
}
a:not(.withLine) {
  text-decoration: none !important;
}

p {
  font-size: 16px;
}

.text-soft {
  color: #e1e1e1 !important;
  font-size: 12px !important;
}

::-webkit-input-placeholder {
  color: inherit;
}

* {
  outline: none !important;
}

body {
  color: #b2b2b2;
}
body p {
  color: #666;
}

body.Dark {
  color: #b3b3b3;
}
body.Dark p {
  color: #ececec;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pr3_rotate_animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pr3_object_animation {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes apihuPortUpsDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes apihuPortUpsDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes float_left_right_two {
  0% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(0px);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }
}
@keyframes float_left_right_two {
  0% {
    transform: translateX(-30px);
    opacity: 1;
  }
  50% {
    transform: translateX(0px);
    opacity: 0.8;
  }
  100% {
    transform: translateX(-30px);
    opacity: 1;
  }
}
@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
/* Component */
.rbt-table {
  border: 0 none;
}
.rbt-table thead tr th, .rbt-table thead tr td,
.rbt-table tfoot tr th, .rbt-table tfoot tr td {
  color: #192335;
  font-weight: 600;
  font-size: 16px;
}
.rbt-table thead tr th, .rbt-table thead tr td {
  background: rgba(47, 87, 239, 0.1294117647);
}
.rbt-table tr th, .rbt-table tr td {
  padding: 10px 20px;
  border: 0 none;
}
.rbt-table tbody tr th, .rbt-table tbody tr td {
  font-weight: 400;
  color: #6b7385;
  font-size: 16px;
}
.rbt-table tbody tr:nth-child(even) th,
.rbt-table tbody tr:nth-child(even) td {
  background: rgba(207, 207, 207, 0.24);
}

form input::placeholder {
  color: #b9b9b9;
}
form .custom-label {
  font-size: 16px;
}

html[lang=ar] input {
  text-align: right;
}

html[lang=en] input {
  text-align: left;
}

.button-view-video {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button-view-video .AnchorButton {
  border-radius: 50% !important;
  padding: 0 !important;
  width: 100px;
  height: 100px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 40px;
}

.Map--CompanyMap {
  /* Location Map */
}
.Map--CompanyMap .our-location {
  height: 400px;
}
.Map--CompanyMap .our-location iframe {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .Map--CompanyMap .our-location iframe {
    height: 400px;
  }
}

.FormButton {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  z-index: 1;
  transition: all 0.3s linear;
  padding: 16px 46px;
  font-size: 16px;
  line-height: initial;
  overflow: hidden;
  letter-spacing: 0.5px;
  border-radius: 10px;
  text-transform: capitalize;
}
.FormButton::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 100%;
  left: -25px;
  top: 0;
  z-index: -1;
  transform: skew(25deg);
  transition-duration: 800ms;
}
.FormButton::after {
  content: "";
  height: 120%;
  width: 30px;
  position: absolute;
  bottom: 0;
  right: -15px;
  z-index: -1;
  transform: skew(25deg);
  transition-duration: 800ms;
}
.FormButton:hover::before {
  width: 100%;
  height: 100%;
  transform: scale(1.4);
}
.FormButton:hover::after {
  width: 100%;
  height: 100%;
  transform: scale(1.4);
}
.FormButton--Small {
  padding: 14px 25px;
}

.AnchorButton, .AnchorButton:link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: transparent;
  font-size: 16px;
  line-height: 26px;
  padding: 14px 42px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  letter-spacing: 0.5px;
  z-index: 3;
  transition: all 0.3s;
}
.AnchorButton::before, .AnchorButton:link::before {
  content: "";
  position: absolute;
  height: 400px;
  width: 430px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-30%) translateY(-40%) scale(0);
  transition: all 0.5s ease-out 0s;
  z-index: -1;
}
.AnchorButton:visited, .AnchorButton:active {
  text-decoration: none;
}
.AnchorButton:hover::before {
  transform: translateX(-50%) translateY(-50%) scale(1);
}

body .FormButton--Primary {
  color: #0d1525;
  background: #fff;
  border: 1px solid #3b38eb;
}
body .FormButton--Primary::before {
  background: linear-gradient(45deg, #3b38eb 0%, #3b38eb 100%);
}
body .FormButton--Primary::after {
  background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%);
}
body .FormButton--Primary:hover {
  color: #fff;
}
body .FormButton--Primary:hover::before {
  background: linear-gradient(45deg, #3b38eb 0%, #3b38eb 100%);
}
body .FormButton--Primary:hover::after {
  background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%);
}
body .AnchorButton--Primary, body .AnchorButton--Primary:link {
  background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);
  color: #fff;
  border: 1px solid transparent;
}
body .AnchorButton--Primary::before, body .AnchorButton--Primary:link::before {
  background: #fff;
}
body .AnchorButton--Primary:hover {
  border: 1px solid #3b38eb;
  color: #3b38eb;
}
body .AnchorButton--Transparent, body .AnchorButton--Transparent:link {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}
body .AnchorButton--Transparent::before, body .AnchorButton--Transparent:link::before {
  background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);
}
body .AnchorButton--Transparent:hover {
  border: 1px solid transparent;
  color: #fff;
}
body .AnchorButton--White, body .AnchorButton--White:link {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
body .AnchorButton--White::before, body .AnchorButton--White:link::before {
  background: #fff;
}
body .AnchorButton--White:hover {
  border: 1px solid transparent;
  color: #000;
}

body.Dark .FormButton--Primary {
  color: #0d1525;
  background: #fff;
  border: 1px solid #3b38eb;
}
body.Dark .FormButton--Primary::before {
  background: linear-gradient(45deg, #3b38eb 0%, #3b38eb 100%);
}
body.Dark .FormButton--Primary::after {
  background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%);
}
body.Dark .FormButton--Primary:hover {
  color: #fff;
}
body.Dark .FormButton--Primary:hover::before {
  background: linear-gradient(45deg, #3b38eb 0%, #3b38eb 100%);
}
body.Dark .FormButton--Primary:hover::after {
  background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%);
}
body.Dark .AnchorButton--Primary, body.Dark .AnchorButton--Primary:link {
  background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);
  color: #fff;
  border: 1px solid transparent;
}
body.Dark .AnchorButton--Primary::before, body.Dark .AnchorButton--Primary:link::before {
  background: #fff;
}
body.Dark .AnchorButton--Primary:hover {
  border: 1px solid #3b38eb;
  color: #3b38eb;
}
body.Dark .AnchorButton--Transparent, body.Dark .AnchorButton--Transparent:link {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
body.Dark .AnchorButton--Transparent::before, body.Dark .AnchorButton--Transparent:link::before {
  background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);
}
body.Dark .AnchorButton--Transparent:hover {
  border: 1px solid transparent;
  color: #fff;
}
body.Dark .AnchorButton--White, body.Dark .AnchorButton--White:link {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
body.Dark .AnchorButton--White::before, body.Dark .AnchorButton--White:link::before {
  background: #fff;
}
body.Dark .AnchorButton--White:hover {
  border: 1px solid transparent;
  color: #000;
}

.saasio-pagination {
  display: flex;
  padding-top: 30px;
  align-items: center;
  justify-content: center;
}

.saasio-pagination a {
  height: 40px;
  width: 40px;
  color: #fff;
  font-weight: 700;
  margin: 0px 5px;
  line-height: 40px;
  display: inline-block;
  background-color: #6c2b95;
  transition: 0.3s all ease-in-out;
}

.saasio-pagination a:hover,
.saasio-pagination a.active {
  background-color: #cc0fda;
}

body .saasio-pagination li.active a {
  background-color: #cc0fda;
}
body .saasio-pagination li.disabled a {
  background-color: #210c2e;
}
body .saasio-pagination li a {
  color: #fff;
  background-color: #6c2b95;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
body .saasio-pagination a:hover,
body .saasio-pagination a.active {
  background-color: #cc0fda;
}

body.Dark .saasio-pagination a {
  color: #fff;
  background-color: #6c2b95;
}
body.Dark .saasio-pagination a:hover,
body.Dark .saasio-pagination a.active {
  background-color: #cc0fda;
}

.Back2Top {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  cursor: pointer;
}
.Back2Top__Arrow {
  font-style: normal;
  font-size: 26px;
  line-height: 48px;
}
.Back2Top.show {
  opacity: 1;
  visibility: visible;
}

html[lang=ar] .Back2Top {
  right: initial;
  left: 30px;
}

body .Back2Top {
  background-color: #3858f6;
}
body .Back2Top__Arrow {
  color: #fff;
}

.SocialMedia--MainWebsite {
  position: fixed;
  bottom: 35px;
  left: 30px;
  height: 40px;
  width: 40px;
  z-index: 1;
  transition: 0.4s;
  transform: translateX(-50%);
}
.SocialMedia--MainWebsite__Container {
  position: relative;
}
.SocialMedia--MainWebsite.show {
  bottom: 140px;
}
.SocialMedia--MainWebsite.show .open-social-media-container {
  right: 0;
  top: 25px;
  transform: rotate(45deg);
}
.SocialMedia--MainWebsite.show .social-media-link {
  opacity: 1;
}
.SocialMedia--MainWebsite.show .social-media-link1 {
  left: initial;
  right: 0;
  top: -60px;
}
.SocialMedia--MainWebsite.show .social-media-link2 {
  left: 57px;
  top: -31px;
}
.SocialMedia--MainWebsite.show .social-media-link3 {
  left: 90px;
  top: 25px;
}
.SocialMedia--MainWebsite.show .social-media-link4 {
  left: 60px;
  top: 88px;
}
.SocialMedia--MainWebsite.show .social-media-link5 {
  left: 0;
  top: 115px;
}
.SocialMedia--MainWebsite .open-social-media-container,
.SocialMedia--MainWebsite .social-media-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  transition: 0.4s;
}
.SocialMedia--MainWebsite .open-social-media-container {
  position: relative;
  z-index: 2;
  transform: rotate(0deg);
}
.SocialMedia--MainWebsite .social-media-link {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

html[lang=ar] .SocialMedia--MainWebsite {
  left: initial;
  right: 30px;
}
html[lang=ar] .SocialMedia--MainWebsite.show .open-social-media-container {
  right: initial;
  left: 0;
}
html[lang=ar] .SocialMedia--MainWebsite.show .social-media-link1 {
  left: 0;
  right: initial;
}
html[lang=ar] .SocialMedia--MainWebsite.show .social-media-link2 {
  right: 57px;
  left: initial;
}
html[lang=ar] .SocialMedia--MainWebsite.show .social-media-link3 {
  right: 90px;
  left: initial;
}
html[lang=ar] .SocialMedia--MainWebsite.show .social-media-link4 {
  right: 60px;
  left: initial;
}
html[lang=ar] .SocialMedia--MainWebsite.show .social-media-link5 {
  right: 0;
  left: initial;
}
html[lang=ar] .SocialMedia--MainWebsite .social-media-link {
  left: initial;
  right: 0;
}

body .SocialMedia--MainWebsite .open-social-media-container,
body .SocialMedia--MainWebsite .social-media-link {
  color: #fff;
  background: #1da1f2;
}
body .SocialMedia--MainWebsite .open-social-media-container {
  background-color: #3858f6;
}

.DarkChange {
  top: 50%;
  right: 30px;
  z-index: 2;
  position: fixed;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.DarkChange #ThemeSwitch {
  width: 60px;
  height: 34px;
  position: relative;
  display: inline-block;
}
.DarkChange #ThemeSwitch #ThemeSlider {
  width: 0;
  height: 0;
  opacity: 0;
}
.DarkChange #ThemeSwitch #ThemeSlider:checked + .SliderSwitch {
  background: #333333;
}
.DarkChange #ThemeSwitch #ThemeSlider:checked + .SliderSwitch:before {
  -webkit-transform: translateX(24px);
  transform: translateX(24px);
  background: white url(../images/Icon/night-mode.png);
  background-repeat: no-repeat;
  background-position: center;
}
.DarkChange #ThemeSwitch .SliderSwitch {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #ffffff;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.DarkChange #ThemeSwitch .SliderSwitch:before {
  top: 0;
  bottom: 0;
  width: 30px;
  left: 2.5px;
  content: "";
  height: 30px;
  margin: auto 0;
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0px 15px rgba(32, 32, 32, 0.2392156863);
  box-shadow: 0 0px 15px rgba(32, 32, 32, 0.2392156863);
  background: #333333 url(../images/Icon/sun.png);
  background-position: center;
  background-repeat: no-repeat;
}
.DarkChange #ThemeSwitch .SliderSwitch.Round {
  border-radius: 50px;
}
.DarkChange #ThemeSwitch .SliderSwitch.Round:before {
  border-radius: 50%;
}

html[lang=ar] .DarkChange {
  left: 30px;
  right: initial;
}
html[lang=ar] .DarkChange #ThemeSwitch #ThemeSlider:checked + .SliderSwitch:before {
  -webkit-transform: translateX(-24px);
  transform: translateX(-24px);
}
html[lang=ar] .DarkChange #ThemeSwitch .SliderSwitch:before {
  left: initial;
  right: 2.5px;
}
html[lang=ar] .DarkChange #ThemeSwitch .SliderSwitch.Round {
  border-radius: 50px;
}
html[lang=ar] .DarkChange #ThemeSwitch .SliderSwitch.Round:before {
  border-radius: 50%;
}

.CardPrice {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding: 50px 30px 20px;
}
.CardPrice .me-2 {
  margin-right: 0.5rem !important;
}
.CardPrice .h1, .CardPrice .h2, .CardPrice .h3, .CardPrice .h4, .CardPrice .h5, .CardPrice .h6, .CardPrice h1, .CardPrice h2, .CardPrice h3, .CardPrice h4, .CardPrice h5, .CardPrice h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.CardPrice h4 span {
  font-size: 16px;
  font-weight: 600;
  margin-left: 6px;
}
.CardPrice .pricing-badge {
  right: 30px;
  top: 0;
  padding: 6px 18px;
  font-weight: 500;
  font-size: 15px;
}
.CardPrice .pricing-badge .gradient-txt {
  font-size: 14px;
}
.CardPrice .popular-badge {
  width: 370px;
  font-size: 14px;
  padding: 8px 0;
  transform: rotate(40deg);
  right: -90px;
  top: 55px;
}
.CardPrice .pricing-label {
  font-size: 14px;
  font-weight: 600;
}
.CardPrice .yearly-price {
  display: none;
}
.CardPrice .feature-list {
  height: 150px;
  overflow: hidden;
  transition: all 0.3s ease-in;
  font-size: 14px;
}
.CardPrice .feature-list.expand-list {
  height: auto;
  transition: all 0.3s ease-in;
}
.CardPrice .feature-list li + li {
  margin-top: 12px;
}
.CardPrice .expand-btn {
  border: 0;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.CardPrice .expand-btn i {
  margin-right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  transition: all 0.3s ease-in;
}
.CardPrice .expand-btn.active i {
  transform: rotate(180deg);
}
.CardPrice .AnchorButton {
  display: block;
  width: 100%;
}

body .CardPrice {
  box-shadow: 0 12px 50px rgba(125, 125, 125, 0.1);
}
body .CardPrice .h1, body .CardPrice .h2, body .CardPrice .h3, body .CardPrice .h4, body .CardPrice .h5, body .CardPrice .h6, body .CardPrice h1, body .CardPrice h2, body .CardPrice h3, body .CardPrice h4, body .CardPrice h5, body .CardPrice h6 {
  color: #666666;
}
body .CardPrice p {
  color: #666;
}
body .CardPrice .pricing-badge {
  background: linear-gradient(287.85deg, rgba(255, 7, 102, 0.1) 0%, rgba(255, 126, 93, 0.1) 95.32%);
}
body .CardPrice .pricing-badge .gradient-txt {
  color: #F16262;
}
body .CardPrice .popular-badge {
  background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
  color: #fff;
}
body .CardPrice .pricing-label {
  color: #1C40F2;
}
body .CardPrice .feature-list li {
  color: #666;
}
body .CardPrice .feature-list li i {
  color: #1C40F2;
}
body .CardPrice .expand-btn {
  background-color: transparent;
  color: #001042;
}
body .CardPrice .expand-btn i {
  background: rgba(0, 16, 66, 0.1);
}

body.Dark .CardPrice {
  box-shadow: 0 12px 50px rgba(125, 125, 125, 0.1);
}
body.Dark .CardPrice .h1, body.Dark .CardPrice .h2, body.Dark .CardPrice .h3, body.Dark .CardPrice .h4, body.Dark .CardPrice .h5, body.Dark .CardPrice .h6, body.Dark .CardPrice h1, body.Dark .CardPrice h2, body.Dark .CardPrice h3, body.Dark .CardPrice h4, body.Dark .CardPrice h5, body.Dark .CardPrice h6 {
  color: #fff;
}
body.Dark .CardPrice p {
  color: #fff;
}
body.Dark .CardPrice .pricing-badge {
  background: linear-gradient(287.85deg, rgba(255, 7, 102, 0.1) 0%, rgba(255, 126, 93, 0.1) 95.32%);
}
body.Dark .CardPrice .pricing-badge .gradient-txt {
  color: #F16262;
}
body.Dark .CardPrice .popular-badge {
  background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
  color: #fff;
}
body.Dark .CardPrice .pricing-label {
  color: #fff;
}
body.Dark .CardPrice .feature-list li {
  color: #fff;
}
body.Dark .CardPrice .feature-list li i {
  color: #fff;
}
body.Dark .CardPrice .expand-btn {
  background-color: transparent;
  color: #fff;
}
body.Dark .CardPrice .expand-btn i {
  background: rgba(0, 16, 66, 0.1);
}

html[lang=ar] .me-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}
html[lang=ar] h4 span {
  margin-left: 0;
  margin-right: 6px;
}
html[lang=ar] .pricing-badge {
  right: initial;
  left: 30px;
}
html[lang=ar] .popular-badge {
  left: -90px;
  right: initial;
  transform: rotate(-40deg);
}
html[lang=ar] .expand-btn i {
  margin-right: 0;
  margin-left: 6px;
}

.asideFilter {
  position: sticky;
  top: 180px;
  right: 0;
  box-shadow: 0 12px 50px rgba(125, 125, 125, 0.1);
  border-radius: 10px;
  overflow: hidden;
  font-size: 1.25rem;
  transition: all 0.3s;
}
.asideFilter h6 {
  margin: 0;
}
.asideFilter__Head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #0E1B31;
  padding: 0.5rem 0.75rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.asideFilter__Head .head-icon i {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.asideFilter__Head .head-icon i:hover {
  background-color: #03a9f4;
  color: #fff;
}
.asideFilter__Head .head-title {
  display: flex;
  justify-content: end;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fff;
}
.asideFilter__Body {
  height: calc(100vh - 400px);
  overflow: auto;
}
.asideFilter__Body .card {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: transparent;
  background: transparent;
}
.asideFilter__Footer {
  padding: 10px;
  background: #0E1B31;
}
.asideFilter__ButtonsGroup .clear-button .AnchorButton {
  padding: 10px 40px;
}
.asideFilter__filterGroup:not(:last-child) .card-header {
  border-bottom: 1px solid #6b6b6b;
}
.asideFilter__filterGroup:not(:first-child) .card-header {
  border-top: 1px solid #6b6b6b;
}
.asideFilter__filterGroup .card-header {
  background-color: #1D1D1D;
  border-bottom: 1px solid #6b6b6b;
  border-radius: 0;
}
.asideFilter__filterGroup .card-header .button-collapse {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6b6b6b;
  transition: all 0.3s;
}
.asideFilter__filterGroup .card-header .button-collapse .title {
  font-size: 1.4rem;
}
.asideFilter__filterGroup .card-header .button-collapse:not(.collapsed) {
  color: #03a9f4;
}
.asideFilter__filterGroup .card-header .button-collapse:hover {
  color: #03a9f4;
}
.asideFilter__filterGroup .filter-content .custom-checkbox .custom-control-label .label-custom {
  margin-right: 10px;
}
.asideFilter__filterGroup .filter-content .custom-checkbox .custom-control-label::before, .asideFilter__filterGroup .filter-content .custom-checkbox .custom-control-label::after {
  margin-top: 4px;
}
@media screen and (max-width: 991px) {
  .asideFilter {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 5;
    border-radius: 0;
    background: #1D1D1D;
  }
  .asideFilter.hidden-filter {
    opacity: 0;
    visibility: hidden;
  }
  .asideFilter__Body {
    height: calc(100vh - 122px);
    overflow: auto;
  }
}

.alert-content {
  position: fixed;
  bottom: 20px;
  right: 10px;
  width: 450px;
  font-size: 16px;
  z-index: 4;
}

.PageSize page {
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}
.PageSize .Section {
  padding: 0 !important;
}
.PageSize page[size=A4] {
  width: 21cm;
}
.PageSize page[size=A4][layout=landscape] {
  width: 29.7cm;
}
.PageSize page[size=A3] {
  width: 29.7cm;
}
.PageSize page[size=A3][layout=landscape] {
  width: 42cm;
}
.PageSize page[size=A5] {
  width: 14.8cm;
}
.PageSize page[size=A5][layout=landscape] {
  width: 21cm;
}
@media print {
  .PageSize page {
    margin: 0;
    box-shadow: none;
  }
}

.blog-card {
  font-size: 16px;
  /* Read More */
  /* Blog Standard */
  /* Blog Details */
}
.blog-card .it-nw-section-title {
  max-width: 580px;
}
.blog-card .it-nw-blog-sh {
  left: 0;
  z-index: -1;
  bottom: 100px;
}
.blog-card .it-nw-blog-content {
  padding-top: 45px;
}
@media screen and (max-width: 1024px) {
  .blog-card .it-nw-blog-innerbox {
    margin: 0 auto;
    max-width: 570px;
  }
}
@media screen and (max-width: 920px) {
  .blog-card {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 680px) {
  .blog-card .it-nw-blog-top-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-card .it-nw-blog-top-wrap .it-nw-btn {
    padding-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .blog-card {
    padding-top: 0;
    margin-bottom: 0;
  }
  .blog-card .it-nw-blog-innerbox .it-nw-blog-inner-text h3 {
    font-size: 20px;
  }
}
.blog-card .read-more {
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: underline;
  text-transform: capitalize;
}
.blog-card .read-more i {
  float: right;
  font-weight: 400;
  margin-left: 7px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.blog-card .read-more:hover {
  text-decoration: underline;
}
.blog-card .read-more:hover i {
  margin-left: 10px;
}
.blog-card .text-white .read-more {
  color: white;
}
.blog-card .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-card .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-card .blog-meta li i {
  margin: -3px 8px 0 0;
}
.blog-card .blog-meta li:not(:last-child):after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-left: 22px;
  margin-right: 22px;
}
.blog-card .blog-meta-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Poppins", sans-serif;
}
.blog-card .blog-meta-two .tag {
  font-weight: 600;
  padding: 1px 15px;
  border-radius: 5px;
  text-transform: uppercase;
}
.blog-card .blog-meta-two .author {
  font-weight: 600;
  text-transform: uppercase;
}
.blog-card .blog-meta-two a {
  margin-bottom: 10px;
}
.blog-card .blog-meta-two a i {
  margin-right: 5px;
}
.blog-card .blog-meta-two a:not(:last-child) {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .blog-card .blog-meta-two a:not(:last-child) {
    margin-right: 15px;
  }
}
.blog-card .blog-item {
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}
.blog-card .blog-item .image img {
  height: 200px;
}
.blog-card .blog-item .image img {
  width: 100%;
}
.blog-card .blog-item .content {
  padding: 33px 40px 30px;
}
@media only screen and (max-width: 479px) {
  .blog-card .blog-item .content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.blog-card .blog-item .content .blog-meta li:after {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 479px) {
  .blog-card .blog-item .content .blog-meta li:after {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.blog-card .blog-item .content h4 {
  margin-bottom: 15px;
  letter-spacing: -1px;
}
@media only screen and (max-width: 375px) {
  .blog-card .blog-item .content h4 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .blog-card .blog-item .content h4 {
    font-size: 24px;
  }
}
.blog-card .blog-item .content .author {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}
.blog-card .blog-item .content .author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.blog-card .blog-item .content .author i {
  margin-left: 10px;
  margin-right: 5px;
}
.blog-card .blog-item .content .author a {
  font-weight: 500;
}
.blog-card .blog-item .content .author-more {
  margin-top: 30px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-card .blog-item .content .author-more .author,
.blog-card .blog-item .content .author-more .read-more {
  margin-top: 15px;
  margin-bottom: 0;
}
.blog-card .blog-item.style-two .content {
  padding-top: 0;
}
.blog-card .blog-item.style-two .blog-meta {
  color: white;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  border-radius: 5px;
  padding: 10px 25px 0;
  margin: -25px -15px 33px;
}
.blog-card .blog-item.style-two .blog-meta.reverse {
  margin: 25px -15px -33px;
}
.blog-card .blog-item.style-two .blog-meta li a {
  color: white;
}
.blog-card .blog-item.style-two .blog-meta li:after {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: white;
}
@media only screen and (max-width: 479px) {
  .blog-card .blog-item.style-two .blog-meta li:after {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.blog-card .blog-item.style-two:hover .blog-meta {
  color: #1b1f2e;
}
.blog-card .blog-item.style-three {
  margin-bottom: 60px;
}
.blog-card .blog-item.style-three .image, .blog-card .blog-item.style-three .content {
  width: 410px;
  max-width: 95%;
}
.blog-card .blog-item.style-three .content {
  margin-top: -25%;
  margin-left: auto;
  background: white;
  position: relative;
}
.blog-card .blog-item.style-four {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: white;
  padding: 40px 50px;
}
@media only screen and (min-width: 768px) {
  .blog-card .blog-item.style-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 479px) {
  .blog-card .blog-item.style-four {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.blog-card .blog-item.style-four .image {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 250px;
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-card .blog-item.style-four .image {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-card .blog-item.style-four .image {
    margin: 0 0 30px;
  }
}
.blog-card .blog-item.style-four .content {
  padding: 0;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.blog-card .blog-item.style-four .content h4 a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 375px) {
  .blog-card .blog-item.style-four .content .blog-meta {
    font-size: 15px;
  }
  .blog-card .blog-item.style-four .content .blog-meta i {
    display: none;
  }
}
.blog-card .blog-item.style-four .content .author-more {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media only screen and (max-width: 375px) {
  .blog-card .blog-item.style-four .content .author-more {
    font-size: 15px;
  }
}
.blog-card .blog-item.style-four .content .author-more .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-card .blog-item.style-four .content .author-more .author:after {
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 50%;
  margin-left: 40px;
  margin-right: 40px;
}
@media only screen and (max-width: 375px) {
  .blog-card .blog-item.style-four .content .author-more .author:after {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.blog-card .blog-standard-item {
  margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
  .blog-card .blog-standard-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.blog-card .blog-standard-item .image {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) {
  .blog-card .blog-standard-item .image {
    width: 48%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 0;
    margin-right: 50px;
  }
}
.blog-card .blog-standard-item .content h4 {
  line-height: 1.48;
  margin-bottom: 18px;
}
@media only screen and (min-width: 376px) {
  .blog-card .blog-standard-item .content h4 {
    font-size: 24px;
  }
}
.blog-card .blog-standard-item .content p {
  margin-bottom: 20px;
}
.blog-card .blog-details-content h3 {
  line-height: 1.4;
}
@media only screen and (max-width: 575px) {
  .blog-card .blog-details-content h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-card .blog-details-content h3 {
    font-size: 25px;
  }
}
.blog-card .blog-details-content > h4 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 376px) {
  .blog-card .blog-details-content > h4 {
    font-size: 24px;
  }
}
.blog-card .blog-details-content p {
  margin-bottom: 15px;
}

.blog-triangle {
  font-size: 16px;
  color: #212529;
}
.blog-triangle .blog-feed-post {
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
.blog-triangle .saasio-blog-text {
  padding: 22px 30px 0px 0px;
}
.blog-triangle .saasio-blog-text h3 {
  color: #373a5b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  font-family: "Poppins";
}
.blog-triangle .saasio-blog-text p {
  margin-bottom: 0;
  padding-top: 20px;
}
.blog-triangle .saasio-blog-img img {
  height: 240px;
  width: 100%;
}
.blog-triangle .saasio-post-meta a {
  color: #777a91;
  margin-right: 15px;
}
.blog-triangle .saasio-post-meta a i {
  margin-right: 3px;
  font-size: 15px;
}
.blog-triangle .blog-read-more {
  display: block;
  font-weight: 700;
  margin: 20px 0;
  width: fit-content;
  color: #212529;
  transition: all 0.3s;
}
@media screen and (max-width: 991px) {
  .blog-triangle .blog-feed-img-txt {
    padding: 30px;
  }
}

.blog-big-box {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 16px 0px;
  height: 100%;
  cursor: pointer;
}
.blog-big-box .blog-image {
  position: relative;
  width: 100%;
  min-height: 400px;
  height: 100%;
}
.blog-big-box .blog-image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.42), rgba(255, 255, 255, 0));
  transition: all 0.5s;
}
.blog-big-box .blog-image img {
  width: 100%;
  height: 100%;
}
.blog-big-box .blog-body {
  position: absolute;
  left: 25px;
  bottom: 0;
  transition: all 0.3s;
}
.blog-big-box .blog-body .blog-title {
  color: #434242;
  text-transform: capitalize;
  font-weight: 600;
}
.blog-big-box .blog-body .blog-description {
  font-size: 18px;
  color: #000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.blog-big-box:hover .blog-image::before {
  top: 0;
}
.blog-big-box:hover .blog-body {
  bottom: 20px;
}
.blog-big-box:hover .blog-body .blog-title {
  color: #fff;
}
.blog-big-box:hover .blog-body .blog-description {
  visibility: visible;
  opacity: 1;
}

.blog-card-rectangle {
  position: relative;
  display: flex;
  gap: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}
.blog-card-rectangle .blog-image {
  width: 200px;
}
.blog-card-rectangle .blog-image img {
  width: 100%;
  height: 100%;
}
.blog-card-rectangle .blog-content {
  flex: 1;
  padding: 20px 30px;
}
.blog-card-rectangle .blog-content .blog-title {
  font-size: 25px;
  color: #000;
  font-weight: 600;
}
.blog-card-rectangle .blog-content .blog-description {
  font-size: 16px;
  color: #515151;
  margin-bottom: 15px;
}
.blog-card-rectangle .blog-content .blog-button .AnchorButton {
  font-size: 14px;
  padding: 10px 20px;
}

body .blog-card {
  /* Read More */
}
body .blog-card p {
  color: #838694;
}
body .blog-card .read-more:hover {
  color: #674df3;
}
body .blog-card .blog-meta li:not(:last-child):after {
  background: #838694;
}
body .blog-card .blog-meta-two .tag {
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body .blog-card .blog-meta-two .tag:hover {
  color: #1b1f2e;
  background: #30f0b6;
  border-color: #30f0b6;
}
body .blog-card .blog-meta-two .author {
  color: #674df3;
}
body .blog-card .blog-item {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
  background: #f6f7f9;
}
body .blog-card .blog-item .content .blog-meta li:after {
  background: #838694;
}
body .blog-card .blog-item .content h4 a {
  color: #1b1f2e;
}
body .blog-card .blog-item .content h4 a:hover {
  color: #30f0b6;
}
body .blog-card .blog-item .content .author a {
  color: #674df3;
}
body .blog-card .blog-item .content .author-more {
  border-top: 1px solid rgba(21, 16, 31, 0.1);
}
body .blog-card .blog-item.style-two .blog-meta {
  color: white;
  background: #674df3;
}
body .blog-card .blog-item.style-two .blog-meta li a {
  color: white;
}
body .blog-card .blog-item.style-two .blog-meta li:after {
  background: white;
}
body .blog-card .blog-item.style-two:hover .blog-meta {
  color: #1b1f2e;
  background: #30f0b6;
}
body .blog-card .blog-item.style-two:hover .blog-meta li a {
  color: #1b1f2e;
}
body .blog-card .blog-item.style-two:hover .blog-meta li:after {
  background: #1b1f2e;
}
body .blog-card .blog-item.style-three .content {
  background: white;
}
body .blog-card .blog-item.style-four {
  background: white;
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body .blog-card .blog-item.style-four .content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .blog-card .blog-item.style-four .content h4 a:hover {
  color: #1b1f2e;
}
body .blog-card .blog-item.style-four .content .author-more .author:after {
  background: #674df3;
}
body .blog-card .blog-item.style-four:hover {
  border-color: white;
  -webkit-box-shadow: 10px 0 60px rgba(103, 77, 243, 0.1);
  box-shadow: 10px 0 60px rgba(103, 77, 243, 0.1);
}
body .blog-triangle {
  color: #212529;
}
body .blog-triangle .blog-feed-post {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
body .blog-triangle .saasio-blog-text h3 {
  color: #373a5b;
}
body .blog-triangle .saasio-post-meta a {
  color: #777a91;
}
body .blog-triangle .blog-read-more {
  color: #212529;
}
body .blog-triangle .blog-read-more:hover {
  color: #00133e;
}

body.Dark .blog-card {
  /* Read More */
}
body.Dark .blog-card p {
  color: #838694;
}
body.Dark .blog-card .read-more:hover {
  color: #674df3;
}
body.Dark .blog-card .blog-meta li:not(:last-child):after {
  background: #838694;
}
body.Dark .blog-card .blog-meta-two .tag {
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body.Dark .blog-card .blog-meta-two .tag:hover {
  color: #1b1f2e;
  background: #30f0b6;
  border-color: #30f0b6;
}
body.Dark .blog-card .blog-meta-two .author {
  color: #674df3;
}
body.Dark .blog-card .blog-item {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
  background: #252525;
}
body.Dark .blog-card .blog-item .content .blog-meta li:after {
  background: #838694;
}
body.Dark .blog-card .blog-item .content h4 a {
  color: #fff;
}
body.Dark .blog-card .blog-item .content h4 a:hover {
  color: #30f0b6;
}
body.Dark .blog-card .blog-item .content .author a {
  color: #674df3;
}
body.Dark .blog-card .blog-item .content .author-more {
  border-top: 1px solid rgba(21, 16, 31, 0.1);
}
body.Dark .blog-card .blog-item.style-two .blog-meta {
  color: white;
  background: #674df3;
}
body.Dark .blog-card .blog-item.style-two .blog-meta li a {
  color: white;
}
body.Dark .blog-card .blog-item.style-two .blog-meta li:after {
  background: white;
}
body.Dark .blog-card .blog-item.style-two:hover .blog-meta {
  color: #1b1f2e;
  background: #30f0b6;
}
body.Dark .blog-card .blog-item.style-two:hover .blog-meta li a {
  color: #1b1f2e;
}
body.Dark .blog-card .blog-item.style-two:hover .blog-meta li:after {
  background: #1b1f2e;
}
body.Dark .blog-card .blog-item.style-three .content {
  background: white;
}
body.Dark .blog-card .blog-item.style-four {
  background: white;
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body.Dark .blog-card .blog-item.style-four .content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.Dark .blog-card .blog-item.style-four .content h4 a:hover {
  color: #1b1f2e;
}
body.Dark .blog-card .blog-item.style-four .content .author-more .author:after {
  background: #674df3;
}
body.Dark .blog-card .blog-item.style-four:hover {
  border-color: white;
  -webkit-box-shadow: 10px 0 60px rgba(103, 77, 243, 0.1);
  box-shadow: 10px 0 60px rgba(103, 77, 243, 0.1);
}
body.Dark .blog-triangle {
  color: #212529;
}
body.Dark .blog-triangle .blog-feed-post {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}
body.Dark .blog-triangle .saasio-blog-text h3 {
  color: #fff;
}
body.Dark .blog-triangle .saasio-pagination a {
  color: #fff;
  background-color: #6c2b95;
}
body.Dark .blog-triangle .saasio-post-meta a {
  color: #777a91;
}
body.Dark .blog-triangle .blog-read-more {
  color: #777a91;
}
body.Dark .blog-triangle .blog-read-more:hover {
  color: #00133e;
}

html[lang=ar] .blog-card {
  /* Blog Standard */
}
html[lang=ar] .blog-card .read-more i {
  margin-right: 7px;
  margin-left: 0;
}
html[lang=ar] .blog-card .blog-meta li i {
  margin-right: 0;
  margin-left: 8px;
}
html[lang=ar] .blog-card .blog-meta-two a:not(:last-child) {
  margin-left: 40px;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  html[lang=ar] .blog-card .blog-meta-two a:not(:last-child) {
    margin-left: 15px;
    margin-right: 0;
  }
}
html[lang=ar] .blog-card .blog-item.style-three .content {
  margin-left: 0;
  margin-right: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[lang=ar] .blog-card .blog-item.style-four .image {
    margin-left: 40px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  html[lang=ar] .blog-card .blog-standard-item .image {
    margin-right: 0;
    margin-left: 50px;
  }
}

.Section--FAQ-List {
  padding: 80px 0;
}

.faq-list .faq-content {
  max-height: 650px;
  height: fit-content;
  overflow-y: auto;
}
.faq-list .hm2-server-tab-control {
  display: block;
}
.faq-list .hm2-server-tab-control li + li {
  margin-top: 20px;
}
.faq-list .hm2-server-tab-control li button {
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 12px 50px rgba(125, 125, 125, 0.1);
  text-align: left;
  border: 0;
  font-size: 20px;
  font-weight: 700;
  font-family: "Urbanist", sans-serif;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.faq-list .hm2-server-tab-control li button::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background: #1C40F2;
  z-index: -1;
  transition: all 0.3s ease-in;
  opacity: 0;
}
.faq-list .hm2-server-tab-control li button i {
  width: 40px;
  height: 40px;
  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #1C40F2;
  transition: all 0.3s ease-in;
}
.faq-list .hm2-server-tab-control li button span {
  margin-left: 1rem;
}
.faq-list .hm2-server-tab-control li button:hover {
  color: #fff;
  box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.05);
}
.faq-list .hm2-server-tab-control li button:hover i {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
.faq-list .hm2-server-tab-control li button:hover::before {
  opacity: 1;
}
.faq-list .hm2-server-tab-control li button.active {
  color: #fff;
  box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.05);
}
.faq-list .hm2-server-tab-control li button.active i {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
.faq-list .hm2-server-tab-control li button.active::before {
  opacity: 1;
}
.faq-list .hm2-server-content .server-info {
  max-width: 600px;
  padding: 40px 30px;
  margin-top: -150px;
  margin-left: 40px;
}
.faq-list .hm2-server-content .server-info .explore-btn {
  width: 50px;
  height: 50px;
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
  line-height: 50px;
  font-size: 24px;
  right: 30px;
  bottom: -25px;
}
.faq-list .hm2-server-content .server-info .explore-btn i {
  transition: all 0.3s ease-in;
}
.faq-list .hm2-server-content .server-info .explore-btn:hover i {
  transform: rotate(90deg);
}
.faq-list .question-box {
  padding: 40px 10px 40px 40px;
}
.faq-list .question-box span {
  color: #001042;
}
.faq-list .question-box .template-btn i {
  margin-right: 10px;
}
.faq-list .hm2-faq-tab .hm2-server-tab-control li button::after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 100px;
  height: 60px;
  background: url(../img/shapes/circle-double-half.png);
  background-repeat: no-repeat;
  transition: all 0.3s ease-in;
  opacity: 0;
}
.faq-list .hm2-faq-tab .hm2-server-tab-control li button.active::after {
  right: 0;
  opacity: 1;
}
.faq-list .hm2-accordion {
  padding: 10px 30px;
  border-radius: 10px;
}
.faq-list .hm2-accordion .accordion-item {
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.faq-list .hm2-accordion .accordion-item:last-child {
  border-bottom: 0 !important;
}
.faq-list .hm2-accordion .accordion-item .accordion-header a {
  font-size: 18px;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  color: #001042;
  display: block;
  position: relative;
  padding-right: 25px;
}
.faq-list .hm2-accordion .accordion-item .accordion-header a::after {
  content: "+";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  width: 22px;
  height: 22px;
  border: 1px solid #001042;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
}
.faq-list .hm2-accordion .accordion-item .accordion-header a:not(.collapsed)::after {
  content: "\f068";
}
.faq-list .hm2-accordion .accordion-item .accordion-body {
  padding: 15px 0;
}

body .faq-list .hm2-server-tab-control li button {
  background-color: #fff;
}
body .faq-list .hm2-server-tab-control li button::before {
  background: #1C40F2;
}
body .faq-list .hm2-server-tab-control li button i {
  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);
  color: #1C40F2;
}
body .faq-list .hm2-server-tab-control li button:hover {
  color: #fff;
  box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.05);
}
body .faq-list .hm2-server-tab-control li button:hover i {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
body .faq-list .hm2-server-tab-control li button.active {
  color: #fff;
  box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.05);
}
body .faq-list .hm2-server-tab-control li button.active i {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
body .faq-list .hm2-server-content .server-info .explore-btn {
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
}
body .faq-list .question-box span {
  color: #001042;
}
body .faq-list .hm2-accordion {
  background-color: #fff;
}
body .faq-list .hm2-accordion .accordion-item {
  border-bottom: 1px solid #ddd;
}
body .faq-list .hm2-accordion .accordion-item .accordion-header a {
  color: #001042;
}
body .faq-list .hm2-accordion .accordion-item .accordion-header a::after {
  border: 1px solid #001042;
}

body.Dark .faq-list .hm2-server-tab-control li button {
  background-color: #252525;
}
body.Dark .faq-list .hm2-server-tab-control li button::before {
  background: #1C40F2;
}
body.Dark .faq-list .hm2-server-tab-control li button i {
  background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);
  color: #fff;
}
body.Dark .faq-list .hm2-server-tab-control li button span {
  color: #fff;
}
body.Dark .faq-list .hm2-server-tab-control li button:hover {
  color: #fff;
  box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.05);
}
body.Dark .faq-list .hm2-server-tab-control li button:hover i {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
body.Dark .faq-list .hm2-server-tab-control li button.active {
  color: #fff;
  box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.05);
}
body.Dark .faq-list .hm2-server-tab-control li button.active i {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}
body.Dark .faq-list .hm2-server-content .server-info .explore-btn {
  background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%);
}
body.Dark .faq-list .question-box span {
  color: #001042;
}
body.Dark .faq-list .hm2-accordion {
  background-color: #252525;
}
body.Dark .faq-list .hm2-accordion .accordion-item {
  border-bottom: 1px solid #ddd;
}
body.Dark .faq-list .hm2-accordion .accordion-item .accordion-header a {
  color: #fff;
}
body.Dark .faq-list .hm2-accordion .accordion-item .accordion-header a::after {
  border: 1px solid #fff;
}

html[lang=ar] .faq-list .hm2-server-tab-control li button {
  text-align: right;
}
html[lang=ar] .faq-list .hm2-server-tab-control li button::before {
  left: initial;
  right: 0;
}
html[lang=ar] .faq-list .hm2-server-tab-control li button span {
  margin-right: 1rem;
}
html[lang=ar] .faq-list .hm2-server-content .server-info {
  margin-left: 0;
  margin-right: 40px;
}
html[lang=ar] .faq-list .hm2-server-content .server-info .explore-btn {
  left: 30px;
  right: initial;
}
html[lang=ar] .faq-list .question-box {
  padding: 40px 40px 40px 10px;
}
html[lang=ar] .faq-list .question-box span {
  color: #001042;
}
html[lang=ar] .faq-list .question-box .template-btn i {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .faq-list .hm2-faq-tab .hm2-server-tab-control li button::after {
  right: initial;
  left: -20px;
}
html[lang=ar] .faq-list .hm2-faq-tab .hm2-server-tab-control li button.active::after {
  right: initial;
  left: 0;
}
html[lang=ar] .faq-list .hm2-accordion .accordion-item .accordion-header a {
  padding-right: 0;
  padding-left: 25px;
}
html[lang=ar] .faq-list .hm2-accordion .accordion-item .accordion-header a::after {
  right: initial;
  left: 0;
}

.modal-ads .modal-body {
  position: relative;
  padding: 0;
}
.modal-ads .modal-body .close-ads {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 2;
}
.modal-ads .modal-body .close-ads button {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: black;
}
.modal-ads .modal-body .content-ads-cards .ads-card .ads-image img {
  width: 100%;
  height: 400px;
}
.modal-ads .modal-body .content-ads-cards .ads-card .ads-content {
  padding: 20px 30px;
}
.modal-ads .modal-body .content-ads-cards .ads-card .ads-content .ads-title h3 {
  font-size: 20px;
  color: #313030;
}
.modal-ads .modal-body .content-ads-cards .ads-card .ads-content .ads-buttons .AnchorButton {
  padding: 14px 40px;
}

html[lang=ar] .modal-ads .modal-body .close-ads {
  left: initial;
  right: 20px;
}

.side-ads {
  position: fixed;
  bottom: 10px;
  left: -10px;
  transform: translateX(-100%);
  max-width: 500px;
  min-height: 200px;
  z-index: 4;
  border-radius: 10px;
  box-shadow: 6px 0 16px 0 rgba(0, 0, 0, 0.35);
  transition: all 0.3s;
}
.side-ads.show {
  left: 10px;
  transform: translateX(0);
}
.side-ads .ads-image img {
  width: 100%;
  height: 200px;
}
.side-ads .ads-title h3 {
  font-size: 20px;
}
.side-ads .ads-body {
  padding: 22px;
}
.side-ads .ads-description {
  line-height: 1.8;
}
@media only screen and (max-width: 35.99em) {
  .side-ads {
    bottom: 0;
    left: 0;
  }
}

body .side-ads {
  box-shadow: 6px 0 16px 0 rgba(0, 0, 0, 0.35);
  background-color: #f6f7f9;
}
body .side-ads .ads-title h3 {
  color: #000;
}

body.Dark .side-ads {
  box-shadow: 6px 0 16px 0 rgba(0, 0, 0, 0.35);
  background-color: #252525;
}
body.Dark .side-ads .ads-title h3 {
  color: #fff;
}

html[lang=ar] .side-ads {
  left: initial;
  right: -10px;
  transform: translateX(100%);
}
html[lang=ar] .side-ads.show {
  right: 10px;
  transform: translateX(0);
}
@media only screen and (max-width: 35.99em) {
  html[lang=ar] .side-ads {
    right: 0;
  }
}

.modal-voting .modal-header {
  padding: 0;
  border-bottom: 0;
  margin-bottom: 30px;
}
.modal-voting .modal-header .voting-image {
  position: relative;
  flex: 1;
}
.modal-voting .modal-header .voting-image > img {
  width: 100%;
  height: 200px;
}
.modal-voting .modal-header .voting-image .voting-icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.modal-voting .modal-header .voting-close {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 2;
}
.modal-voting .modal-header .voting-close button {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: black;
}
.modal-voting .modal-body .voting-title {
  text-align: center;
  margin-bottom: 15px;
  color: #fff;
}
.modal-voting .modal-body .voting-description {
  text-align: justify;
}
.modal-voting .modal-body .content-statistic .poll-area label {
  display: block;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 8px 15px;
  border: 2px solid #e6e6e6;
  transition: all 0.2s ease;
}
.modal-voting .modal-body .content-statistic .poll-area label:hover {
  border-color: #ddd;
}
.modal-voting .modal-body .content-statistic label.selected {
  border-color: #6665ee !important;
}
.modal-voting .modal-body .content-statistic label .row {
  display: flex;
  pointer-events: none;
  justify-content: space-between;
  padding: 0 15px;
}
.modal-voting .modal-body .content-statistic label .row .column {
  display: flex;
  align-items: center;
}
.modal-voting .modal-body .content-statistic label .row .circle,
.modal-voting .modal-body .content-statistic label .row .square {
  height: 19px;
  width: 19px;
  display: block;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}
.modal-voting .modal-body .content-statistic label .row .circle {
  border-radius: 50%;
}
.modal-voting .modal-body .content-statistic label .row .square {
  border-radius: 5px;
}
.modal-voting .modal-body .content-statistic label.selected .row .circle,
.modal-voting .modal-body .content-statistic label.selected .row .square {
  border-color: #6665ee;
}
.modal-voting .modal-body .content-statistic label .row .circle::after,
.modal-voting .modal-body .content-statistic label .row .square::after {
  content: "";
  height: 11px;
  width: 11px;
  background: #6665ee;
  position: absolute;
  left: 2px;
  top: 2px;
  display: none;
}
.modal-voting .modal-body .content-statistic label .row .circle::after {
  border-radius: inherit;
}
.modal-voting .modal-body .content-statistic label .row .square::after {
  border-radius: 2px;
}
.modal-voting .modal-body .content-statistic .poll-area label:hover .row .circle::after,
.modal-voting .modal-body .content-statistic .poll-area label:hover .row .square::after {
  display: block;
  background: #e6e6e6;
}
.modal-voting .modal-body .content-statistic label.selected .row .circle::after,
.modal-voting .modal-body .content-statistic label.selected .row .square::after {
  display: block;
  background: #6665ee !important;
}
.modal-voting .modal-body .content-statistic label .row span {
  font-size: 16px;
  font-weight: 500;
}
.modal-voting .modal-body .content-statistic label .row .percent {
  display: none;
}
.modal-voting .modal-body .content-statistic label .progress {
  height: 7px;
  width: 100%;
  position: relative;
  background: #f0f0f0;
  margin: 8px 0 3px 0;
  border-radius: 30px;
  display: none;
  pointer-events: none;
}
.modal-voting .modal-body .content-statistic label .progress:after {
  position: absolute;
  content: "";
  height: 100%;
  background: #ccc;
  width: calc(1% * var(--w));
  border-radius: inherit;
  transition: all 0.2s ease;
}
.modal-voting .modal-body .content-statistic label.selected .progress::after {
  background: #6665ee;
}
.modal-voting .modal-body .content-statistic label.selectall .progress,
.modal-voting .modal-body .content-statistic label.selectall .row .percent {
  display: block;
}
.modal-voting .modal-body .content-statistic input[type=radio],
.modal-voting .modal-body .content-statistic input[type=checkbox] {
  display: none;
}

html[lang=ar] .modal-voting .modal-header .voting-close {
  left: initial;
  right: 20px;
}

.card-category-service {
  height: 100%;
}
.card-category-service .card-wrap {
  height: 100%;
  display: block;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.card-category-service .card-wrap:hover {
  transform: scale(1.1);
}
.card-category-service .card-header {
  height: 200px;
  width: 100%;
  border-radius: 100% 0% 100% 0%/0% 50% 50% 100%;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
}
.card-category-service .card-header img {
  width: 100%;
  height: 100%;
}
.card-category-service .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin: 0 auto;
}
.card-category-service .card-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.card-category-service .card-text {
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}
.card-category-service .card-btn {
  font-size: 20px;
  border: none;
  border-radius: 10px;
  padding: 5px 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

body .card-category-service .card-wrap {
  background: #fff;
  border: 5px solid #fff;
  color: #616161;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
body .card-category-service .card-header {
  background: red;
}
body .card-category-service .card-header i {
  color: #fff;
}
body .card-category-service .card-btn {
  background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);
  color: #fff;
}

body.Dark .card-category-service .card-wrap {
  background: #252525;
  border: 5px solid #fff;
  color: #616161;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
body.Dark .card-category-service .card-header {
  background: #5a5a5a;
}
body.Dark .card-category-service .card-header i {
  color: #fff;
}
body.Dark .card-category-service .card-btn {
  background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);
  color: #fff;
}

.rate {
  min-height: 46px;
}
.rate .start-1 {
  right: 30px !important;
}
.rate .start-2 {
  right: 60px !important;
}
.rate .start-3 {
  right: 90px !important;
}
.rate .start-4 {
  right: 120px !important;
}
.rate .start-5 {
  right: 150px !important;
}
.rate label {
  position: initial !important;
}

.rate:not(:checked) > input {
  display: none;
}

.rate:not(:checked) > label {
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}

.rate:not(:checked) > label:before {
  content: "★ ";
}

.rate > input:checked ~ label {
  color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}

.Section--Ads {
  padding: 95px 0px 110px;
}

.ad-card {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  padding: 10px;
  gap: 20px;
}
.ad-card .ad-image img {
  width: 250px;
  height: 150px;
  border-radius: 10px;
}
.ad-card .ad-data {
  flex: 1;
}
.ad-card .ad-data .ad-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.ad-card .ad-data .ad-date {
  font-size: 14px;
  margin: 10px 0;
}
body .ad-card {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
  background: #f6f7f9;
}
body .ad-card .ad-data {
  flex: 1;
}
body .ad-card .ad-data .ad-title {
  color: #393939;
}
body .ad-card .ad-data .ad-date {
  color: #0f0f0f;
}

body.Dark .ad-card {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
  background: #252525;
}

.bs-stepper .bs-stepper-header {
  flex-wrap: wrap;
}
.bs-stepper .bs-stepper-header .step.is-valid .bs-stepper-circle {
  background-color: #0ba360;
}
.bs-stepper .step-trigger.no-trigger:not(:disabled):not(.disabled) {
  cursor: initial;
}
.bs-stepper .step-trigger.no-trigger:hover {
  background-color: transparent;
}
.bs-stepper .bs-stepper-content .card .card-body .card-title {
  margin-bottom: 1rem;
}
.bs-stepper .bs-stepper-content .card .card-body .card-title .title {
  font-size: 24px;
  font-weight: 600;
  color: #575151;
  margin-bottom: 10px;
}
.bs-stepper .bs-stepper-content .card .card-body .card-title .description {
  font-size: 14px;
  color: #777;
  line-height: 1.5;
}

.table-custom {
  font-size: 1rem;
  margin-bottom: 0;
  text-align: center;
}
.table-custom thead tr th {
  border: 1px solid #dee2e6;
}
.table-custom tbody tr th, .table-custom tbody tr td {
  border: 1px solid #dee2e6;
}
.table-custom .dropdown .dropdown-toggle {
  background: transparent;
  border: none;
  padding: 0;
  height: 30px;
  width: 30px;
}
.table-custom .dropdown .dropdown-toggle::after {
  border: none;
}
.table-custom .dropdown .dropdown-toggle:focus {
  box-shadow: none !important;
  background-color: transparent !important;
}
.table-custom .dropdown .dropdown-toggle i {
  display: flex;
  background: #6c757d;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#loaderOperation {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.831372549);
  display: flex;
  align-items: center;
  justify-content: center;
}
#loaderOperation .loader {
  width: 50px;
  --b: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #514b82;
  -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 70deg, rgba(0, 0, 0, 0) 71deg 90deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation: l5 1s infinite;
}

@keyframes l5 {
  to {
    transform: rotate(0.5turn);
  }
}
.pagination-dashboard {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pagination-dashboard .page-number .page-link {
  display: block;
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 18px;
  color: #000;
}
.pagination-dashboard .page-number.active .page-link {
  background-color: #c5c5c5;
}

.pricingBoxSelection .pricingBox_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 200px;
  overflow: auto;
  padding: 0 15px;
}
.pricingBoxSelection .pricingBox_list .pricingBox_item {
  display: flex;
  gap: 10px;
  font-size: 16px;
  align-items: baseline;
  padding: 5px 10px;
  border-radius: 5px;
  background: #ededed;
  color: #1c1b1b;
}
.pricingBoxSelection .pricingBox_list .pricingBox_item .pricingBox_content {
  flex: 1;
}
.pricingBoxSelection .pricingBox_list .pricingBox_item .pricingBox_content .CardPrice {
  padding: 10px;
  box-shadow: none;
}
.pricingBoxSelection .pricingBox_list .pricingBox_item .pricingBox_content .CardPrice .pricing-badge {
  top: initial;
  right: 0;
  bottom: 0;
}

/* Layout */
/*@import "./Layouts/Header";*/
.btn-view-sidebar {
  position: relative;
  display: none;
  border: none;
  padding: 10px 0;
  width: 100%;
  margin-bottom: 10px;
  background: transparent;
  border-radius: 10px;
  box-shadow: 0px 0px 50px -4px rgba(0, 0, 0, 0.1);
  color: #777;
  font-size: 1.3rem;
}

@media screen and (min-width: 992px) {
  #sidebar_website_dashboard {
    display: initial !important;
  }
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100%;
  width: 260px;
  background: #11101d;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.5s ease;
}

.sidebar.close {
  width: 78px;
}

.sidebar .logo-details {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}

.sidebar .logo-details i {
  font-size: 30px;
  color: #fff;
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
}

.sidebar .logo-details .logo_name {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}

.sidebar.close .logo-details .logo_name {
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}

.sidebar .nav-links {
  height: 100%;
  padding: 10px 0;
  overflow: auto;
}

.sidebar.close .nav-links {
  overflow: visible;
}

.sidebar .nav-links::-webkit-scrollbar {
  display: none;
}

.sidebar .nav-links li {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
}

.sidebar .nav-links li:hover {
  background: #1d1b31;
}

.sidebar .nav-links li .iocn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar.close .nav-links li .iocn-link {
  display: block;
}

.sidebar .nav-links li i {
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sidebar .nav-links li.showMenu i.arrow {
  transform: rotate(-180deg);
}

.sidebar.close .nav-links i.arrow {
  display: none;
}

.sidebar .nav-links li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.sidebar .nav-links li a .link_name {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  transition: all 0.4s ease;
}

.sidebar.close .nav-links li a .link_name {
  opacity: 0;
  pointer-events: none;
}

.sidebar .nav-links li .sub-menu {
  padding: 6px 6px 14px 80px;
  margin-top: -10px;
  background: #1d1b31;
  display: none;
}

.sidebar .nav-links li.showMenu .sub-menu {
  display: block;
}

.sidebar .nav-links li .sub-menu a {
  color: #fff;
  font-size: 15px;
  padding: 5px 0;
  white-space: nowrap;
  opacity: 0.6;
  transition: all 0.3s ease;
}

.sidebar .nav-links li .sub-menu a:hover {
  opacity: 1;
}

.sidebar.close .nav-links li .sub-menu {
  position: absolute;
  left: 100%;
  top: -10px;
  margin-top: 0;
  padding: 10px 20px;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 0s;
}

.sidebar.close .nav-links li:hover .sub-menu {
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
}

.sidebar .nav-links li .sub-menu .link_name {
  display: none;
}

.sidebar.close .nav-links li .sub-menu .link_name {
  font-size: 18px;
  opacity: 1;
  display: block;
}

.sidebar .nav-links li .sub-menu.blank {
  opacity: 1;
  pointer-events: auto;
  padding: 3px 20px 6px 16px;
  opacity: 0;
  pointer-events: none;
}

.sidebar .nav-links li:hover .sub-menu.blank {
  top: 50%;
  transform: translateY(-50%);
}

.sidebar .profile-details {
  position: fixed;
  bottom: 0;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1d1b31;
  padding: 12px 0;
  transition: all 0.5s ease;
}

.sidebar.close .profile-details {
  background: none;
}

.sidebar.close .profile-details {
  width: 78px;
}

.sidebar .profile-details .profile-content {
  display: flex;
  align-items: center;
}

.sidebar .profile-details img {
  height: 52px;
  width: 52px;
  object-fit: cover;
  border-radius: 16px;
  margin: 0 14px 0 12px;
  background: #1d1b31;
  transition: all 0.5s ease;
}

.sidebar.close .profile-details img {
  padding: 10px;
}

.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
}

.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
  display: none;
}

.sidebar .profile-details .job {
  font-size: 12px;
}

.home-section {
  position: relative;
  background: #E4E9F7;
  height: 100vh;
  left: 260px;
  width: calc(100% - 260px);
  transition: all 0.5s ease;
}

.sidebar.close ~ .home-section {
  left: 78px;
  width: calc(100% - 78px);
}

.home-section .home-content {
  height: 60px;
  display: flex;
  align-items: center;
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
  color: #11101d;
  font-size: 35px;
}

.home-section .home-content .bx-menu {
  margin: 0 15px;
  cursor: pointer;
}

.home-section .home-content .text {
  font-size: 26px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .btn-view-sidebar {
    display: block;
  }
  .sidebar {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.FooterPage {
  padding-top: 50px;
}
.FooterPage img {
  width: auto;
  height: 100px;
}
.FooterPage .relative-position {
  position: relative;
}
.FooterPage .ul-li ul {
  margin: 0;
  padding: 0;
}
.FooterPage .ul-li ul li {
  list-style: none;
  display: inline-block;
}
.FooterPage .ul-li-block ul {
  margin: 0;
  padding: 0;
}
.FooterPage .ul-li-block ul li {
  list-style: none;
  display: block;
}
.FooterPage .widget_title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 25px;
  font-family: "Poppins";
}
.FooterPage .widget_title:after {
  left: 0;
  width: 35px;
  content: "";
  height: 3px;
  bottom: -9px;
  position: absolute;
}
.FooterPage .footer_widget_content {
  padding-bottom: 16px;
}
.FooterPage .footer_widget .footer_logo {
  margin-bottom: 30px;
}
.FooterPage .footer_widget .footer_text {
  font-size: 14px;
  line-height: 1.714;
  padding-bottom: 35px;
}
.FooterPage .footer_widget .footer_social li {
  font-size: 17px;
  margin-right: 18px;
  transition: 0.3s all ease-in-out;
}
.FooterPage .footer_widget .footer_social li:hover {
  transform: translateY(-4px);
}
.FooterPage .footer_widget .footer_social li:hover i {
  transition: 0.3s all ease-in-out;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.FooterPage .footer_widget .quick_link {
  max-width: 205px;
}
.FooterPage .footer_widget .quick_link li {
  font-size: 14px;
  margin-right: 10px;
  position: relative;
}
.FooterPage .footer_widget .quick_link li:before {
  height: 1px;
  content: "";
  position: absolute;
  width: 0%;
  right: 0;
  left: auto;
  bottom: 0;
  transition: 0.3s all ease-in-out;
}
.FooterPage .footer_widget .quick_link li:hover:before {
  width: 100%;
  right: auto;
  left: 0;
}
.FooterPage .footer_widget .footer_logo {
  margin-bottom: 18px;
}
.FooterPage .footer_widget .footer_text {
  padding-bottom: 20px;
}
.FooterPage .footer_widget {
  margin-bottom: 30px;
}
.FooterPage .footer_widget.middleSection {
  width: fit-content;
  margin: 0 auto 30px auto;
}
.FooterPage .footer_address li {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.875;
  font-family: "Poppins";
}
.FooterPage .footer_address span {
  font-weight: 600;
  margin-right: 5px;
}
.FooterPage .copyright_text {
  padding: 30px 0;
}
.FooterPage .copyright_text p,
.FooterPage .copyright_text span {
  font-size: 14px;
  font-family: "Poppins";
}
.FooterPage .copyright_text span {
  float: right;
}
@media screen and (max-width: 991px) {
  .FooterPage .widget_title {
    margin-bottom: 30px;
  }
  .FooterPage .footer_widget .footer_logo {
    margin-bottom: 18px;
  }
  .FooterPage .footer_widget .footer_text {
    padding-bottom: 20px;
  }
  .FooterPage .footer_widget {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .FooterPage .footer_widget.middleSection {
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .FooterPage .footer_widget_content {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 420px) {
  .FooterPage {
    padding-top: 0;
    margin-top: 0;
  }
}

html[lang=ar] .FooterPage .footer_widget .footer_social li {
  margin-right: 0;
  margin-left: 18px;
}
html[lang=ar] .FooterPage .footer_widget .footer_social li:hover i {
  background-image: linear-gradient(38deg, #0478e9 0%, #20fdee 100%);
}
html[lang=ar] .FooterPage .footer_widget .quick_link li {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .FooterPage .footer_widget .quick_link li:before {
  background-image: linear-gradient(-116deg, #20fdee 0%, #0478e9 100%);
}
html[lang=ar] .FooterPage .footer_widget .quick_link li:hover:before {
  right: 0;
  left: auto;
}
html[lang=ar] .FooterPage .widget_title:after {
  right: 0;
  left: initial;
  background-image: linear-gradient(-116deg, #20fdee 0%, #0478e9 100%);
}
html[lang=ar] .FooterPage .footer_address span {
  margin-right: 0;
  margin-left: 5px;
}
html[lang=ar] .FooterPage .copyright_text span {
  float: left;
}

body .FooterPage {
  background-color: #edf2f6;
  color: #212529;
}
body .FooterPage .widget_title {
  color: #1a0a38;
}
body .FooterPage .widget_title:after {
  background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%);
}
body .FooterPage .footer_widget_content {
  border-bottom: 2px solid #d2d1d2;
}
body .FooterPage .footer_widget .footer_social li {
  color: #8c8c8c;
}
body .FooterPage .footer_widget .footer_social li:hover i {
  background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%);
}
body .FooterPage .footer_widget .quick_link li {
  color: #383838;
}
body .FooterPage .footer_widget .quick_link li:before {
  background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%);
}
body .FooterPage .footer_address li {
  font-family: "Poppins";
}
body .FooterPage .footer_address span {
  color: #180b36;
}
body .FooterPage .copyright_text a:hover {
  color: #3858f6;
}
body .FooterPage .copyright_text p,
body .FooterPage .copyright_text span {
  color: #666666;
}

body.Dark .FooterPage {
  background-color: #0E1B31;
  color: #b3b3b3;
}
body.Dark .FooterPage .widget_title {
  color: #fff;
}
body.Dark .FooterPage .widget_title:after {
  background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%);
}
body.Dark .FooterPage .footer_widget_content {
  border-bottom: 2px solid #d2d1d2;
}
body.Dark .FooterPage .footer_widget .footer_social li {
  color: #8c8c8c;
}
body.Dark .FooterPage .footer_widget .footer_social li:hover i {
  background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%);
}
body.Dark .FooterPage .footer_widget .quick_link li {
  color: #b3b3b3;
}
body.Dark .FooterPage .footer_widget .quick_link li a:hover {
  color: #9bbdf5;
}
body.Dark .FooterPage .footer_widget .quick_link li:before {
  background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%);
}
body.Dark .FooterPage .footer_address li {
  font-family: "Poppins";
}
body.Dark .FooterPage .footer_address span {
  color: #fff;
}
body.Dark .FooterPage .copyright_text a:hover {
  color: #3858f6;
}
body.Dark .FooterPage .copyright_text p,
body.Dark .FooterPage .copyright_text span {
  color: #b3b3b3;
}

#preLoaderPage {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/loader/LoaderPage.svg);
  background-size: 100px;
}

#preLoaderForm {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/loader/LoaderPage.svg);
  background-size: 100px;
}

body #preLoaderPage {
  background-color: #fff;
}
body #preLoaderForm {
  background-color: rgba(255, 255, 255, 0.1607843137);
}

body.Dark #preLoaderPage {
  background-color: #1d1d1d;
}
body.Dark #preLoaderForm {
  background-color: rgba(255, 255, 255, 0.1607843137);
}

.topbar {
  padding: 14px 0;
}
.topbar p {
  font-weight: 500;
  font-size: 14px;
}
.topbar p mark {
  text-decoration: underline;
}
.topbar .topbar-right a {
  font-weight: 600;
  font-family: "Urbanist", sans-serif;
  position: relative;
  transition: all 0.3s ease-in;
  font-size: 14px;
}
.topbar .topbar-right a + a {
  margin-left: 30px;
}
.topbar .topbar-right a + a::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
}
@media only screen and (max-width: 47.99em) {
  .topbar {
    display: none;
  }
}

.logo {
  max-width: 160px;
}

.nav-menu {
  padding: 0 15px;
  position: relative;
  z-index: 2;
  background-color: #14213d;
}
@media only screen and (max-width: 61.99em) {
  .nav-menu {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 47.99em) {
  .nav-menu {
    margin-bottom: 0;
  }
}

.nav-wrapper nav {
  text-align: right;
}
.nav-wrapper nav > ul {
  width: 100%;
  text-align: left;
}
.nav-wrapper ul {
  display: inline-block;
}
.nav-wrapper ul li {
  display: inline-block;
}
.nav-wrapper ul li a {
  display: block;
  padding: 25px 15px;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  font-size: 15px;
  transition: all 0.3s ease-in;
}
.nav-wrapper ul li.has-submenu-full-page, .nav-wrapper ul li.has-submenu {
  position: relative;
}
.nav-wrapper ul li.has-submenu-full-page > a, .nav-wrapper ul li.has-submenu > a {
  line-height: 4.6;
}
.nav-wrapper ul li.has-submenu-full-page::after, .nav-wrapper ul li.has-submenu::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 2px;
  top: 28px;
  font-size: 12px;
  transition: all 0.3s ease-in;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper, .nav-wrapper ul li.has-submenu .submenu-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  width: 220px;
  border-radius: 0 0 4px 4px;
  text-align: left;
  display: none;
  overflow: hidden;
  z-index: 30;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper.menu-list, .nav-wrapper ul li.has-submenu .submenu-wrapper.menu-list {
  width: 280px;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper.theme-megamenu, .nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
  width: 560px;
  left: -225px;
  padding: 15px;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item, .nav-wrapper ul li.has-submenu .submenu-wrapper li, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item {
  display: block;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li a, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item a, .nav-wrapper ul li.has-submenu .submenu-wrapper li a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {
  padding: 10px 15px;
  transition: all 0.3s ease-in;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li .menu-list-wrapper .list-logo, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item .menu-list-wrapper .list-logo, .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .list-logo, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .list-logo {
  width: 25px;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li .menu-list-wrapper .icon-wrapper, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper, .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 3px;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li .menu-list-wrapper .menu-list-content-right h6, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right h6, .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right h6, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right h6 {
  margin-bottom: 0;
  font-size: 14px;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span, .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span {
  font-size: 13px;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li:first-child a, .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item:first-child a, .nav-wrapper ul li.has-submenu .submenu-wrapper li:first-child a, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item:first-child a {
  border-top: 0;
}
.nav-wrapper ul li.has-submenu-full-page:hover > .submenu-wrapper, .nav-wrapper ul li.has-submenu:hover > .submenu-wrapper {
  display: block;
}
.nav-wrapper ul li.has-submenu-full-page.has-megamenu-list .submenu-wrapper, .nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper {
  width: 400px;
  right: 0 !important;
  left: initial !important;
  flex-wrap: wrap;
  padding: 12px;
}
.nav-wrapper ul li.has-submenu-full-page.has-megamenu-list .submenu-wrapper > li, .nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper > li {
  width: calc(50% - 6px);
}
.nav-wrapper ul li.has-submenu-full-page.has-megamenu-list .submenu-wrapper > li a, .nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper > li a {
  border-top: 0;
}
.nav-wrapper ul li.has-submenu-full-page.has-megamenu-list:hover .submenu-wrapper, .nav-wrapper ul li.has-submenu.has-megamenu-list:hover .submenu-wrapper {
  display: flex;
}
.nav-wrapper ul li.has-submenu-full-page {
  position: initial;
}
.nav-wrapper ul li.has-submenu-full-page::after {
  content: "";
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-header .title {
  font-size: 20px;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-body ul {
  width: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-body ul li {
  width: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-body ul li a {
  width: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-body ul {
  width: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-body ul li {
  width: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .column-category .column-body ul li a {
  width: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper {
  border-radius: 10px;
  top: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper.theme-megamenu {
  width: 100%;
  right: 0;
  left: initial;
  padding: 0;
}
.nav-wrapper ul li.has-submenu-full-page .submenu-wrapper.theme-megamenu .row > * {
  padding: 30px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional {
  padding: 10px 20px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .header-additional h3 {
  font-size: 22px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional {
  display: flex;
  padding: 20px 10px;
  border-radius: 10px;
  gap: 30px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional .image-card {
  width: 250px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional .image-card img {
  width: 100%;
  height: 100%;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional .icon-card i {
  width: 100px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional .content-card {
  font-size: 16px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional .content-card .buttons-card .AnchorButton {
  padding: 10px 20px;
}
.nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional:not(:last-child) {
  margin-bottom: 15px;
}
.nav-wrapper ul li.has-submenu-list .submenu-wrapper {
  flex-direction: column;
  width: fit-content !important;
  right: 0;
}
.nav-wrapper ul li.has-submenu-list .submenu-wrapper li {
  width: 100% !important;
}
.nav-wrapper ul li.has-submenu-list .submenu-wrapper li a {
  width: 100% !important;
  border-top: 0 !important;
  border-bottom: 1px solid #d6d6d6 !important;
  text-wrap: nowrap;
}
.nav-wrapper ul li.has-submenu-list .submenu-wrapper li:last-child a {
  border-bottom: 0 !important;
}

.header-right div.product-cart a {
  transform: translateY(-2px);
  display: inline-block;
}
.header-right div.ofcanvus-btns a {
  transition: all 0.3s ease-in;
  font-size: 15px;
}
.header-right div.next {
  margin-left: 20px;
  position: relative;
}
.header-right div.next::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
}
.header-right div.lang-switcher i {
  font-size: 14px;
}
.header-right div i {
  font-size: 22px;
}

.lang-switcher {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 15px 0;
}
.lang-switcher a {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.lang-switcher .dropdown-menu {
  width: 200px;
}
.lang-switcher ul {
  padding: 0 10px;
}
.lang-switcher ul li {
  display: inline-block;
}
.lang-switcher ul li a {
  font-size: 14px;
  padding: 0 5px;
  transition: all 0.3s ease-in;
}

.dropdown-user .dropdown-menu {
  padding: 0 !important;
}
.dropdown-user .user-image-sm {
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.dropdown-user .user-info-header {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
.dropdown-user .user-info-header .user-image img {
  width: 100px;
  height: 100px;
  border-radius: 5px;
}
.dropdown-user .user-info-header .user-data {
  padding: 0 20px;
}
.dropdown-user .user-info-header .user-data .user-name {
  font-size: 16px;
  font-weight: 700;
  color: #3a3a3a;
  white-space: nowrap;
}
.dropdown-user .user-info-header .user-data .user-email {
  font-size: 14px;
  color: #777;
}
.dropdown-user .dropdown-menu ul li {
  padding: 5px 10px;
}
.dropdown-user .dropdown-menu ul li:not(:first-child) {
  padding: 5px 20px;
}
.dropdown-user .dropdown-menu ul li:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.header-search-form {
  padding: 15px;
  border-radius: 4px;
  display: flex;
}
.header-search-form input {
  padding: 12px 15px;
  border: 0;
  border-radius: 4px 0 0 4px;
}
.header-search-form input[type=submit] {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  border-radius: 0 4px 4px 0;
}

#theme-switch {
  border: 0;
  background: transparent;
  width: 40px;
  height: 30px;
  word-wrap: nowrap;
  border-radius: 2px;
  font-size: 16px;
}
#theme-switch .light-sun {
  display: none;
}
#theme-switch.active .dark-moon {
  display: none;
}
#theme-switch.active .light-sun {
  display: block;
}

/******* Header Two *****/
.header-two {
  position: relative;
  z-index: 10;
}
.header-two .nav-wrapper ul li.has-submenu::after {
  content: "+";
  right: 0;
  transition: all 0.3s ease-in;
}
.header-two .nav-wrapper ul li a {
  transition: all 0.3s ease-in;
}
@media only screen and (max-width: 61.99em) {
  .header-two {
    padding: 15px 0;
  }
}

/*************** Header Style 3 ***************/
.gm-header {
  backdrop-filter: blur(20px);
}
.gm-header .nav-wrapper {
  margin-right: 10px;
}
.gm-header .nav-wrapper ul li a {
  transition: all 0.3s ease-in;
}
.gm-header .nav-wrapper ul li::after {
  font-size: 12px;
  top: 28px;
  right: 5px;
  transition: all 0.3s ease-in;
}
@media only screen and (max-width: 61.99em) {
  .gm-header {
    padding: 10px 0;
  }
}
.gm-header .mobile-menu-toggle {
  border: 0;
}

.gm-header-btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.gm-header-btn::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  transition: all 0.3s ease-in;
  z-index: -1;
}
.gm-header-btn:hover::before {
  width: 90px;
  height: 40px;
  border-radius: 30px;
}

/********* Header Style 4 **********/
.header-style-4 .sh-header-cart button {
  position: relative;
}
.header-style-4 .sh-header-cart button .number {
  position: absolute;
  font-size: 10px;
  top: -5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  right: -10px;
}
.header-style-4 .sh-header-cart::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
}
.header-style-4 .sh-header-btn::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
}
.header-style-4 .mobile-menu-toggle {
  font-size: 20px;
}
@media only screen and (max-width: 61.99em) {
  .header-style-4 {
    padding: 6px 0;
  }
}

.nav-menu-4 {
  text-align: right;
  padding-right: 60px;
}
.nav-menu-4 ul li a {
  transition: all 0.3s ease-in;
}
.nav-menu-4 ul li.has-submenu::after {
  transition: all 0.3s ease-in;
}

/************ header 5 ***********/
.header-5 .nav-menu {
  margin-bottom: 0;
}
.header-5 .outline-btn {
  padding: 14px 30px;
  font-size: 15px;
}

/************** Mobile Menu ***************/
.mobile-menu {
  min-width: 300px;
  height: 100vh;
  top: 0;
  left: -320px;
  padding: 40px 15px;
  overflow-y: scroll;
  transition: all 0.3s ease-in;
  z-index: 150;
  font-size: 16px;
  position: fixed;
}
.mobile-menu .close-menu {
  right: 20px;
  top: 15px;
  border: 0;
  font-size: 20px;
  cursor: pointer;
}
.mobile-menu ul li {
  display: block;
}
.mobile-menu ul li a {
  display: block;
  padding: 10px 0;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
}
.mobile-menu ul li a .menu-list-wrapper img {
  width: 35px;
}
.mobile-menu ul li a .menu-list-wrapper .menu-list-content-right h6 {
  font-size: 16px;
  margin-bottom: 0;
}
.mobile-menu ul li a .menu-list-wrapper .menu-list-content-right span {
  font-size: 13px;
}
.mobile-menu ul li ul {
  padding-left: 10px;
  display: none;
}
.mobile-menu ul li ul li a {
  font-size: 14px;
}
.mobile-menu ul li.has-submenu > a {
  position: relative;
}
.mobile-menu ul li.has-submenu > a::after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  right: 0;
  top: 10px;
  transition: all 0.3s ease-in;
}
.mobile-menu ul li.has-submenu > a.icon-rotate::after {
  transform: rotate(-90deg);
}
.mobile-menu .contact-social a {
  display: inline-block;
  margin-right: 6px;
}
.mobile-menu.active {
  left: 0;
}

.ofcanvus-menu {
  position: fixed;
  bottom: 20px;
  right: -580px;
  top: 20px;
  overflow: hidden;
  z-index: 160;
  width: 570px;
  padding: 50px 20px;
  height: calc(100vh - 40px);
  border-radius: 10px;
  transition: all 0.3s ease-in;
}
.ofcanvus-menu .close-canvus {
  position: absolute;
  right: 20px;
  top: 15px;
  border: 0;
}
.ofcanvus-menu .megamenu {
  overflow-y: scroll;
  padding: 20px 10px;
  height: 100%;
  scrollbar-width: none;
}
.ofcanvus-menu .megamenu::-webkit-scrollbar {
  display: none;
}
.ofcanvus-menu .icon-wrapper {
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.ofcanvus-menu .script-icon {
  padding: 16px 15px;
  text-align: center;
  border-radius: 5px;
  transition: all 0.3s ease-in;
}
.ofcanvus-menu .script-icon h6 {
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 15px;
}
.ofcanvus-menu .script-icon .script-icon-wrapper {
  font-size: 30px;
}
.ofcanvus-menu .mg-item {
  padding: 15px 10px;
  display: block;
  border-radius: 6px;
  transition: all 0.3s ease-in;
}
.ofcanvus-menu .mg-item .mg-item-wrapper img {
  width: 20%;
}
.ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right {
  width: 80%;
}
.ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right h6 {
  font-size: 15px;
}
.ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right span {
  font-size: 12px;
}
.ofcanvus-menu.active {
  right: 20px;
}

.sticky-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90 !important;
  animation: 1s fadeInDown;
}
.sticky-header .topbar {
  display: none;
}
.sticky-header .nav-menu {
  margin-bottom: 0;
}
.sticky-header.header-section {
  background-image: none;
}

.header-6 .header-nav .nav-menu {
  margin-bottom: 0;
}

/************** Search Popup ***************/
.search-popup {
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.search-popup .search-form {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  visibility: hidden;
  opacity: 0;
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  z-index: 999;
  min-width: 474px;
}
.search-popup .search-form .form-group .form-control {
  border: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  height: 54px;
  line-height: 54px;
  padding: 0 100px 0 30px;
  font-size: 18px;
}
.search-popup .search-form .submit-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 54px;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: #FF3A3A;
  color: #fff;
  transition: 0.4s;
  padding: 0;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
.search-popup .search-form .submit-btn:before {
  background: #ff756b;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 0 5px 5px 0;
  width: 100%;
  z-index: -1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.search-popup .search-form .submit-btn:hover:before {
  opacity: 1;
}
.search-popup.active {
  background: rgba(0, 0, 0, 0.5607843137);
  visibility: visible;
  opacity: 1;
}
.search-popup.active .search-form {
  visibility: visible;
  opacity: 1;
}
@media all and (max-width: 575px) {
  .search-popup .search-popup .search-form {
    min-width: 362px;
  }
}
@media all and (max-width: 375px) {
  .search-popup .search-popup .search-form {
    min-width: 300px;
  }
}

/************** Theme Light ***************/
body {
  /******* Header Two *****/
  /*************** Header Style 3 ***************/
  /********* Header Style 4 **********/
  /*********** game hosting header **************/
  /************ header 5 ***********/
  /************** Mobile Menu ***************/
}
@media only screen and (max-width: 47.99em) {
  body .header-section {
    background: #ffffff !important;
  }
}
body .topbar p {
  color: #ffffff;
}
body .topbar .topbar-right a {
  color: #ffffff;
}
body .topbar .topbar-right a + a::before {
  background-color: #5673FF;
}
body .topbar .topbar-right a:hover {
  color: #1C40F2;
}
body .nav-wrapper ul li a {
  padding: 10px;
  color: #000;
}
body .nav-wrapper ul li.has-submenu-full-page::after, body .nav-wrapper ul li.has-submenu::after {
  color: #001042;
}
body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper, body .nav-wrapper ul li.has-submenu .submenu-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li, body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item, body .nav-wrapper ul li.has-submenu .submenu-wrapper li, body .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item {
  display: block;
}
body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li a, body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item a, body .nav-wrapper ul li.has-submenu .submenu-wrapper li a, body .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {
  color: #001042;
  border-top: 1px solid #000;
}
body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li a:hover, body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item a:hover, body .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, body .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {
  background: #f6f6f6;
}
body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li .menu-list-wrapper .icon-wrapper, body .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper, body .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, body .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  background: #1C40F2;
  color: #ffffff;
}
body .nav-wrapper ul li.has-submenu-full-page .content-card-additional {
  background-color: #2f2f2f;
}
body .nav-wrapper ul li.has-submenu-full-page .content-card-additional .header-additional h3 {
  color: #fff;
}
body .nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional {
  background-color: #000;
}
body .nav-wrapper ul li:hover::after {
  color: #1C40F2;
}
body .nav-wrapper ul li:hover > a {
  color: #000;
  background-color: #fff;
}
body .content-card-additional {
  background-color: #2f2f2f;
}
body .content-card-additional .header-additional h3 {
  color: #fff;
}
body .content-card-additional .body-additional .card-additional {
  background-color: #000;
}
body .header-right div svg:hover path {
  fill: #FF6E5F;
}
body .header-right div.header-search button {
  background: transparent;
}
body .header-right div.ofcanvus-btns a {
  color: #001042;
}
body .header-right div.ofcanvus-btns a:hover {
  color: #FF6E5F;
}
body .header-right div.next::before {
  background-color: #E8E8E8;
}
body .lang-switcher a {
  color: #001042;
}
body .lang-switcher .dropdown-menu {
  width: 200px;
}
body .lang-switcher ul li a:hover {
  color: #1C40F2;
}
body .header-search-form {
  background: #1C40F2;
}
body #theme-switch {
  background: transparent;
  color: #ffffff;
}
body #theme-switch span, body #theme-switch i {
  color: #1E1E2C;
}
body #theme-switch.active {
  background: #ffffff;
}
body #theme-switch.active span, body #theme-switch.active i {
  color: #1E1E2C;
}
body .header-two {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body .header-two .nav-wrapper ul li.has-submenu::after {
  color: #ffffff;
}
body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper {
  background-color: rgb(43, 18, 190);
}
body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li a, body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {
  color: rgba(255, 255, 255, 0.9);
}
body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {
  background: rgba(0, 25, 151, 0.2901960784);
}
body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  background: #ffffff;
  color: #1C40F2;
}
body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right h6, body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right h6 {
  color: rgba(255, 255, 255, 0.9);
}
body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, body .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span {
  color: rgba(255, 255, 255, 0.9);
}
body .header-two .nav-wrapper ul li a {
  color: #ffffff;
  transition: all 0.3s ease-in;
}
body .header-two .nav-wrapper ul li:hover::after {
  color: #FF6E5F;
}
body .header-two .nav-wrapper ul li:hover > a {
  color: #FF6E5F;
}
body .header-two .header-right .lang-switcher a {
  color: #ffffff;
}
body .header-two .header-right svg path {
  fill: #ffffff;
}
body .header-two .header-right .ofcanvus-btn a {
  color: #ffffff;
}
body .gm-header {
  background: rgba(255, 255, 255, 0.05);
}
body .gm-header .nav-wrapper ul li a {
  color: #ffffff;
  transition: all 0.3s ease-in;
}
body .gm-header .nav-wrapper ul li::after {
  color: #ffffff;
}
body .gm-header .nav-wrapper ul li .submenu-wrapper {
  background: rgb(0, 0, 0);
}
body .gm-header .nav-wrapper ul li .submenu-wrapper li a, body .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a {
  color: #ffffff;
}
body .gm-header .nav-wrapper ul li .submenu-wrapper li a:hover, body .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a:hover {
  background: rgba(0, 25, 151, 0.2901960784);
}
body .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .icon-wrapper, body .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .icon-wrapper {
  background: #ffffff;
  color: #F16262;
}
body .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .menu-list-content-right h6, body .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .menu-list-content-right span, body .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right h6, body .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right span {
  color: #ffffff;
}
body .gm-header .nav-wrapper ul li:hover > a {
  color: #F16262;
}
body .gm-header .nav-wrapper ul li:hover::after {
  color: #F16262;
}
body .gm-header .mobile-menu-toggle {
  background: transparent;
  color: #ffffff;
}
body .gm-header-btn::before {
  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);
}
body .gm-header-btn:hover {
  color: #ffffff;
}
body .header-style-4 {
  background: linear-gradient(27.79deg, rgba(0, 29, 172, 0.8) -148.73%, rgba(0, 15, 87, 0.8) 192.85%);
}
body .header-style-4 .sh-header-cart button .number {
  background: #1C40F2;
}
body .header-style-4 .sh-header-cart::before {
  background: rgba(75, 96, 197, 0.5);
}
body .header-style-4 .sh-header-btn::before {
  background: rgba(75, 96, 197, 0.5);
}
body .nav-menu-4 ul li a {
  color: #ffffff;
}
body .nav-menu-4 ul li .submenu-wrapper {
  background-color: #31439a !important;
}
body .nav-menu-4 ul li .submenu-wrapper li a, body .nav-menu-4 ul li .submenu-wrapper .megamenu-item a {
  color: #ffffff !important;
}
body .nav-menu-4 ul li .submenu-wrapper li a .menu-list-content-right h6, body .nav-menu-4 ul li .submenu-wrapper li a .menu-list-content-right span, body .nav-menu-4 ul li .submenu-wrapper .megamenu-item a .menu-list-content-right h6, body .nav-menu-4 ul li .submenu-wrapper .megamenu-item a .menu-list-content-right span {
  color: #ffffff;
}
body .nav-menu-4 ul li .submenu-wrapper li a:hover, body .nav-menu-4 ul li .submenu-wrapper .megamenu-item a:hover {
  background-color: rgba(0, 25, 151, 0.2) !important;
}
body .nav-menu-4 ul li.has-submenu::after {
  color: #ffffff;
}
body .nav-menu-4 ul li:hover::after {
  color: rgba(255, 255, 255, 0.6);
}
body .nav-menu-4 ul li:hover > a {
  color: rgba(255, 255, 255, 0.6);
}
body .gh-header {
  background: #14161D;
}
body .gh-header .header-search-form {
  background: #FF0766;
}
body .gh-header .header-search-form input {
  background: #14161D;
  color: #ffffff;
}
body .gh-header .header-search-form input[type=submit] {
  background: #33313D;
}
body .gh-header .sh-header-cart button .number {
  background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
}
body .gh-header .outline-btn {
  border-color: #FF0766;
}
body .gh-header .outline-btn:hover {
  background: #FF0766;
  border-color: #FF0766;
}
body .gh-header .nav-menu-4 ul li .submenu-wrapper {
  background: #33313D !important;
}
body .gh-header .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  background: #FF0766;
}
body .header-5 .nav-wrapper ul li a {
  color: #ffffff;
}
body .header-5 .nav-wrapper ul li.has-submenu::after {
  color: #ffffff;
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper {
  background: #00157a;
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a {
  color: #ffffff;
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a .menu-list-content-right h6 {
  color: #ffffff;
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover {
  background: rgba(255, 255, 255, 0.1098039216);
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right h6 {
  color: #ffffff;
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right span {
  color: #ffffff;
}
body .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {
  background: rgba(255, 255, 255, 0.1098039216);
}
body .header-5 .lang-switcher > a {
  color: #ffffff;
}
body .header-5 svg path {
  fill: #ffffff;
}
body .mobile-menu .close-menu {
  background: transparent;
}
body .mobile-menu ul li a {
  color: #001042;
  border-bottom: 1px solid #E8E8E8;
}
body .mobile-menu ul li.has-submenu > a::after {
  color: #001042;
}
body .mobile-menu .contact-social a {
  color: #001042;
}
body .ofcanvus-menu {
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
body .ofcanvus-menu .close-canvus {
  background: transparent;
}
body .ofcanvus-menu .icon-wrapper {
  border: 1px solid #ddd;
}
body .ofcanvus-menu .script-icon {
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
body .ofcanvus-menu .script-icon:hover {
  box-shadow: 0px 0px 15px rgba(120, 120, 120, 0.3);
}
body .ofcanvus-menu .script-icon .script-icon-wrapper {
  color: #001042;
}
body .ofcanvus-menu .mg-item {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
body .ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right span {
  color: #666666;
}
body .ofcanvus-menu .mg-item:hover {
  box-shadow: 0px 0px 15px rgba(120, 120, 120, 0.3);
}
body .sticky-header.header-section {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
body .sticky-header.header-two {
  background-color: rgb(24, 2, 157);
}
body .sticky-header.gm-header {
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 10px 10px 10px rgba(255, 255, 255, 0.05);
}
body .sticky-header.header-5 {
  background-color: #000F57 !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
body .header-6 .header-nav .nav-menu {
  box-shadow: 12px 26px 50px rgba(90, 108, 234, 0.07);
}

/************** Theme Dark ***************/
body.Dark {
  /******* Header Two *****/
  /*************** Header Style 3 ***************/
  /********* Header Style 4 **********/
  /*********** game hosting header **************/
  /************ header 5 ***********/
  /************** Mobile Menu ***************/
}
@media only screen and (max-width: 47.99em) {
  body.Dark .header-section {
    background: #ffffff !important;
  }
}
body.Dark .topbar p {
  color: #ffffff;
}
body.Dark .topbar .topbar-right a {
  color: #ffffff;
}
body.Dark .topbar .topbar-right a + a::before {
  background-color: #5673FF;
}
body.Dark .topbar .topbar-right a:hover {
  color: #1C40F2;
}
body.Dark .nav-wrapper ul li > a {
  color: #001042;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page::after, body.Dark .nav-wrapper ul li.has-submenu::after {
  color: #001042;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li, body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper li, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item {
  display: block;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li a, body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item a, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper li a, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {
  color: #001042;
  border-top: 1px solid #000;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li a:hover, body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item a:hover, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {
  background: #f6f6f6;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper li .menu-list-wrapper .icon-wrapper, body.Dark .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, body.Dark .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  background: #1C40F2;
  color: #ffffff;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .content-card-additional {
  background-color: #2f2f2f;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .content-card-additional .header-additional h3 {
  color: #fff;
}
body.Dark .nav-wrapper ul li.has-submenu-full-page .content-card-additional .body-additional .card-additional {
  background-color: #000;
}
body.Dark .nav-wrapper ul li:hover::after {
  color: #1C40F2;
}
body.Dark .nav-wrapper ul li:hover > a {
  color: #1C40F2;
}
body.Dark .header-right div svg:hover path {
  fill: #FF6E5F;
}
body.Dark .header-right div.header-search button {
  background: transparent;
}
body.Dark .header-right div.ofcanvus-btns a {
  color: #001042;
}
body.Dark .header-right div.ofcanvus-btns a:hover {
  color: #FF6E5F;
}
body.Dark .header-right div.next::before {
  background-color: #E8E8E8;
}
body.Dark .lang-switcher a {
  color: #001042;
}
body.Dark .lang-switcher .dropdown-menu {
  width: 200px;
}
body.Dark .lang-switcher ul li a:hover {
  color: #1C40F2;
}
body.Dark .header-search-form {
  background: #1C40F2;
}
body.Dark #theme-switch {
  background: transparent;
  color: #ffffff;
}
body.Dark #theme-switch span, body.Dark #theme-switch i {
  color: #1E1E2C;
}
body.Dark #theme-switch.active {
  background: #ffffff;
}
body.Dark #theme-switch.active span, body.Dark #theme-switch.active i {
  color: #1E1E2C;
}
body.Dark .header-two {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.Dark .header-two .nav-wrapper ul li.has-submenu::after {
  color: #ffffff;
}
body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper {
  background-color: rgb(43, 18, 190);
}
body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li a, body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a {
  color: rgba(255, 255, 255, 0.9);
}
body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover, body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {
  background: rgba(0, 25, 151, 0.2901960784);
}
body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .icon-wrapper, body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  background: #ffffff;
  color: #1C40F2;
}
body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right h6, body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right h6 {
  color: rgba(255, 255, 255, 0.9);
}
body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, body.Dark .header-two .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span {
  color: rgba(255, 255, 255, 0.9);
}
body.Dark .header-two .nav-wrapper ul li a {
  color: #ffffff;
  transition: all 0.3s ease-in;
}
body.Dark .header-two .nav-wrapper ul li:hover::after {
  color: #FF6E5F;
}
body.Dark .header-two .nav-wrapper ul li:hover > a {
  color: #FF6E5F;
}
body.Dark .header-two .header-right .lang-switcher a {
  color: #ffffff;
}
body.Dark .header-two .header-right svg path {
  fill: #ffffff;
}
body.Dark .header-two .header-right .ofcanvus-btn a {
  color: #ffffff;
}
body.Dark .gm-header {
  background: rgba(255, 255, 255, 0.05);
}
body.Dark .gm-header .nav-wrapper ul li a {
  color: #ffffff;
  transition: all 0.3s ease-in;
}
body.Dark .gm-header .nav-wrapper ul li::after {
  color: #ffffff;
}
body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper {
  background: rgb(0, 0, 0);
}
body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper li a, body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a {
  color: #ffffff;
}
body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper li a:hover, body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a:hover {
  background: rgba(0, 25, 151, 0.2901960784);
}
body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .icon-wrapper, body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .icon-wrapper {
  background: #ffffff;
  color: #F16262;
}
body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .menu-list-content-right h6, body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper li a .menu-list-wrapper .menu-list-content-right span, body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right h6, body.Dark .gm-header .nav-wrapper ul li .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right span {
  color: #ffffff;
}
body.Dark .gm-header .nav-wrapper ul li:hover > a {
  color: #F16262;
}
body.Dark .gm-header .nav-wrapper ul li:hover::after {
  color: #F16262;
}
body.Dark .gm-header .mobile-menu-toggle {
  background: transparent;
  color: #ffffff;
}
body.Dark .gm-header-btn::before {
  background: linear-gradient(96.49deg, #F16262 0%, #3200FF 102.71%);
}
body.Dark .gm-header-btn:hover {
  color: #ffffff;
}
body.Dark .header-style-4 {
  background: linear-gradient(27.79deg, rgba(0, 29, 172, 0.8) -148.73%, rgba(0, 15, 87, 0.8) 192.85%);
}
body.Dark .header-style-4 .sh-header-cart button .number {
  background: #1C40F2;
}
body.Dark .header-style-4 .sh-header-cart::before {
  background: rgba(75, 96, 197, 0.5);
}
body.Dark .header-style-4 .sh-header-btn::before {
  background: rgba(75, 96, 197, 0.5);
}
body.Dark .nav-menu-4 ul li a {
  color: #ffffff;
}
body.Dark .nav-menu-4 ul li .submenu-wrapper {
  background-color: #31439a !important;
}
body.Dark .nav-menu-4 ul li .submenu-wrapper li a, body.Dark .nav-menu-4 ul li .submenu-wrapper .megamenu-item a {
  color: #ffffff !important;
}
body.Dark .nav-menu-4 ul li .submenu-wrapper li a .menu-list-content-right h6, body.Dark .nav-menu-4 ul li .submenu-wrapper li a .menu-list-content-right span, body.Dark .nav-menu-4 ul li .submenu-wrapper .megamenu-item a .menu-list-content-right h6, body.Dark .nav-menu-4 ul li .submenu-wrapper .megamenu-item a .menu-list-content-right span {
  color: #ffffff;
}
body.Dark .nav-menu-4 ul li .submenu-wrapper li a:hover, body.Dark .nav-menu-4 ul li .submenu-wrapper .megamenu-item a:hover {
  background-color: rgba(0, 25, 151, 0.2) !important;
}
body.Dark .nav-menu-4 ul li.has-submenu::after {
  color: #ffffff;
}
body.Dark .nav-menu-4 ul li:hover::after {
  color: rgba(255, 255, 255, 0.6);
}
body.Dark .nav-menu-4 ul li:hover > a {
  color: rgba(255, 255, 255, 0.6);
}
body.Dark .gh-header {
  background: #14161D;
}
body.Dark .gh-header .header-search-form {
  background: #FF0766;
}
body.Dark .gh-header .header-search-form input {
  background: #14161D;
  color: #ffffff;
}
body.Dark .gh-header .header-search-form input[type=submit] {
  background: #33313D;
}
body.Dark .gh-header .sh-header-cart button .number {
  background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
}
body.Dark .gh-header .outline-btn {
  border-color: #FF0766;
}
body.Dark .gh-header .outline-btn:hover {
  background: #FF0766;
  border-color: #FF0766;
}
body.Dark .gh-header .nav-menu-4 ul li .submenu-wrapper {
  background: #33313D !important;
}
body.Dark .gh-header .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .icon-wrapper {
  background: #FF0766;
}
body.Dark .header-5 .nav-wrapper ul li a {
  color: #ffffff;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu::after {
  color: #ffffff;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper {
  background: #00157a;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a {
  color: #ffffff;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a .menu-list-content-right h6 {
  color: #ffffff;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a:hover {
  background: rgba(255, 255, 255, 0.1098039216);
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right h6 {
  color: #ffffff;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a .menu-list-wrapper .menu-list-content-right span {
  color: #ffffff;
}
body.Dark .header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item a:hover {
  background: rgba(255, 255, 255, 0.1098039216);
}
body.Dark .header-5 .lang-switcher > a {
  color: #ffffff;
}
body.Dark .header-5 svg path {
  fill: #ffffff;
}
body.Dark .mobile-menu .close-menu {
  background: transparent;
}
body.Dark .mobile-menu ul li a {
  color: #001042;
  border-bottom: 1px solid #E8E8E8;
}
body.Dark .mobile-menu ul li.has-submenu > a::after {
  color: #001042;
}
body.Dark .mobile-menu .contact-social a {
  color: #001042;
}
body.Dark .ofcanvus-menu {
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
body.Dark .ofcanvus-menu .close-canvus {
  background: transparent;
}
body.Dark .ofcanvus-menu .icon-wrapper {
  border: 1px solid #ddd;
}
body.Dark .ofcanvus-menu .script-icon {
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
body.Dark .ofcanvus-menu .script-icon:hover {
  box-shadow: 0px 0px 15px rgba(120, 120, 120, 0.3);
}
body.Dark .ofcanvus-menu .script-icon .script-icon-wrapper {
  color: #001042;
}
body.Dark .ofcanvus-menu .mg-item {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
body.Dark .ofcanvus-menu .mg-item .mg-item-wrapper .mg-item-content-right span {
  color: #666666;
}
body.Dark .ofcanvus-menu .mg-item:hover {
  box-shadow: 0px 0px 15px rgba(120, 120, 120, 0.3);
}
body.Dark .sticky-header.header-section {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
body.Dark .sticky-header.header-two {
  background-color: rgb(24, 2, 157);
}
body.Dark .sticky-header.gm-header {
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 10px 10px 10px rgba(255, 255, 255, 0.05);
}
body.Dark .sticky-header.header-5 {
  background-color: #000F57 !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
body.Dark .header-6 .header-nav .nav-menu {
  box-shadow: 12px 26px 50px rgba(90, 108, 234, 0.07);
}

/************** Language ***************/
html[lang=ar] {
  /*************** Header Style 3 ***************/
  /********* Header Style 4 **********/
  /************** Mobile Menu ***************/
}
html[lang=ar] .topbar .topbar-right a + a {
  margin-left: 0;
  margin-right: 30px;
}
html[lang=ar] .topbar .topbar-right a + a::before {
  left: initial;
  right: -15px;
}
html[lang=ar] .nav-wrapper nav {
  text-align: left;
}
html[lang=ar] .nav-wrapper nav > ul {
  text-align: right;
}
html[lang=ar] .nav-wrapper ul li.has-submenu-full-page::after, html[lang=ar] .nav-wrapper ul li.has-submenu::after {
  right: initial;
  left: 2px;
}
html[lang=ar] .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper, html[lang=ar] .nav-wrapper ul li.has-submenu .submenu-wrapper {
  left: initial;
  right: 0;
  text-align: right;
}
html[lang=ar] .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper.theme-megamenu, html[lang=ar] .nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
  left: initial;
  right: -225px;
}
html[lang=ar] .nav-wrapper ul li.has-submenu-full-page.has-megamenu-list .submenu-wrapper, html[lang=ar] .nav-wrapper ul li.has-submenu.has-megamenu-list .submenu-wrapper {
  left: initial;
  right: -200px;
}
html[lang=ar] .nav-wrapper ul li.has-submenu-full-page .submenu-wrapper.theme-megamenu {
  right: initial;
  left: 0;
}
html[lang=ar] .header-right div.next {
  margin-left: 0;
  margin-right: 20px;
}
html[lang=ar] .header-right div.next::before {
  left: initial;
  right: -10px;
}
html[lang=ar] .gm-header .nav-wrapper {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .gm-header .nav-wrapper ul li::after {
  right: initial;
  left: 5px;
}
html[lang=ar] .gm-header-btn::before {
  left: initial;
  right: 15px;
}
html[lang=ar] .header-style-4 .sh-header-cart button .number {
  right: initial;
  left: -10px;
}
html[lang=ar] .header-style-4 .sh-header-cart::before {
  left: initial;
  right: -15px;
}
html[lang=ar] .header-style-4 .sh-header-btn::before {
  left: initial;
  right: -20px;
}
html[lang=ar] .nav-menu-4 {
  text-align: left;
  padding-right: 0;
  padding-left: 60px;
}
html[lang=ar] .mobile-menu {
  left: initial;
  right: -320px;
}
html[lang=ar] .mobile-menu .close-menu {
  right: initial;
  left: 20px;
}
html[lang=ar] .mobile-menu ul li ul {
  padding-left: 0;
  padding-right: 10px;
}
html[lang=ar] .mobile-menu ul li.has-submenu > a {
  position: relative;
}
html[lang=ar] .mobile-menu ul li.has-submenu > a::after {
  right: initial;
  left: 0;
}
html[lang=ar] .mobile-menu ul li.has-submenu > a.icon-rotate::after {
  transform: rotate(90deg);
}
html[lang=ar] .mobile-menu .contact-social a {
  margin-right: 0;
  margin-left: 6px;
}
html[lang=ar] .mobile-menu.active {
  left: initial;
  right: 0;
}
html[lang=ar] .ofcanvus-menu {
  right: initial;
  left: -580px;
}
html[lang=ar] .ofcanvus-menu .close-canvus {
  right: initial;
  left: 20px;
}
html[lang=ar] .ofcanvus-menu.active {
  right: initial;
  left: 20px;
}
html[lang=ar] .sticky-header {
  left: initial;
  right: 0;
}

.BreadCramp {
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: end;
  min-height: 460px;
  position: relative;
  padding: 200px 0;
}
.BreadCramp__Container {
  position: relative;
  z-index: 1;
  text-align: center;
}
.BreadCramp:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
}
.BreadCramp h2 {
  line-height: 55px;
  font-weight: 600;
  font-size: 45px;
  text-transform: capitalize;
}
.BreadCramp .bread-crumb {
  position: relative;
  margin-top: 20px;
}
.BreadCramp .bread-crumb li {
  position: relative;
  font-weight: 400;
  display: inline-block;
  text-transform: capitalize;
  font-size: 16px;
  margin-right: 15px;
  padding-right: 15px;
}
.BreadCramp .bread-crumb li:before {
  position: absolute;
  right: -6px;
  top: 0px;
  font-weight: 700;
  content: "\f105";
  font-family: "Font Awesome 6 free";
}
.BreadCramp .bread-crumb li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.BreadCramp .bread-crumb li:last-child:before {
  display: none;
}
.BreadCramp .bread-crumb li a {
  color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (max-width: 1023px) {
  .BreadCramp {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 599px) {
  .BreadCramp {
    padding: 80px 0;
  }
}

html[lang=ar] .BreadCramp .bread-crumb li {
  margin-right: 0;
  padding-right: 0;
  margin-left: 15px;
  padding-left: 15px;
}
html[lang=ar] .BreadCramp .bread-crumb li:before {
  right: initial;
  left: -6px;
  transform: rotate(180deg);
}
html[lang=ar] .BreadCramp .bread-crumb li:last-child {
  margin-left: 0;
  padding-left: 0;
}

body .BreadCramp {
  background-color: #f8f8f8;
}
body .BreadCramp:before {
  background-color: rgb(0, 6, 17);
}
body .BreadCramp h2 {
  color: #fff;
}
body .BreadCramp .bread-crumb li {
  color: #fff;
}
body .BreadCramp .bread-crumb li:before {
  color: #fff;
}
body .BreadCramp .bread-crumb li a {
  color: #fff;
}
body .BreadCramp .bread-crumb li a:hover {
  color: #0b5adb;
}

.pr3-headline h1,
.pr3-headline h2,
.pr3-headline h3,
.pr3-headline h4,
.pr3-headline h5,
.pr3-headline h6 {
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  text-transform: none;
  line-height: 1.25;
  margin-bottom: 0;
}

.pr3-headline h3 {
  font-size: 36px;
}

@media (max-width: 767.98px) {
  .pr3-headline h3 {
    font-size: 30px;
  }
}
.pr3-headline h5 {
  font-size: 22px;
}

.pr3-headline h6 {
  font-size: 18px;
}

.Section__Title {
  margin-bottom: 40px;
}
.Section__Title span {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 6px;
  display: inline-block;
}
.Section__Title h3 {
  margin-bottom: 20px;
}
.Section__Title .Description p {
  font-size: 16px;
}

body .pr3-headline h1,
body .pr3-headline h2,
body .pr3-headline h3,
body .pr3-headline h4,
body .pr3-headline h5,
body .pr3-headline h6 {
  color: #1a0b60;
}
body .Section:nth-child(odd):not(#SliderSection) {
  background-color: #f0f0f0;
}
body .Section:nth-child(even):not(#SliderSection) {
  background-color: #e4e4e4;
}
body .Section__Title span {
  color: #497efd;
}
body .Section__Title .Description p {
  color: #666;
}
body .Section--CommentSection .Section__Title span, body .Section--CommentSection .Section__Title h3 {
  color: #fff;
}
body .Section--CommentSection .Section__Title .Description p {
  color: #fff;
}
body .Section--ContractForm {
  background-color: #f8f9fa;
}

body.Dark .pr3-headline h1,
body.Dark .pr3-headline h2,
body.Dark .pr3-headline h3,
body.Dark .pr3-headline h4,
body.Dark .pr3-headline h5,
body.Dark .pr3-headline h6 {
  color: #fff;
}
body.Dark .Section:nth-child(odd):not(#SliderSection) {
  background-color: #000;
}
body.Dark .Section:nth-child(even):not(#SliderSection) {
  background-color: #2d2d2d;
}
body.Dark .Section__Title span {
  color: #497efd;
}
body.Dark .Section__Title .Description p {
  color: #b3b3b3;
}
body.Dark .Section--CommentSection .Section__Title span, body.Dark .Section--CommentSection .Section__Title h3 {
  color: #fff;
}
body.Dark .Section--CommentSection .Section__Title .Description p {
  color: #fff;
}
body.Dark .Section--ContractForm {
  background-color: #121212;
}

.saasio-blog-sidebar {
  padding-left: 30px;
  font-size: 16px;
}
.saasio-blog-sidebar img {
  max-width: 100%;
  height: 100%;
}
.saasio-blog-sidebar .ul-li ul {
  margin: 0;
  padding: 0;
}
.saasio-blog-sidebar .ul-li ul li {
  list-style: none;
  display: inline-block;
}
.saasio-blog-sidebar .ul-li-block ul {
  margin: 0;
  padding: 0;
}
.saasio-blog-sidebar .ul-li-block ul li {
  list-style: none;
  display: block;
}
.saasio-blog-sidebar .side-bar-widget {
  margin-bottom: 60px;
}
.saasio-blog-sidebar .side-bar-widget li a {
  width: 100%;
  display: block;
  font-family: "Poppins";
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.saasio-blog-sidebar .side-bar-widget li a span {
  float: right;
}
.saasio-blog-sidebar .side-bar-widget li:last-child a {
  border-bottom: 0;
}
.saasio-blog-sidebar .side-bar-widget .search-widget input {
  height: 50px;
  width: 100%;
  border: none;
  padding-left: 15px;
}
.saasio-blog-sidebar .side-bar-widget .search-widget button {
  top: 0;
  right: 0;
  width: 50px;
  border: none;
  height: 50px;
  position: absolute;
}
.saasio-blog-sidebar .widget-title-2 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}
.saasio-blog-sidebar .recent-post-img-text {
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.saasio-blog-sidebar .recent-post-img-text:last-child {
  border-bottom: none;
}
.saasio-blog-sidebar .recent-post-img-text .recent-post-img {
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin-right: 15px;
}
.saasio-blog-sidebar .recent-post-img-text .recent-post-text h3 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 5px;
}
.saasio-blog-sidebar .recent-post-img-text .rec-post-meta a {
  font-size: 14px;
}
.saasio-blog-sidebar .popular-widget a {
  font-weight: 600;
  padding: 10px 15px;
  margin: 3px;
  float: left;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .saasio-blog-sidebar .saasio-blog-sidebar {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .saasio-blog-sidebar .saasio-blog-sidebar {
    margin-top: 30px;
  }
}
@media screen and (max-width: 380px) {
  .saasio-blog-sidebar .saasio-blog-sidebar {
    padding-left: 30px;
  }
  .saasio-blog-sidebar .saasio-blog-sidebar .widget-title-2 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px;
  }
}

html[lang=ar] .saasio-blog-sidebar {
  padding-right: 30px;
  padding-left: 0;
}
html[lang=ar] .saasio-blog-sidebar .side-bar-widget li a span {
  float: left;
}
html[lang=ar] .saasio-blog-sidebar .side-bar-widget .search-widget input {
  padding-left: 0;
  padding-right: 15px;
}
html[lang=ar] .saasio-blog-sidebar .side-bar-widget .search-widget button {
  right: initial;
  left: 0;
}
html[lang=ar] .saasio-blog-sidebar .recent-post-img-text .recent-post-img {
  margin-right: 0;
  margin-left: 15px;
}
html[lang=ar] .saasio-blog-sidebar .popular-widget a {
  float: right;
}
@media screen and (max-width: 991px) {
  html[lang=ar] .saasio-blog-sidebar .saasio-blog-sidebar {
    padding-right: 0;
  }
}
@media screen and (max-width: 380px) {
  html[lang=ar] .saasio-blog-sidebar .saasio-blog-sidebar {
    padding-right: 30px;
  }
}

body .saasio-blog-sidebar {
  color: #212529;
}
body .saasio-blog-sidebar .side-bar-widget {
  margin-bottom: 60px;
}
body .saasio-blog-sidebar .side-bar-widget li a {
  border-bottom: 1px solid #e8d8d8;
}
body .saasio-blog-sidebar .side-bar-widget .search-widget input {
  background-color: #e6e6e6;
}
body .saasio-blog-sidebar .side-bar-widget .search-widget button {
  color: #fff;
  background-color: #6c2b95;
}
body .saasio-blog-sidebar .recent-post-img-text {
  border-bottom: 1px solid #e8d8d8;
}
body .saasio-blog-sidebar .recent-post-img-text .recent-post-text h3 .rec-post-meta {
  color: #9e9e9b;
}
body .saasio-blog-sidebar .popular-widget a {
  color: #fff;
  background-color: #6c2b95;
}

body.Dark .saasio-blog-sidebar {
  color: #212529;
}
body.Dark .saasio-blog-sidebar .ul-li-block ul li {
  color: #b3b3b3;
}
body.Dark .saasio-blog-sidebar .side-bar-widget {
  margin-bottom: 60px;
}
body.Dark .saasio-blog-sidebar .side-bar-widget li a {
  border-bottom: 1px solid #e8d8d8;
}
body.Dark .saasio-blog-sidebar .side-bar-widget .search-widget input {
  background-color: #e6e6e6;
}
body.Dark .saasio-blog-sidebar .side-bar-widget .search-widget button {
  color: #fff;
  background-color: #6c2b95;
}
body.Dark .saasio-blog-sidebar .widget-title-2 {
  color: #fff;
}
body.Dark .saasio-blog-sidebar .recent-post-img-text {
  border-bottom: 1px solid #e8d8d8;
}
body.Dark .saasio-blog-sidebar .recent-post-img-text .recent-post-text h3 {
  color: #fff;
}
body.Dark .saasio-blog-sidebar .recent-post-img-text .rec-post-meta {
  color: #b3b3b3;
}
body.Dark .saasio-blog-sidebar .popular-widget a {
  color: #fff;
  background-color: #6c2b95;
}

/* Pages */
.auth-login, .auth-register,
.auth-forget-pass, .auth-rest-pass,
.auth-verify-email {
  font-size: 16px;
  min-height: 100vh;
}
.auth-login::before, .auth-register::before,
.auth-forget-pass::before, .auth-rest-pass::before,
.auth-verify-email::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(95.45deg, #052968 0.64%, #021d9f 98.23%);
  z-index: -1;
  opacity: 90%;
}
.auth-login .auth-form, .auth-register .auth-form,
.auth-forget-pass .auth-form, .auth-rest-pass .auth-form,
.auth-verify-email .auth-form {
  background: #fafafa;
  padding: 40px;
  border-radius: 6px;
  margin-top: 90px;
}
.auth-login .auth-form .form-header, .auth-register .auth-form .form-header,
.auth-forget-pass .auth-form .form-header, .auth-rest-pass .auth-form .form-header,
.auth-verify-email .auth-form .form-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.auth-login .link-page, .auth-register .link-page,
.auth-forget-pass .link-page, .auth-rest-pass .link-page,
.auth-verify-email .link-page {
  font-size: 15px;
  color: #505050;
}

.signup-form-wrapper form label {
  display: block;
  color: #001042;
  font-weight: 500;
}
.signup-form-wrapper form input {
  width: 100%;
  padding: 12px 15px 12px 40px;
  border: 1px solid rgba(221, 221, 221, 0.485);
  margin-top: 6px;
  border-radius: 4px;
  position: relative;
}
.signup-form-wrapper form .input-field {
  position: relative;
  margin-bottom: 20px;
}
.signup-form-wrapper form .input-field span {
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 2;
  color: rgba(89, 79, 79, 0.5411764706);
}
.signup-form-wrapper form .checkbox-wraper input {
  width: auto;
  margin-top: 0;
}
.signup-form-wrapper form input[type=submit] {
  margin-top: 40px;
  background: #1C40F2;
  border: 0;
  color: #fff;
}
.signup-form-wrapper .api-signup-btns a {
  color: #fff;
  margin-right: 15px;
  margin-bottom: 15px;
}
.signup-form-wrapper .api-signup-btns a i {
  margin-right: 8px;
}
.signup-form-wrapper .api-signup-btns .btn-facebook {
  background: #3F6DC7;
}
.signup-form-wrapper .api-signup-btns .btn-twitter {
  background: #009DED;
}
.signup-form-wrapper .api-signup-btns .btn-linkedin {
  background: #0077B5;
}

.signup-form-spacer h6::before {
  content: "";
  position: absolute;
  right: calc(100% + 20px);
  bottom: 10px;
  width: 200px;
  height: 1px;
  background: rgba(29, 23, 23, 0.0823529412);
}
.signup-form-spacer h6::after {
  content: "";
  position: absolute;
  left: calc(100% + 20px);
  bottom: 10px;
  width: 200px;
  height: 1px;
  background: rgba(29, 23, 23, 0.0823529412);
}

html[lang=ar] .signup-area::before {
  left: initial;
  right: 0;
}
html[lang=ar] .signup-form-wrapper form input {
  padding: 12px 40px 12px 15px;
}
html[lang=ar] .signup-form-wrapper form .input-field span {
  right: 15px;
  left: initial;
}
html[lang=ar] .signup-form-wrapper .api-signup-btns a {
  margin-right: 0;
  margin-left: 15px;
}
html[lang=ar] .signup-form-wrapper .api-signup-btns a i {
  margin-right: 0;
  margin-left: 8px;
}
html[lang=ar] .signup-form-spacer h6::before {
  left: calc(100% + 20px);
  right: initial;
}
html[lang=ar] .signup-form-spacer h6::after {
  right: calc(100% + 20px);
  left: initial;
}

.SliderHome {
  position: relative;
}
.SliderHome img {
  width: 100%;
  height: auto;
}
.SliderHome .slider-two_image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 6000ms linear;
  -moz-transition: all 6000ms linear;
  -ms-transition: all 6000ms linear;
  -o-transition: all 6000ms linear;
  transition: all 6000ms linear;
}
.SliderHome .active .slider-two_image-layer {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.SliderHome .active .slider-two_image-layer:hover {
  animation-play-state: paused;
  cursor: pointer;
}
.SliderHome .slider-two_pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #000;
  background-position: left top;
  background-repeat: no-repeat;
}
.SliderHome .slide {
  position: relative;
  padding: 150px 0px 220px;
}
.SliderHome .owl-dots {
  display: none;
}
.SliderHome .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  opacity: 0;
  right: 0px;
  width: 100%;
  z-index: 10;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}
.SliderHome .slider-two:hover .owl-nav {
  opacity: 1;
}
.SliderHome .owl-nav .owl-prev {
  position: absolute;
  left: 30px;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  font-family: "Font Awesome 6 free";
}
.SliderHome .owl-item {
  overflow: hidden;
}
.SliderHome .owl-nav .owl-next {
  position: absolute;
  right: 30px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  font-size: 20px;
  transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  font-family: "Font Awesome 6 free";
}
.SliderHome .slider-two-content {
  position: relative;
  z-index: 1;
}
.SliderHome .slider-two_inner {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 47.99em) {
  .SliderHome .slider-two_inner {
    width: 75%;
  }
}
@media only screen and (max-width: 47.99em) {
  .SliderHome .slider-two_inner {
    width: 100%;
  }
}
.SliderHome .slider-two_title {
  opacity: 0;
  transform: scale(1, 0.2);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  font-weight: 700;
  padding: 10px 26px;
  display: inline-block;
  font-size: 22px;
  font-family: "Rubik", sans-serif;
}
.SliderHome .active .slider-two_title {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.SliderHome .slider-two_heading {
  opacity: 0;
  transform: scale(1, 0.2);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  font-weight: 700;
  margin-top: 30px;
  font-family: "Inter", sans-serif;
}
.SliderHome .active .slider-two_heading {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}
.SliderHome .slider-two_text {
  opacity: 0;
  transform: scale(1, 0.2);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  font-weight: 400;
  line-height: 30px;
  font-size: 20px;
  margin-top: 20px;
  font-family: "Rubik", sans-serif;
  margin-bottom: 40px;
}
.SliderHome .active .slider-two_text {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms;
}
.SliderHome .slider-two_button-box {
  position: relative;
  opacity: 0;
  transform: scale(1, 0.2);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}
.SliderHome .active .slider-two_button-box {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.Section--About {
  padding: 100px 0;
  position: relative;
  font-size: 16px;
}
.Section--About img {
  width: 100%;
  height: auto;
}
.Section--About .pr3-left-shape {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 120px;
  display: inline-block;
  z-index: -1;
  -webkit-animation: 3s pr3_object_animation linear infinite;
  animation: 3s pr3_object_animation linear infinite;
}
.Section--About .pr3-right-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  -webkit-animation: 6s pr3_object_animation linear infinite;
  animation: 6s pr3_object_animation linear infinite;
}
.Section--About .pr3-about-left {
  padding-right: 30px;
}
@media (max-width: 991.98px) {
  .Section--About .pr3-about-right {
    margin-top: 60px;
  }
}
.Section--About .pr3-about-right .pr3-about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.Section--About .pr3-about-right .pr3-about-list + .pr3-about-list {
  margin-top: 20px;
}
.Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper {
  margin-right: 20px;
}
.Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper i {
  width: 60px;
  height: 60px;
  font-size: 36px;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Section--About .pr3-about-right .pr3-about-list .pr3-headline {
  margin-bottom: 6px;
}
.Section--About .pr3-about-right .pr3-about-btns {
  margin-top: 40px;
}
@media (max-width: 460px) {
  .Section--About .pr3-about-right .pr3-about-btns a {
    margin-top: 20px;
  }
}
.Section--About .pr3-about-right .pr3-about-btns a:first-child {
  margin-right: 20px;
}
.Section--About .pr3-about-right .pr3-about-btns .pr3-contact-btn {
  width: 168px;
  height: 53px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.Section--About .pr3-about-right .pr3-about-btns .pr3-contact-btn::after {
  opacity: 1;
}
.Section--About .pr3-about-right .pr3-about-btns .pr3-contact-btn:hover::after {
  opacity: 0;
}
.Section--WhyUs {
  padding: 60px 0 30px;
  position: relative;
}
.Section--WhyUs img {
  width: 100%;
  height: auto;
}
.Section--WhyUs .pr3-workflow-shape {
  position: absolute;
  right: 0;
  bottom: -100px;
  width: 300px;
}
.Section--WhyUs .pr3-workflow-list {
  padding-right: 100px;
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item + .pr3-workflow-item {
  margin-top: 30px;
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item .pr3-icon-wrapper {
  margin-right: 30px;
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item .pr3-icon-wrapper i {
  width: 70px;
  height: 70px;
  background-image: -webkit-linear-gradient(115deg, #ff4a9f 0%, #ffceec 100%);
  background-image: -o-linear-gradient(115deg, #ff4a9f 0%, #ffceec 100%);
  background-image: linear-gradient(-25deg, #ff4a9f 0%, #ffceec 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 36px;
  border-radius: 6px;
  color: #ffffff;
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item .pr3-item-content .pr3-headline {
  margin-bottom: 10px;
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item.color-2 .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #8a6eff 4%, #b9a1ff 78%);
  background-image: -o-linear-gradient(115deg, #8a6eff 4%, #b9a1ff 78%);
  background-image: linear-gradient(-25deg, #8a6eff 4%, #b9a1ff 78%);
}
.Section--WhyUs .pr3-workflow-list .pr3-workflow-item.color-3 .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #01ce92 0%, #58ff83 100%);
  background-image: -o-linear-gradient(115deg, #01ce92 0%, #58ff83 100%);
  background-image: linear-gradient(-25deg, #01ce92 0%, #58ff83 100%);
}
@media (max-width: 991.98px) {
  .Section--WhyUs .pr3-workflow-right {
    margin-top: 60px;
  }
}
@media (max-width: 991.98px) {
  .Section--WhyUs {
    padding-top: 100px;
  }
}
@media (max-width: 4808px) {
  .Section--WhyUs .pr3-workflow-list {
    padding-right: 0;
  }
}
.Section--OurFeature {
  z-index: 1;
  overflow: visible;
  padding: 95px 0 0;
}
.Section--OurFeature .it-nw-ft-bg {
  left: 0;
  right: 0;
  top: 30px;
  z-index: -1;
}
.Section--OurFeature .it-nw-ft-bg img {
  max-width: 100%;
  height: auto;
}
.Section--OurFeature .it-nw-feature-content {
  padding-bottom: 90px;
}
.Section--OurFeature .it-nw-fun-fact-innerbox .it-nw-fun-fact-icon i, .Section--OurFeature .it-nw-why-choose-feature-list .it-nw-why-choose-feature-icon i, .Section--OurFeature .it-nw-service-innerbox .it-nw-service-inner-icon i, .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon i, .Section--OurFeature .it-nw-banner-btn .it-nw-banner-video a i {
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Section--OurFeature .it-nw-copyright-wrap, .Section--OurFeature .it-nw-testimonial-innerbox .it-nw-testimonial-img, .Section--OurFeature .it-nw-testimonial-innerbox, .Section--OurFeature .it-nw-fun-fact-content, .Section--OurFeature .it-nw-why-choose-feature-list, .Section--OurFeature .it-nw-service-innerbox, .Section--OurFeature .it-nw-about-cta .it-nw-ab-cta-icon, .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon {
  border-radius: 7px;
  border-top-right-radius: 0;
}
.Section--OurFeature .it-nw-feature-innerbox {
  padding: 70px 15px 30px;
  margin-bottom: 6rem;
  border-radius: 10px;
}
.Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon {
  left: 0;
  right: 0;
  z-index: 1;
  top: -42px;
  width: 80px;
  height: 85px;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon i {
  line-height: 0.8;
  font-size: 45px;
}
.Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon:after {
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  z-index: -1;
  height: 0%;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-text h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}
.Section--OurFeature .it-nw-feature-innerbox:hover .it-nw-feature-inner-icon:after {
  height: 100%;
}
.Section--OurFeature .it-nw-feature-innerbox:hover .it-nw-feature-inner-icon i {
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Section--CommentSection {
  position: relative;
  z-index: 1;
  padding: 100px 0 50px;
  width: 100%;
  font-size: 16px;
  overflow: hidden;
}
.Section--CommentSection img {
  display: block;
  width: 100%;
  transform-style: preserve-3d;
  max-width: 100%;
  height: auto;
}
.Section--CommentSection .TeamCommentCarousel .owl-item {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.Section--CommentSection .TeamCommentCarousel .owl-item.active {
  opacity: 1;
}
.Section--CommentSection .TeamCommentCarousel .owl-nav {
  text-align: center;
  margin-top: 30px;
}
.Section--CommentSection .TeamCommentCarousel .owl-stage-outer {
  overflow: visible;
}
.Section--CommentSection .it-nx-testimonial-content {
  padding-top: 75px;
}
.Section--CommentSection .owl-stage {
  display: flex;
}
.Section--CommentSection .it-nw-testimonial-innerbox {
  padding: 30px 15px 30px 15px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
  height: 80px;
  width: 80px;
  position: static;
  margin-right: 15px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img-name {
  padding-left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-name h3 {
  font-size: 16px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-text {
  margin-top: 15px;
}
.Section--CommentSection:not(.no-bg):before {
  top: 0;
  z-index: -1;
  right: 0;
  content: "";
  width: 100%;
  height: 460px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/section/CommentTeam.jpg);
}
.Section--CommentSection .it-nw-testi-shape {
  left: 0;
  bottom: -330px;
  z-index: 0;
  opacity: 0.07;
  width: 30%;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img,
.Section--CommentSection .it-nw-testimonial-innerbox {
  border-radius: 7px;
  border-top-right-radius: 0;
}
.Section--CommentSection .it-nw-testimonial-innerbox {
  padding: 40px 30px 40px 40px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img-name {
  padding-left: 150px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
  left: 40px;
  top: -40px;
  width: 120px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  margin-right: 30px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-name h3 {
  font-size: 24px;
  font-weight: 700;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-rate {
  font-weight: 600;
  padding-top: 15px;
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-rate i {
  margin-right: 5px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-text {
  margin-top: 26px;
}
@media screen and (max-width: 1280px) {
  .Section--CommentSection {
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  .Section--CommentSection .it-nw-testimonial-innerbox {
    padding: 30px 15px 30px 15px;
  }
  .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
    height: 80px;
    width: 80px;
    position: static;
    margin-right: 15px;
  }
  .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img-name {
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-name h3 {
    font-size: 16px;
  }
  .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-text {
    margin-top: 15px;
  }
}
.Section--ProjectTeam {
  overflow: visible;
  padding: 110px 0;
  font-size: 16px;
}
.Section--ProjectTeam img {
  max-width: 100%;
  height: auto;
}
.Section--ProjectTeam .it-nw-team-shape {
  left: 0;
  top: 0;
}
.Section--ProjectTeam .it-nw-team-content {
  padding-top: 50px;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-img {
  overflow: hidden;
  border-top-left-radius: 8px;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-img .it-nw-tm-shape {
  left: 0;
  opacity: 0;
  bottom: -50px;
  visibility: hidden;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0px 5px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  background-color: #fff;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text {
  position: relative;
  padding: 30px 10px;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text h3 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 5px;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text span {
  font-weight: 600;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a {
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  opacity: 0;
  bottom: 0px;
  visibility: hidden;
  margin: 0 auto;
  position: absolute;
  border-radius: 100%;
  transition: all 0.3s;
}
.Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a:hover {
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}
.Section--ProjectTeam .it-nw-team-innerbox:hover .it-nw-team-social {
  opacity: 1;
  bottom: 30px;
  visibility: visible;
}
.Section--ProjectTeam .it-nw-team-innerbox:hover .it-nw-tm-shape {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.Section--ProjectTeam .it-nw-team-innerbox:hover .it-nw-tm-link a {
  opacity: 1;
  bottom: -20px;
  visibility: visible;
}
.Section--ProjectTeam .it-nw-team-innerbox {
  margin: 0 auto;
  max-width: 270px;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .Section--ProjectTeam .it-nw-team-section {
    padding: 60px 0px;
  }
}
.Section--Partner {
  padding: 100px 0;
}
.Section--Partner .owl-carousel {
  overflow: hidden;
}
.Section--Partner .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.Section--Partner .owl-carousel .owl-nav {
  text-align: center;
  margin-top: 30px;
}
.Section--Partner .pr3-brand-slider {
  margin-top: 30px;
}
.Section--Partner .pr3-brand-slider .slick-list {
  margin: 0 -15px;
  padding: 30px 0;
}
.Section--Partner .pr3-brand-slider .slick-slide {
  margin: 0 15px;
}
.Section--Partner .pr3-brand-slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  z-index: 1;
}
.Section--Partner .pr3-brand-slider .slick-next {
  left: auto;
  right: 0;
}
.Section--Partner .pr3-brand-slider .pr3-brand-single {
  padding: 20px;
  text-align: center;
  height: auto;
  margin: 0 15px;
}
.Section--Partner .pr3-brand-slider .pr3-brand-single img {
  width: 90px;
  display: inline-block;
}
.Section--Contact {
  position: relative;
  padding: 110px 0;
}
.Section--Contact img {
  width: 100%;
  height: auto;
}
.Section--Contact .pr3-get-net-shape {
  position: absolute;
  width: 850px;
  top: -100px;
  left: 0;
  z-index: 2;
}
.Section--Contact .pr3-get-right {
  position: relative;
}
@media (max-width: 991.98px) {
  .Section--Contact .pr3-get-right {
    margin-top: 60px;
  }
}
@media (max-width: 575.98px) {
  .Section--Contact .pr3-get-right {
    display: none;
  }
}
.Section--Contact .pr3-get-right .pr3-get-circle {
  width: 400px;
  -webkit-animation: 60s pr3_rotate_animation linear infinite;
  animation: 60s pr3_rotate_animation linear infinite;
}
.Section--Contact .pr3-get-right .pr3-get-vector-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
}
.Section--StatisticSection {
  position: relative;
  padding: 0 0 80px 0;
}
.Section--StatisticSection .counter-two_inner-container {
  position: relative;
  text-align: center;
  padding: 65px 80px 65px;
  background-size: cover;
}
.Section--StatisticSection .counter-two_pattern-one {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 159px;
  height: 158px;
  z-index: 2;
  overflow: hidden;
  border-radius: 0px 0px 0px 10px;
  background-repeat: no-repeat;
}
.Section--StatisticSection .counter-two_pattern-two {
  position: absolute;
  left: -10px;
  bottom: -40px;
  width: 182px;
  height: 99px;
  z-index: 2;
  background-repeat: no-repeat;
}
.Section--StatisticSection .counter-two_pattern-three {
  position: absolute;
  right: 5px;
  z-index: 2;
  top: -50px;
  width: 99px;
  height: 182px;
  background-repeat: no-repeat;
}
.Section--StatisticSection .counter-two_image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  border-radius: 10px;
  background-size: cover;
}
.Section--StatisticSection .counter-two_image-layer:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  z-index: 1;
  right: 0px;
  bottom: 0px;
  opacity: 0.8;
  background: rgb(113, 20, 239);
  background: linear-gradient(to top left, rgb(20, 117, 247) 0%, rgb(113, 20, 239) 100%);
}
.Section--StatisticSection .counter-two_heading {
  position: relative;
  font-weight: 700;
  z-index: 1;
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-bottom: 40px;
  font-family: "Fira Sans", sans-serif;
}
.Section--StatisticSection .counter-two_block {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.Section--StatisticSection .counter-two_counter {
  position: relative;
  line-height: 1em;
  font-size: 55px;
  color: rgb(0, 216, 255);
}
.Section--StatisticSection .counter-two_text {
  position: relative;
  line-height: 28px;
  padding: 0px 30px;
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
}
.Section--StatisticSection .counter-two_text {
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: rgb(233, 241, 255);
}
.Section--StatisticSection .counter-two_text a {
  position: relative;
  font-weight: 700;
  color: #000;
  text-decoration: underline;
}
.Section--StatisticSection .counter-two_pattern-two {
  animation-name: float_left_right_two;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_left_right_two;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float_left_right_two;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float_left_right_two;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float_left_right_two;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.Section--StatisticSection .counter-two_pattern-three {
  animation-name: float_up_down;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float_up_down;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float_up_down;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float_left_right;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.Section--PricesSection {
  position: relative;
  padding: 40px 0;
}
.Section--FAQ {
  padding: 100px 0;
  font-size: 16px;
}
.Section--FAQ .pr3-accordion {
  margin-top: 40px;
}
.Section--FAQ .pr3-accordion .card {
  border: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.Section--FAQ .pr3-accordion .card .card-header {
  border: 0;
  background-color: #f2f3f8;
  padding: 0;
  border-radius: 3px;
}
.Section--FAQ .pr3-accordion .card .card-header a {
  cursor: pointer;
  display: block;
  padding: 15px 12px;
  padding-right: 40px;
  color: #1a0b60;
  font-weight: 700;
  font-family: "Lexend", sans-serif;
  position: relative;
}
.Section--FAQ .pr3-accordion .card .card-header a.faq-anchor {
  transition: all 0.2s;
}
.Section--FAQ .pr3-accordion .card .card-header a.faq-anchor::after {
  content: "\f06e";
  transition: all 0.2s;
  font-family: "Font Awesome 6 free";
}
.Section--FAQ .pr3-accordion .card .card-header a::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 12px;
  font-weight: 700;
  color: #1a0b60;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.Section--FAQ .pr3-accordion .card + .card {
  margin-top: 20px;
}
.Section--FAQ .pr3-accordion .card:first-of-type {
  border-bottom: 1px solid #e7e7e7;
}
.Section--FAQ .pr3-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}
.Section--FAQ .pr3-accordion .card-header a[aria-expanded=true] {
  background-image: linear-gradient(-25deg, #5500f4 0%, #4880fd 100%);
  border-radius: 3px;
  color: #ffffff;
}
.Section--FAQ .pr3-accordion .card-header a[aria-expanded=true]::after {
  content: "-";
}
.Section--FAQ .card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
.Section--FAQ .pr3-faq-right {
  padding-left: 20px;
}
.Section--FAQ .pr3-faq-right img {
  width: 100%;
  height: auto;
}
@media (max-width: 991.98px) {
  .Section--FAQ .pr3-faq-right {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .Section--FAQ .it-nw-faq-content {
    padding: 50px 0px 95px;
  }
}
.Section--Blog {
  z-index: 1;
  padding: 95px 0px 110px;
}
.Section--Blog .it-nw-blog-top-wrap {
  margin-bottom: 40px;
}
.Section--WorkProcess {
  padding: 100px 0;
}
.Section--WorkProcess .pr3-work-content {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .Section--WorkProcess .pr3-work-content .pr3-work-column {
    margin-bottom: 30px;
  }
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left {
  margin-right: 30px;
  position: relative;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -17px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  opacity: 0.9;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right {
  width: 100%;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4 {
  margin-bottom: 10px;
  position: relative;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 2px;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4 span {
  margin-left: 6px;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right span {
  font-weight: 700;
  font-family: "Lexend", sans-serif;
  text-transform: capitalize;
  font-size: 16px;
}
.Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-pera-txt {
  margin-top: 20px;
}
@media (max-width: 991.98px) {
  .Section--WorkProcess {
    padding-bottom: 70px;
  }
}
.Section--Portfolio {
  padding: 110px 0;
  position: relative;
}
.Section--Portfolio .apihu-port-portfolio-shape {
  position: absolute;
  left: 317px;
  top: 40px;
  -webkit-animation: apihuPortUpsDown 3s infinite linear alternate;
  animation: apihuPortUpsDown 3s infinite linear alternate;
}
.Section--Portfolio .apihu-port-portfolio-navigation {
  margin-bottom: 50px;
}
.Section--Portfolio .apihu-port-portfolio-navigation ul {
  border-radius: 5px;
  display: inline-block;
}
.Section--Portfolio .apihu-port-portfolio-navigation ul li {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  padding: 20px 20px;
  display: inline-block;
  cursor: pointer;
}
.Section--Portfolio .apihu-port-portfolio-navigation ul li:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  border-radius: 5px;
}
.Section--Portfolio .apihu-port-portfolio-navigation ul li.mixitup-control-active {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  border-radius: 5px;
}
.Section--Portfolio .apihu-port-single-portfolio {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.Section--Portfolio .apihu-port-single-portfolio span {
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 22px;
  display: inline-block;
}
.Section--Portfolio .apihu-port-single-portfolio h3 {
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
  font-weight: 700;
}
.Section--Portfolio .apihu-port-single-portfolio p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.Section--Portfolio .apihu-port-single-portfolio a {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  padding: 13px 20px 16px;
  border-radius: 5px;
  margin-top: 15px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: relative;
  z-index: 0;
}
.Section--Portfolio .apihu-port-single-portfolio a i {
  margin-left: 6px;
}
.Section--Portfolio .apihu-port-single-portfolio a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 5px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.Section--Portfolio .apihu-port-single-portfolio a:hover:before {
  width: 100%;
}
.Section--Portfolio .apihu-port-single-portfolio .apihu-port-portfolio-img {
  overflow: hidden;
  border-radius: 5px;
}
@media (max-width: 991.98px) {
  .Section--Portfolio .apihu-port-single-portfolio .apihu-port-portfolio-img {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 35.99em) {
  .Section--Portfolio .apihu-port-portfolio-shape {
    position: absolute;
    left: 0;
    top: 40px;
    -webkit-animation: apihuPortUpsDown 3s infinite linear alternate;
    animation: apihuPortUpsDown 3s infinite linear alternate;
  }
}
.Section--Portfolio .apihu-port-single-portfolio .apihu-port-portfolio-img img {
  width: 100%;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.Section--Portfolio .apihu-port-single-portfolio:hover .apihu-port-portfolio-img img {
  -webkit-transform: scale(1.5) rotate(15deg);
  transform: scale(1.5) rotate(15deg);
}

body .SliderHome {
  background-color: #e4e4e4;
}
body .SliderHome .owl-nav .owl-prev {
  color: #fff;
  border: 1px solid #fff;
}
body .SliderHome .owl-nav .owl-next {
  color: #fff;
  border: 1px solid #fff;
}
body .SliderHome .owl-nav .owl-prev:hover,
body .SliderHome .owl-nav .owl-next:hover {
  color: #fff;
  border-color: rgb(20, 117, 247);
  background-color: rgb(20, 117, 247);
}
body .SliderHome .slider-two_title {
  color: rgb(20, 117, 247);
  background-color: #fff;
}
body .SliderHome .slider-two_heading {
  color: #fff;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
body .SliderHome .slider-two_text {
  color: #fff;
}
body .Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(126deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
  background-image: -o-linear-gradient(126deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
  background-image: linear-gradient(324deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
  color: #ffffff;
}
body .Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper.color-2 i {
  background-image: -webkit-linear-gradient(126deg, #ff4a9f 0%, #ffceec 100%);
  background-image: -o-linear-gradient(126deg, #ff4a9f 0%, #ffceec 100%);
  background-image: linear-gradient(324deg, #ff4a9f 0%, #ffceec 100%);
}
body .Section--WhyUs {
  background-color: #f6f7f9;
}
body .Section--WhyUs .pr3-workflow-list .pr3-workflow-item .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #ff4a9f 0%, #ffceec 100%);
  background-image: -o-linear-gradient(115deg, #ff4a9f 0%, #ffceec 100%);
  background-image: linear-gradient(-25deg, #ff4a9f 0%, #ffceec 100%);
  color: #ffffff;
}
body .Section--WhyUs .pr3-workflow-list .pr3-workflow-item.color-2 .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #8a6eff 4%, #b9a1ff 78%);
  background-image: -o-linear-gradient(115deg, #8a6eff 4%, #b9a1ff 78%);
  background-image: linear-gradient(-25deg, #8a6eff 4%, #b9a1ff 78%);
}
body .Section--WhyUs .pr3-workflow-list .pr3-workflow-item.color-3 .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #01ce92 0%, #58ff83 100%);
  background-image: -o-linear-gradient(115deg, #01ce92 0%, #58ff83 100%);
  background-image: linear-gradient(-25deg, #01ce92 0%, #58ff83 100%);
}
body .Section--OurFeature .it-nw-fun-fact-innerbox .it-nw-fun-fact-icon i, body .Section--OurFeature .it-nw-why-choose-feature-list .it-nw-why-choose-feature-icon i, body .Section--OurFeature .it-nw-service-innerbox .it-nw-service-inner-icon i, body .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon i, body .Section--OurFeature .it-nw-banner-btn .it-nw-banner-video a i {
  background: -webkit-gradient(linear, left top, left bottom, from(#7f31ff), to(#4279f1));
  background: linear-gradient(to bottom, #7f31ff 0%, #4279f1 100%);
}
body .Section--OurFeature .it-nw-fooer-widget-area .widget-title:after, body .Section--OurFeature .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a, body .Section--OurFeature .it-nw-service-innerbox .it-nw-service-inner-icon:after, body .Section--OurFeature .it-nw-about-cta .it-nw-ab-cta-icon, body .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon:after {
  background: linear-gradient(157deg, #7f31ff 0%, #4279f1 100%);
}
body .Section--OurFeature .it-nw-feature-innerbox {
  background-color: #232323;
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body .Section--OurFeature .it-nw-feature-innerbox p {
  color: #d6d6d6;
}
body .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon {
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-text h3 {
  color: #ef0006;
}
body .Section--CommentSection {
  background-color: #f0f0f0 !important;
}
body .Section--CommentSection .it-nw-testimonial-innerbox {
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-name h3 {
  color: #00133e;
}
body .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-rate {
  color: #ff8b17;
}
body .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-text {
  color: #666;
}
body .Section--ProjectTeam .it-nw-fooer-widget-area .widget-title:after, body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a, body .Section--ProjectTeam .it-nw-service-innerbox .it-nw-service-inner-icon:after, body .Section--ProjectTeam .it-nw-about-cta .it-nw-ab-cta-icon, body .Section--ProjectTeam .it-nw-feature-innerbox .it-nw-feature-inner-icon:after {
  background: linear-gradient(157deg, #7f31ff 0%, #4279f1 100%);
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text {
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a {
  background-color: #fff;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .fb {
  color: #16599b;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .tw {
  color: #03a9f4;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .insta {
  color: #c13584;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .l-in {
  color: #0a66c2;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .yt {
  color: #ff0000;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text h3 {
  color: #00133e;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text span {
  color: #00133e;
}
body .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a {
  color: #fff;
}
body .Section--StatisticSection {
  background-color: #e4e4e4 !important;
}
body .Section--Partner .pr3-brand-slider .pr3-brand-single {
  -webkit-box-shadow: 0px 8px 13px 0px rgba(135, 135, 135, 0.2);
  box-shadow: 0px 8px 13px 0px rgba(135, 135, 135, 0.2);
  background-color: #fff;
}
body .Section--Blog {
  background-color: #f6f7f9;
}
body .Section--FAQ {
  background-color: #f6f7f9;
}
body .Section--FAQ .pr3-accordion .card {
  border: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
body .Section--FAQ .pr3-accordion .card .card-header a {
  color: #1a0b60;
  background-color: #f2f3f8;
}
body .Section--FAQ .pr3-accordion .card .card-header a p {
  color: inherit;
  margin: 0;
}
body .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor {
  transition: all 0.2s;
}
body .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor::after {
  background: transparent;
}
body .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor:hover {
  background-image: linear-gradient(25deg, #5500f4 0%, #4880fd 100%);
  color: #fff;
}
body .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor:hover::after {
  color: #fff;
}
body .Section--FAQ .pr3-accordion .card .card-header a::after {
  color: #1a0b60;
  background-color: #ffffff;
}
body .Section--FAQ .pr3-accordion .card:first-of-type {
  border-bottom: 1px solid #e7e7e7;
}
body .Section--FAQ .pr3-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}
body .Section--FAQ .pr3-accordion .card-header a[aria-expanded=true] {
  background-image: linear-gradient(25deg, #5500f4 0%, #4880fd 100%);
  color: #fff;
}
body .Section--WorkProcess {
  background-color: #ffffff;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left::after {
  border-left: 20px solid #ff4a9f;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #ff4a9f 0%, #ffceec 100%);
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper i {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 30, 94, 0.3);
  box-shadow: 0px 5px 25px 0px rgba(0, 30, 94, 0.3);
  color: #ff4a9f;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4::after {
  border-bottom: 2px dashed #ff4a9f;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right span {
  color: #1a0b60;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left::after {
  border-left: 20px solid #ff5728;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left .icon-wrapper i {
  color: #ff5728;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-right h4::after {
  border-bottom: 2px dashed #ff5728;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left::after {
  border-left: 20px solid #2899ff;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #2899ff 11%, #a9e0ff 100%, #ffc587 100%);
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left .icon-wrapper i {
  color: #2899ff;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-right h4::after {
  border-bottom: 2px dashed #2899ff;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left::after {
  border-left: 20px solid #01ce92;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #01ce92 0%, #58ff83 100%);
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left .icon-wrapper i {
  color: #01ce92;
}
body .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-right h4::after {
  border-bottom: 2px dashed #01ce92;
}
body .Section--Portfolio {
  background: #e3edf7;
}
body .Section--Portfolio .apihu-port-portfolio-navigation ul {
  background: #e3edf7;
  -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
  box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
}
body .Section--Portfolio .apihu-port-portfolio-navigation ul li {
  color: #08203a;
}
body .Section--Portfolio .apihu-port-portfolio-navigation ul li:hover {
  background: linear-gradient(103deg, #e3edf7, #ffffff);
  -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
  box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
}
body .Section--Portfolio .apihu-port-portfolio-navigation ul li.mixitup-control-active {
  background: linear-gradient(103deg, #ffffff, #eaeaea);
  -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
  box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
}
body .Section--Portfolio .apihu-port-single-portfolio {
  background: linear-gradient(119deg, #e3edf7, #ffffff);
  -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
  box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
}
body .Section--Portfolio .apihu-port-single-portfolio span {
  -webkit-box-shadow: inset 0 0px 2px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
  box-shadow: inset 0 0px 2px 0px rgba(255, 255, 255, 0.66), inset -1px -1px 0px 0px rgba(255, 255, 255, 0.18), inset 2px 2px 7px 0px rgba(49, 69, 106, 0.18);
  color: #08203a;
}
body .Section--Portfolio .apihu-port-single-portfolio h3 {
  color: #08203a;
}
body .Section--Portfolio .apihu-port-single-portfolio p {
  color: #08203a;
}
body .Section--Portfolio .apihu-port-single-portfolio a {
  color: #08203a;
  background: linear-gradient(103deg, #e3edf7, #ffffff);
  -webkit-box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
  box-shadow: -6px -6px 10px 0px #f5f9fc, 4px 3px 15px 0px rgba(127, 163, 199, 0.3);
}
body .Section--Portfolio .apihu-port-single-portfolio a:before {
  background: linear-gradient(-141deg, #590fb7, #ff0076);
  -webkit-box-shadow: -4px -3px 8px 0px rgba(122, 247, 169, 0.25), 5px 5px 15px 0px rgba(100, 14, 179, 0.3);
  box-shadow: -4px -3px 8px 0px rgba(122, 247, 169, 0.25), 5px 5px 15px 0px rgba(100, 14, 179, 0.3);
}
body .Section--Portfolio .apihu-port-single-portfolio a:hover {
  color: #ffffff;
}

body.Dark .SliderHome {
  background-color: #2d2d2d;
}
body.Dark .SliderHome .owl-nav .owl-prev {
  color: #fff;
  border: 1px solid #fff;
}
body.Dark .SliderHome .owl-nav .owl-next {
  color: #fff;
  border: 1px solid #fff;
}
body.Dark .SliderHome .owl-nav .owl-prev:hover,
body.Dark .SliderHome .owl-nav .owl-next:hover {
  color: #fff;
  border-color: rgb(20, 117, 247);
  background-color: rgb(20, 117, 247);
}
body.Dark .SliderHome .slider-two_title {
  color: rgb(20, 117, 247);
  background-color: #fff;
}
body.Dark .SliderHome .slider-two_heading {
  color: #fff;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
body.Dark .SliderHome .slider-two_text {
  color: #fff;
}
body.Dark .Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(126deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
  background-image: -o-linear-gradient(126deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
  background-image: linear-gradient(324deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
  color: #ffffff;
}
body.Dark .Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper.color-2 i {
  background-image: -webkit-linear-gradient(126deg, #ff4a9f 0%, #ffceec 100%);
  background-image: -o-linear-gradient(126deg, #ff4a9f 0%, #ffceec 100%);
  background-image: linear-gradient(324deg, #ff4a9f 0%, #ffceec 100%);
}
body.Dark .Section--WhyUs .pr3-workflow-list .pr3-workflow-item .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #ff4a9f 0%, #ffceec 100%);
  background-image: -o-linear-gradient(115deg, #ff4a9f 0%, #ffceec 100%);
  background-image: linear-gradient(-25deg, #ff4a9f 0%, #ffceec 100%);
  color: #ffffff;
}
body.Dark .Section--WhyUs .pr3-workflow-list .pr3-workflow-item.color-2 .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #8a6eff 4%, #b9a1ff 78%);
  background-image: -o-linear-gradient(115deg, #8a6eff 4%, #b9a1ff 78%);
  background-image: linear-gradient(-25deg, #8a6eff 4%, #b9a1ff 78%);
}
body.Dark .Section--WhyUs .pr3-workflow-list .pr3-workflow-item.color-3 .pr3-icon-wrapper i {
  background-image: -webkit-linear-gradient(115deg, #01ce92 0%, #58ff83 100%);
  background-image: -o-linear-gradient(115deg, #01ce92 0%, #58ff83 100%);
  background-image: linear-gradient(-25deg, #01ce92 0%, #58ff83 100%);
}
body.Dark .Section--OurFeature .it-nw-fun-fact-innerbox .it-nw-fun-fact-icon i, body.Dark .Section--OurFeature .it-nw-why-choose-feature-list .it-nw-why-choose-feature-icon i, body.Dark .Section--OurFeature .it-nw-service-innerbox .it-nw-service-inner-icon i, body.Dark .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon i, body.Dark .Section--OurFeature .it-nw-banner-btn .it-nw-banner-video a i {
  background: -webkit-gradient(linear, left top, left bottom, from(#7f31ff), to(#4279f1));
  background: linear-gradient(to bottom, #7f31ff 0%, #4279f1 100%);
}
body.Dark .Section--OurFeature .it-nw-fooer-widget-area .widget-title:after, body.Dark .Section--OurFeature .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a, body.Dark .Section--OurFeature .it-nw-service-innerbox .it-nw-service-inner-icon:after, body.Dark .Section--OurFeature .it-nw-about-cta .it-nw-ab-cta-icon, body.Dark .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon:after {
  background: linear-gradient(157deg, #7f31ff 0%, #4279f1 100%);
}
body.Dark .Section--OurFeature .it-nw-feature-innerbox {
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body.Dark .Section--OurFeature .it-nw-feature-innerbox p {
  color: #000;
}
body.Dark .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-icon {
  background-color: #353535;
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body.Dark .Section--OurFeature .it-nw-feature-innerbox .it-nw-feature-inner-text h3 {
  color: #ef0006;
}
body.Dark .Section--StatisticSection {
  background-color: #2d2d2d !important;
}
body.Dark .Section--CommentSection {
  background-color: #000 !important;
}
body.Dark .Section--CommentSection .it-nw-testimonial-innerbox {
  background-color: #232323;
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body.Dark .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
  -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(0, 27, 175, 0.1);
}
body.Dark .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-name h3 {
  color: #fff;
}
body.Dark .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-rate {
  color: #ff8b17;
}
body.Dark .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-text {
  color: #ececec;
}
body.Dark .Section--ProjectTeam .it-nw-fooer-widget-area .widget-title:after, body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a, body.Dark .Section--ProjectTeam .it-nw-service-innerbox .it-nw-service-inner-icon:after, body.Dark .Section--ProjectTeam .it-nw-about-cta .it-nw-ab-cta-icon, body.Dark .Section--ProjectTeam .it-nw-feature-innerbox .it-nw-feature-inner-icon:after {
  background: linear-gradient(157deg, #7f31ff 0%, #4279f1 100%);
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text {
  -webkit-box-shadow: 0px 15px 50px 0px rgba(204, 204, 204, 0.1);
  box-shadow: 0px 15px 50px 0px rgba(204, 204, 204, 0.1);
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a {
  background-color: #fff;
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .fb {
  color: #16599b;
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .tw {
  color: #03a9f4;
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-social a .dr {
  color: #ea4f8b;
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text h3 {
  color: #fff;
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text span {
  color: #b3b3b3;
}
body.Dark .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-text .it-nw-tm-link a {
  color: #fff;
}
body.Dark .Section--Partner .pr3-brand-slider .pr3-brand-single {
  -webkit-box-shadow: 0px 3px 13px 0px rgba(135, 135, 135, 0.05);
  box-shadow: 0px 3px 13px 0px rgba(135, 135, 135, 0.05);
  background-color: #232323;
}
body.Dark .Section--FAQ .pr3-accordion .card {
  border: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #252525;
}
body.Dark .Section--FAQ .pr3-accordion .card .card-header a {
  color: #fff;
  background-color: #252525;
}
body.Dark .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor {
  transition: all 0.2s;
}
body.Dark .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor::after {
  background: transparent;
  color: #fff;
}
body.Dark .Section--FAQ .pr3-accordion .card .card-header a.faq-anchor:hover {
  background-image: linear-gradient(25deg, #5500f4 0%, #4880fd 100%);
  color: #fff;
}
body.Dark .Section--FAQ .pr3-accordion .card .card-header a::after {
  color: #1a0b60;
  background-color: #fff;
}
body.Dark .Section--FAQ .pr3-accordion .card:first-of-type {
  border-bottom: 1px solid #e7e7e7;
}
body.Dark .Section--FAQ .pr3-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}
body.Dark .Section--FAQ .pr3-accordion .card-header a[aria-expanded=true] {
  background-image: linear-gradient(25deg, #5500f4 0%, #4880fd 100%);
  color: #fff;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left::after {
  border-left: 20px solid #ff4a9f;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #ff4a9f 0%, #ffceec 100%);
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper i {
  background-color: #1d1d1d;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 30, 94, 0.3);
  box-shadow: 0px 5px 25px 0px rgba(0, 30, 94, 0.3);
  color: #ff4a9f;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4::after {
  border-bottom: 2px dashed #ff4a9f;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right span {
  color: #fff;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left::after {
  border-left: 20px solid #ff5728;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left .icon-wrapper i {
  color: #ff5728;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-right h4::after {
  border-bottom: 2px dashed #ff5728;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left::after {
  border-left: 20px solid #2899ff;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #2899ff 11%, #a9e0ff 100%, #ffc587 100%);
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left .icon-wrapper i {
  color: #2899ff;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-right h4::after {
  border-bottom: 2px dashed #2899ff;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left::after {
  border-left: 20px solid #01ce92;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(270deg, #01ce92 0%, #58ff83 100%);
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left .icon-wrapper i {
  color: #01ce92;
}
body.Dark .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-right h4::after {
  border-bottom: 2px dashed #01ce92;
}
body.Dark .Section--Portfolio .apihu-port-portfolio-navigation ul {
  background: #e3edf7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.Dark .Section--Portfolio .apihu-port-portfolio-navigation ul li {
  color: #08203a;
}
body.Dark .Section--Portfolio .apihu-port-portfolio-navigation ul li:hover {
  background: linear-gradient(103deg, #e3edf7, #ffffff);
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.Dark .Section--Portfolio .apihu-port-portfolio-navigation ul li.mixitup-control-active {
  background: linear-gradient(157deg, #7f31ff 0%, #4279f1 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio {
  background: #252525;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio span {
  color: #b3b3b3;
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio h3 {
  color: #fff;
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio p {
  color: #b3b3b3;
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio a {
  color: #08203a;
  background: linear-gradient(103deg, #e3edf7, #ffffff);
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio a:before {
  background: linear-gradient(-141deg, #590fb7, #ff0076);
  -webkit-box-shadow: -4px -3px 8px 0px rgba(122, 247, 169, 0.25), 5px 5px 15px 0px rgba(100, 14, 179, 0.3);
  box-shadow: -4px -3px 8px 0px rgba(122, 247, 169, 0.25), 5px 5px 15px 0px rgba(100, 14, 179, 0.3);
}
body.Dark .Section--Portfolio .apihu-port-single-portfolio a:hover {
  color: #ffffff;
}

html[lang=ar] .SliderHome .owl-nav .owl-prev {
  left: initial;
  right: 30px;
}
html[lang=ar] .SliderHome .owl-nav .owl-next {
  right: initial;
  left: 30px;
}
html[lang=ar] .Section--About .pr3-left-shape {
  top: 100px;
  right: 30px;
  left: initial;
}
html[lang=ar] .Section--About .pr3-about-left {
  padding-left: 30px;
  padding-right: 0;
}
html[lang=ar] .Section--About .pr3-about-right .pr3-about-list .pr3-icon-wrapper {
  margin-left: 20px;
  margin-right: 0;
}
html[lang=ar] .Section--About .pr3-about-right .pr3-about-btns a:first-child {
  margin-right: 0;
}
html[lang=ar] .Section--About .pr3-about-right .pr3-about-btns a:last-child {
  margin-left: 20px;
}
html[lang=ar] .Section--WhyUs .pr3-workflow-shape {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--WhyUs .pr3-workflow-list {
  padding-right: 0;
  padding-left: 100px;
}
html[lang=ar] .Section--WhyUs .pr3-workflow-list .pr3-workflow-item .pr3-icon-wrapper {
  margin-right: 0;
  margin-left: 30px;
}
@media (max-width: 4808px) {
  html[lang=ar] .Section--WhyUs .pr3-workflow-list {
    padding-left: 0;
  }
}
html[lang=ar] .Section--CommentSection .TeamCommentCarousel .owl-item {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
html[lang=ar] .Section--CommentSection .TeamCommentCarousel .owl-item.active {
  opacity: 1;
}
html[lang=ar] .Section--CommentSection .TeamCommentCarousel .owl-nav {
  text-align: center;
  margin-top: 30px;
}
html[lang=ar] .Section--CommentSection .TeamCommentCarousel .owl-stage-outer {
  overflow: visible;
}
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
  margin-left: 15px;
  margin-right: 0;
}
html[lang=ar] .Section--CommentSection:before {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--CommentSection .it-nw-testi-shape {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img,
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox {
  border-top-right-radius: 7px;
  border-top-left-radius: 0;
}
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox {
  padding: 40px 40px 40px 30px;
}
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img-name {
  padding-right: 150px;
  padding-left: 0;
}
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
  left: 0;
  right: 40px;
}
html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-rate i {
  margin-right: 0;
  margin-left: 5px;
}
@media screen and (max-width: 480px) {
  html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img {
    margin-left: 15px;
    margin-right: 0;
  }
  html[lang=ar] .Section--CommentSection .it-nw-testimonial-innerbox .it-nw-testimonial-img-name {
    padding-right: 0;
  }
}
html[lang=ar] .Section--ProjectTeam .it-nw-team-shape {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-img {
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
}
html[lang=ar] .Section--ProjectTeam .it-nw-team-innerbox .it-nw-team-img .it-nw-tm-shape {
  left: initial;
  right: 0;
}
html[lang=ar] .Section .pr3-accordion .card-header a[aria-expanded=true] {
  background-image: linear-gradient(-25deg, #5500f4 0%, #4880fd 100%);
  border-radius: 3px;
  color: #ffffff;
}
html[lang=ar] .Section--Partner .pr3-brand-slider .slick-arrow {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--Partner .pr3-brand-slider .slick-next {
  left: 0;
  right: auto;
}
html[lang=ar] .Section--Partner .pr3-brand-slider .pr3-brand-single img {
  width: 90px;
  display: inline-block;
}
html[lang=ar] .Section--Contact .pr3-get-net-shape {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--Contact .pr3-get-right .pr3-get-circle {
  width: 400px;
  -webkit-animation: 60s pr3_rotate_animation linear infinite;
  animation: 60s pr3_rotate_animation linear infinite;
}
html[lang=ar] .Section--Contact .pr3-get-right .pr3-get-vector-img {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--FAQ .pr3-accordion .card .card-header a {
  padding-right: 12px;
  padding-left: 40px;
}
html[lang=ar] .Section--FAQ .pr3-accordion .card .card-header a::after {
  right: initial;
  left: 12px;
}
html[lang=ar] .Section--FAQ .pr3-faq-right {
  padding-right: 20px;
}
html[lang=ar] .Section--FAQ .pr3-accordion .card-header a[aria-expanded=true] {
  background-image: linear-gradient(25deg, #5500f4 0%, #4880fd 100%);
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left {
  margin-right: 0;
  margin-left: 30px;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left::after {
  right: initial;
  left: -17px;
  border-right: 20px solid #ff4a9f;
  border-left: none;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-left .icon-wrapper {
  background-image: linear-gradient(-270deg, #ff4a9f 0%, #ffceec 100%);
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4::after {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column .pr3-wk-column-top .wk-column-right h4 span {
  margin-left: 0;
  margin-right: 6px;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left::after {
  border-left: none;
  border-right: 20px solid #ff5728;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(-270deg, #ff5728 0%, #ffc587 100%, #ffd328 100%);
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-left .icon-wrapper i {
  color: #ff5728;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-2 .wk-column-right h4::after {
  border-bottom: 2px dashed #ff5728;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left::after {
  border-right: 20px solid #2899ff;
  border-left: none;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-3 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(-270deg, #2899ff 11%, #a9e0ff 100%, #ffc587 100%);
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left::after {
  border-right: 20px solid #01ce92;
  border-left: none;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left .icon-wrapper {
  background-image: linear-gradient(-270deg, #01ce92 0%, #58ff83 100%);
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-left .icon-wrapper i {
  color: #01ce92;
}
html[lang=ar] .Section--WorkProcess .pr3-work-content .pr3-work-column.color-4 .wk-column-right h4::after {
  border-bottom: 2px dashed #01ce92;
}
@media (max-width: 991.98px) {
  html[lang=ar] .Section--WorkProcess {
    padding-bottom: 70px;
  }
}

.Section--About_V2 {
  position: relative;
  padding: 80px 0;
}
.Section--About_V2 img {
  width: 100%;
  height: auto;
}
.Section--About_V2 .pr3-about-left {
  position: relative;
}
.Section--About_V2 .pr3-left-shape {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 120px;
  display: inline-block;
  z-index: -1;
  -webkit-animation: 3s pr3_object_animation linear infinite;
  animation: 3s pr3_object_animation linear infinite;
}
.Section--About_V2 .pr3-right-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  -webkit-animation: 6s pr3_object_animation linear infinite;
  animation: 6s pr3_object_animation linear infinite;
}
.Section--About_V2 .text, .Section--About_V2 p {
  position: relative;
  line-height: 28px;
  color: rgb(136, 136, 136);
  font-size: 16px;
}
.Section--About_V2 .about-one_content {
  position: relative;
  margin-bottom: 30px;
}
.Section--About_V2 .about-one_content-inner {
  position: relative;
  padding-right: 100px;
}
.Section--About_V2 .about-tabs {
  position: relative;
}
.Section--About_V2 .about-tabs .tab-btns {
  position: relative;
  border-bottom: 3px solid rgb(235, 235, 235);
}
.Section--About_V2 .about-tabs .tab-btns .tab-btn {
  position: relative;
  line-height: 24px;
  cursor: pointer;
  font-weight: 700;
  display: inline-block;
  padding: 0px 10px 15px;
  transition: all 500ms ease;
  color: rgb(0, 7, 11);
  text-transform: capitalize;
  font-size: 17px;
  margin-right: 20px;
}
.Section--About_V2 .about-tabs .tab-btns .tab-btn:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -3px;
  height: 3px;
  right: 0px;
  opacity: 0;
  transform: scale(0.5, 1);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: rgb(11, 90, 219);
}
.Section--About_V2 .about-tabs .tab-btns .tab-btn:hover::before,
.Section--About_V2 .about-tabs .tab-btns .tab-btn.active-btn::before {
  opacity: 1;
  transform: scale(1, 1);
}
.Section--About_V2 .about-tabs .tab-btns .tab-btn:hover,
.Section--About_V2 .about-tabs .tab-btns .tab-btn.active-btn {
  color: rgb(11, 90, 219);
}
.Section--About_V2 .about-tabs .tabs-content {
  position: relative;
  padding: 25px 0px 0px;
}
.Section--About_V2 .about-tabs .tabs-content .tab {
  position: relative;
  display: none;
  border-top: 0px;
}
.Section--About_V2 .about-tabs .tabs-content .tab.active-tab {
  display: block;
}
.Section--About_V2 .button-view-video .AnchorButton {
  width: 100px;
  height: 100px;
  font-size: 40px;
}
.Section--OurAbout {
  padding-bottom: 80px;
}
.Section--OurAbout .card {
  box-shadow: 0 12px 50px rgba(166, 158, 158, 0.1);
  background-color: transparent;
  overflow: hidden;
  border-radius: 10px;
}
.Section--OurAbout .card-header {
  padding: 0;
}
.Section--OurAbout .card-header .image img {
  width: 100%;
  height: auto;
}
.Section--OurAbout .card-body .title {
  color: #fff;
  text-transform: uppercase;
}
.Section--Statistics {
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.Section--Statistics .statistics-inner {
  -ms-transform: translateY(140px);
  z-index: 1;
  position: relative;
  padding: 80px 80px 20px 80px;
}
.Section--Statistics .statistics-inner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.9;
}
@media only screen and (max-width: 479px) {
  .Section--Statistics .statistics-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.Section--Statistics .bgs-cover {
  background-size: cover;
  background-position: center;
}
.Section--Statistics .statistics-content .read-more {
  font-size: 18px;
  margin-bottom: 55px;
}
.Section--Statistics .counter-item {
  margin-bottom: 50px;
}
.Section--Statistics .counter-item > i {
  font-size: 55px;
  margin-bottom: 25px;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: white;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
}
.Section--Statistics .counter-text-wrap .count-text {
  font-weight: 600;
  color: var(--heading-color);
  font-family: "Poppins", sans-serif;
}
.Section--Statistics .counter-text-wrap .count-text {
  line-height: 1.25;
  font-size: 42px;
}
.Section--Statistics .counter-text-wrap .count-text {
  display: block;
}
.Section--Statistics .counter-text-wrap .count-text.plus:after {
  content: "+";
}
.Section--Statistics .counter-text-wrap .count-text.k-plus:after {
  content: "k+";
}
.Section--Statistics .counter-text-wrap .count-text.percent:after {
  content: "%";
}
.Section--Statistics .counter-item-two .count-text {
  font-size: 65px;
  font-weight: 500;
}
@media only screen and (max-width: 375px) {
  .Section--Statistics .counter-item-two .count-text {
    font-size: 50px;
  }
}
@media only screen and (max-width: 61.99em) {
  .Section--Statistics .statistics-content {
    margin-bottom: 60px;
    text-align: center;
  }
}
.Section--WorkingDays {
  font-size: 16px;
  background: #121212;
  padding: 80px;
}
.Section--WorkingDays .WorkingDays__Row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 15px;
}
.Section--WorkingDays .WorkingDays__Time {
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 35.99em) {
  .Section--WorkingDays .WorkingDays__Row {
    flex-direction: column;
  }
}
.Section--WorkingDays .card {
  background: transparent;
  box-shadow: 0 10px 35px 0 rgba(255, 255, 255, 0.02);
  border: 1px solid #4f4f4f;
}
.Section--WorkingDays .card .card-body {
  padding: 10px 30px;
}

html[lang=ar] .Section--About_V2 .about-one_content-inner {
  padding-right: 0;
  padding-left: 100px;
}
html[lang=ar] .Section--About_V2 .about-tabs .tab-btns .tab-btn {
  margin-left: 20px;
  margin-right: 0;
}

body .Section--About_V2 .text, body .Section--About_V2 p {
  color: rgb(136, 136, 136);
}
body .Section--About_V2 .about-tabs .tab-btns {
  border-bottom: 3px solid rgb(235, 235, 235);
}
body .Section--About_V2 .about-tabs .tab-btns .tab-btn {
  color: rgb(0, 7, 11);
}
body .Section--About_V2 .about-tabs .tab-btns .tab-btn:before {
  background-color: rgb(11, 90, 219);
}
body .Section--About_V2 .about-tabs .tab-btns .tab-btn:hover,
body .Section--About_V2 .about-tabs .tab-btns .tab-btn.active-btn {
  color: rgb(11, 90, 219);
}
body .Section--Statistics {
  background-color: #0b5adb;
}
body .Section--Statistics .statistics-inner::before {
  background-color: var(--secondary-color);
}
body .Section--Statistics .counter-item > i {
  color: var(--secondary-color);
}
body .Section--Statistics .text-white .Section__Title * {
  color: white;
}
body .Section--Statistics .counter-text-wrap .count-text {
  color: var(--heading-color);
}

body.Dark .Section--About_V2 .text, body.Dark .Section--About_V2 p {
  color: rgb(136, 136, 136);
}
body.Dark .Section--About_V2 .about-tabs .tab-btns {
  border-bottom: 3px solid rgb(235, 235, 235);
}
body.Dark .Section--About_V2 .about-tabs .tab-btns .tab-btn {
  color: #b3b3b3;
}
body.Dark .Section--About_V2 .about-tabs .tab-btns .tab-btn:before {
  background-color: rgb(11, 90, 219);
}
body.Dark .Section--About_V2 .about-tabs .tab-btns .tab-btn:hover,
body.Dark .Section--About_V2 .about-tabs .tab-btns .tab-btn.active-btn {
  color: rgb(11, 90, 219);
}
body.Dark .Section--Statistics {
  background-color: #0b5adb;
}
body.Dark .Section--Statistics .statistics-inner::before {
  background-color: var(--secondary-color);
}
body.Dark .Section--Statistics .counter-item > i {
  color: var(--secondary-color);
}
body.Dark .Section--Statistics .text-white .Section__Title * {
  color: white;
}
body.Dark .Section--Statistics .counter-text-wrap .count-text {
  color: var(--heading-color);
}

.Section--Services-V2 {
  padding: 90px 0 110px;
}
.Section--Services-V2 .relative-position {
  position: relative;
}
.Section--Services-V2 .service_content_box {
  border-radius: 10px;
  padding: 25px 30px 30px 35px;
  z-index: 1;
  transition: 0.5s all ease-in-out;
  height: 100%;
}
.Section--Services-V2 .service_content_box:before {
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -3;
  border-radius: 10px;
  position: absolute;
  transition: 0.5s all ease-in-out;
}
.Section--Services-V2 .service_content_box:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 10px;
}
.Section--Services-V2 .service_content_box:hover {
  transform: translate(-7px, -7px);
}
.Section--Services-V2 .service_content_box:hover:before {
  transform: translate(7px, 7px);
}
.Section--Services-V2 .service_content_box .service_icon_box {
  width: 60px;
  margin-bottom: 18px;
}
.Section--Services-V2 .service_content_box .service_icon_box .upper_icon svg {
  height: 48px;
  width: 48px;
}
.Section--Services-V2 .service_content_box .service_icon_box .lower_icon {
  position: absolute;
  top: 10px;
  z-index: -1;
  right: 0;
}
.Section--Services-V2 .service_content_box .service_icon_box .lower_icon svg {
  width: 45px;
  height: 45px;
}
.Section--Services-V2 .service_content_box .service_text_box h3 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 15px;
}
.Section--Services-V2 .service_content_box .service_text_box p {
  line-height: 1.5;
}
.Section--CommentCustomer-V2 {
  position: relative;
  padding: 105px 0 70px 0;
}
.Section--CommentCustomer-V2 .float-left {
  float: left !important;
}
.Section--CommentCustomer-V2 .relative-position {
  position: relative;
}
.Section--CommentCustomer-V2 .ul-li ul {
  margin: 0;
  padding: 0;
}
.Section--CommentCustomer-V2 .ul-li ul li {
  list-style: none;
  display: inline-block;
}
.Section--CommentCustomer-V2 .earthShape {
  top: 0;
  right: 0;
  z-index: -1;
}
.Section--CommentCustomer-V2 .earthShape img {
  width: 100%;
  height: auto;
  max-width: 500px;
}
@media only screen and (max-width: 61.99em) {
  .Section--CommentCustomer-V2 .earthShape img {
    max-width: 300px;
  }
}
.Section--CommentCustomer-V2 .carousel-indicators {
  position: static;
}
.Section--CommentCustomer-V2 .testimonial_indicator {
  margin: 20px 20px 0 0;
  display: block;
  height: 510px;
  max-width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../images/section/bgPersons.png);
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li {
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  transition: all 500ms ease;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li img {
  display: block;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(1) {
  bottom: 105px;
  right: 100px;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(2) {
  left: 90px;
  bottom: 45px;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(3) {
  top: 40%;
  left: 0px;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(4) {
  top: 90px;
  left: 100px;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(5) {
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(6) {
  right: 120px;
  top: -30px;
}
.Section--CommentCustomer-V2 .testimonial_indicator .active {
  transform: scale(1.5);
}
.Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev,
.Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next {
  top: 100%;
  left: 190px;
  bottom: 40px;
  font-size: 18px;
  width: 50px;
  height: 50px;
  opacity: 1;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  display: inline-block;
  margin: 0px 15px 0px 0px;
  transition: all 300ms ease;
}
.Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev:before,
.Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next:before {
  position: absolute;
  content: "\f061";
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev {
  left: 120px;
}
.Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev:before {
  content: "\f060";
}
.Section--CommentCustomer-V2 .testimonial_content {
  padding: 20px;
  display: inline-block;
}
.Section--CommentCustomer-V2 .testimonial_content .testimonial_rating li {
  font-size: 14px;
}
.Section--CommentCustomer-V2 .testimonial_content .testimonial_text {
  z-index: 1;
  padding: 50px 40px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
}
.Section--CommentCustomer-V2 .testimonial_content .testimonial_text p {
  line-height: 1.875;
  margin-bottom: 0 !important;
}
.Section--CommentCustomer-V2 .testimonial_content .testimonial_text:before {
  content: "";
  height: 100%;
  width: 40%;
  position: absolute;
  right: -45px;
  z-index: -1;
  bottom: -95px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  background-image: url(../img/saas-m/testimonial/tshape1.png);
  background-repeat: no-repeat;
}
.Section--CommentCustomer-V2 .testimonial_content .testimonial_text:hover:before {
  bottom: -85px;
  opacity: 1;
  visibility: visible;
}
.Section--CommentCustomer-V2 .qoute_mark:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -45px;
  z-index: 1;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
}
.Section--CommentCustomer-V2 .testimonial_name_designation {
  margin-top: 30px;
  padding-left: 30px;
}
.Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_img {
  height: 65px;
  width: 65px;
  border-radius: 100%;
  margin-right: 18px;
  overflow: hidden;
}
.Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta {
  margin-top: 10px;
  display: inline-block;
}
.Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta h4 {
  font-size: 22px;
  font-weight: 700;
}
.Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta p {
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .Section--CommentCustomer-V2 .testimonial_indicator {
    margin: 0 auto;
    margin-top: 20px;
    max-width: 550px;
  }
  .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev,
  .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next {
    bottom: -50px;
  }
}
@media screen and (max-width: 480px) {
  .Section--CommentCustomer-V2 .testimonial_indicator {
    background-size: 395px 465px;
  }
}
@media screen and (max-width: 380px) {
  .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(4) {
    top: 60px;
    left: 55px;
  }
  .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(1) {
    bottom: 85px;
    right: 50px;
  }
  .Section--CommentCustomer-V2 .testimonial_indicator {
    background-size: 325px 460px;
  }
  .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(1) {
    bottom: 135px;
    right: 25px;
  }
}
@media screen and (max-width: 420px) {
  .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta h4 {
    font-size: 22px;
  }
  .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta h4 {
    font-size: 22px;
  }
}

body .Section--Services-V2 .service_content_box {
  background-color: #fff;
  box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.14);
}
body .Section--Services-V2 .service_content_box:before {
  background-image: linear-gradient(45deg, #fc01fd 32%, #6b2c94 100%);
}
body .Section--Services-V2 .service_content_box:after {
  background-color: #fff;
}
body .Section--Services-V2 .service_content_box:hover {
  box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.3);
}
body .Section--Services-V2 .service_content_box .service_icon_box .upper_icon svg {
  fill: #30347b;
}
body .Section--Services-V2 .service_content_box .service_icon_box .lower_icon svg {
  fill: #c4a2fc;
}
body .Section--Services-V2 .service_content_box .service_text_box h3 {
  color: #010101;
}
body .Section--Services-V2 .service_content_box .service_text_box p {
  color: #666666;
}
body .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li {
  color: #202120;
  border: 5px solid #fff;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}
body .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev,
body .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next {
  color: #373a5b;
  background-color: #fff;
  box-shadow: 0px 7px 7px 0px rgba(0, 15, 44, 0.18);
}
body .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev:hover,
body .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next:hover {
  background-color: #000;
  color: #fff;
}
body .Section--CommentCustomer-V2 .testimonial_content .testimonial_rating li {
  color: #f6b91c;
}
body .Section--CommentCustomer-V2 .testimonial_content .testimonial_text {
  background-color: white;
  box-shadow: 0px 7px 24px 0px rgba(2, 55, 156, 0.2);
}
body .Section--CommentCustomer-V2 .qoute_mark:after {
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  border-top: 45px solid #fff;
  filter: drop-shadow(0px 20px 13px rgba(2, 55, 156, 0.2));
}
body .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_img {
  border: 5px solid #fff;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}
body .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta h4 {
  color: #161616;
}
body .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta p {
  color: #444444;
}

body.Dark .Section--Services-V2 .service_content_box {
  background-color: #fff;
  box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.14);
}
body.Dark .Section--Services-V2 .service_content_box:before {
  background-image: linear-gradient(45deg, #fc01fd 32%, #6b2c94 100%);
}
body.Dark .Section--Services-V2 .service_content_box:after {
  background-color: #252525;
}
body.Dark .Section--Services-V2 .service_content_box:hover {
  box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.3);
}
body.Dark .Section--Services-V2 .service_content_box .service_icon_box .upper_icon svg {
  fill: #30347b;
}
body.Dark .Section--Services-V2 .service_content_box .service_icon_box .lower_icon svg {
  fill: #c4a2fc;
}
body.Dark .Section--Services-V2 .service_content_box .service_text_box h3 {
  color: #fff;
}
body.Dark .Section--Services-V2 .service_content_box .service_text_box p {
  color: #b3b3b3;
}
body.Dark .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li {
  color: #202120;
  border: 5px solid #252525;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}
body.Dark .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li img {
  width: 100%;
  height: 100%;
}
body.Dark .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev,
body.Dark .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next {
  color: #373a5b;
  background-color: #fff;
  box-shadow: 0px 7px 7px 0px rgba(0, 15, 44, 0.18);
}
body.Dark .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev:hover,
body.Dark .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next:hover {
  background-color: #000;
  color: #fff;
}
body.Dark .Section--CommentCustomer-V2 .testimonial_content .testimonial_rating li {
  color: #f6b91c;
}
body.Dark .Section--CommentCustomer-V2 .testimonial_content .testimonial_text {
  background-color: #252525;
  box-shadow: 0px 7px 24px 0px rgba(2, 55, 156, 0.2);
}
body.Dark .Section--CommentCustomer-V2 .qoute_mark:after {
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  border-top: 45px solid #252525;
  filter: drop-shadow(0px 20px 13px rgba(2, 55, 156, 0.2));
}
body.Dark .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_img {
  border: 5px solid #fff;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}
body.Dark .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_img img {
  width: 100%;
  height: 100%;
}
body.Dark .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta h4 {
  color: #fff;
}
body.Dark .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_meta p {
  color: #b3b3b3;
}

html[lang=ar] .Section--Services-V2 .service_content_box {
  padding: 25px 35px 30px 30px;
}
html[lang=ar] .Section--Services-V2 .service_content_box:before {
  left: initial;
  right: 0;
  background-image: linear-gradient(-45deg, #fc01fd 32%, #6b2c94 100%);
}
html[lang=ar] .Section--Services-V2 .service_content_box:after {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--Services-V2 .service_content_box .service_icon_box .lower_icon {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--CommentCustomer-V2 .float-left {
  float: right !important;
}
html[lang=ar] .Section--CommentCustomer-V2 .earthShape {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_indicator {
  margin: 20px 0 0 20px;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev,
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next {
  left: initial;
  right: 190px;
  margin: 0px 0px 0px 15px;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev:before,
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-next:before {
  content: "\f060";
  left: initial;
  right: 0;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev:before {
  content: "\f061";
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_slider .carousel-control-prev {
  left: initial;
  right: 120px;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_content .testimonial_text {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_content .testimonial_text:before {
  right: initial;
  left: -45px;
}
html[lang=ar] .Section--CommentCustomer-V2 .qoute_mark:after {
  left: initial;
  right: 0;
  border-right: 0px solid transparent;
  border-left: 50px solid transparent;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_name_designation {
  padding-left: 0;
  padding-right: 30px;
}
html[lang=ar] .Section--CommentCustomer-V2 .testimonial_name_designation .testimonial_img {
  margin-right: 0;
  margin-left: 18px;
}
@media screen and (max-width: 380px) {
  html[lang=ar] .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(4) {
    left: initial;
    right: 55px;
  }
  html[lang=ar] .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(1) {
    right: initial;
    left: 50px;
  }
  html[lang=ar] .Section--CommentCustomer-V2 .testimonial_indicator {
    background-size: 325px 460px;
  }
  html[lang=ar] .Section--CommentCustomer-V2 .testimonial_indicator .carousel-indicators li:nth-child(1) {
    right: initial;
    left: 25px;
  }
}

html[lang=ar] body--CommentCustomer-V2 .qoute_mark:after {
  border-right: 0px solid transparent;
  border-left: 50px solid transparent;
  border-top: 45px solid #fff;
  filter: drop-shadow(0px 20px 13px rgba(2, 55, 156, 0.2));
}
html[lang=ar] body.Dark--CommentCustomer-V2 .qoute_mark:after {
  border-right: 0px solid transparent;
  border-left: 50px solid transparent;
  border-top: 45px solid #252525;
  filter: drop-shadow(0px 20px 13px rgba(2, 55, 156, 0.2));
}

.Section--ContractInfo {
  position: relative;
  padding-top: 130px;
  padding-bottom: 100px;
}
.Section--ContractInfo .contact-info-box {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  padding: 10px 20px;
  height: 100%;
}
.Section--ContractInfo .contact-social-media {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.Section--ContractInfo .contact-social-media .social-media-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b3b3b3;
  color: #1d1d1d;
}
.Section--ContractInfo .contact-social-media .social-media-item:hover {
  background-color: #fff;
}
.Section--ContractInfo .contact-social-media .social-media-item i {
  width: fit-content;
}
@media only screen and (min-width: 376px) {
  .Section--ContractInfo .contact-info-box {
    font-size: 18px;
  }
}
.Section--ContractInfo .contact-info-box .icon {
  font-size: 55px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 375px) {
  .Section--ContractInfo .contact-info-box .icon {
    font-size: 40px;
  }
}
.Section--ContractInfo .contact-info-box h4 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 376px) {
  .Section--ContractInfo .contact-info-box h4 {
    font-size: 24px;
  }
}
.Section--ContractInfo .contact-info-box > a,
.Section--ContractInfo .contact-info-box > span {
  display: inline-block;
}
.Section--ContractInfo .contact-info-box > b {
  font-weight: 500;
}
.Section--ContractForm input,
.Section--ContractForm select,
.Section--ContractForm textarea,
.Section--ContractForm .nice-select,
.Section--ContractForm .form-control {
  width: 100%;
  height: auto;
  border-radius: 5px;
  padding: 15px 30px;
}
.Section--ContractForm .nice-select {
  font-size: 18px;
  line-height: 1.3;
}
.Section--ContractForm .nice-select:after {
  height: 8px;
  width: 8px;
  right: 25px;
}
.Section--ContractForm .nice-select .current {
  font-weight: 500;
}
.Section--ContractForm .nice-select .list {
  width: 100%;
  border-radius: 0;
}
.Section--ContractForm textarea {
  display: inherit;
  padding-top: 20px;
}
.Section--ContractForm label {
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
}
.Section--ContractForm .form-group {
  position: relative;
  margin-bottom: 20px;
}
.Section--ContractForm input:focus,
.Section--ContractForm button:focus,
.Section--ContractForm .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Section--ContractForm input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.Section--ContractForm input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.Section--ContractForm input[type=search]::-webkit-search-decoration,
.Section--ContractForm input[type=search]::-webkit-search-cancel-button,
.Section--ContractForm input[type=search]::-webkit-search-results-button,
.Section--ContractForm input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.Section--ContractForm input[type=checkbox], .Section--ContractForm input[type=radio] {
  height: auto;
  width: auto;
}
.Section--ContractForm .form-style-two .form-group {
  margin-bottom: 30px;
}
.Section--ContractForm .form-style-two .form-control {
  border: none;
  font-size: 18px;
  border-radius: 0;
  font-weight: 500;
}
.Section--ContractForm .contact-form-wrap {
  padding: 60px 110px;
}
@media only screen and (max-width: 991px) {
  .Section--ContractForm .contact-form-wrap {
    margin-top: -100px;
    padding: 100px 50px;
  }
}
@media only screen and (min-width: 576px) {
  .Section--ContractForm .form-style-two .form-control {
    padding: 22px 35px;
  }
}
@media only screen and (max-width: 479px) {
  .Section--ContractForm .contact-form-wrap {
    padding: 60px 25px;
  }
}

html[lang=ar] .Section--ContractForm .nice-select:after {
  right: initial;
  left: 25px;
}
html[lang=ar] .Section--ContractForm input,
html[lang=ar] .Section--ContractForm select,
html[lang=ar] .Section--ContractForm textarea,
html[lang=ar] .Section--ContractForm .nice-select,
html[lang=ar] .Section--ContractForm .form-control {
  text-align: right;
}

body .Section--ContractInfo .contact-info-box {
  background: white;
  border: 1px solid rgba(21, 16, 31, 0.1);
}
@media only screen and (min-width: 376px) {
  body .Section--ContractInfo .contact-info-box {
    border-color: white;
    background-color: #F1F3F8;
  }
}
body .Section--ContractInfo .contact-info-box .icon {
  color: var(--secondary-color);
}
body .Section--ContractInfo .contact-info-box > b {
  color: var(--secondary-color);
}
body .Section--ContractInfo .contact-info-box:hover {
  border-color: white;
  -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
  box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
}
body .Section--ContractForm input,
body .Section--ContractForm select,
body .Section--ContractForm textarea,
body .Section--ContractForm .nice-select,
body .Section--ContractForm .form-control {
  background-color: #fff;
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body .Section--ContractForm .nice-select:after {
  border-color: #1b1f2e;
}
body .Section--ContractForm .nice-select .current {
  color: #1b1f2e;
}
body .Section--ContractForm label {
  color: #838694;
}
body .Section--ContractForm input:focus,
body .Section--ContractForm button:focus,
body .Section--ContractForm .form-control:focus {
  border-color: #cfdbf1;
}
body .Section--ContractForm .bgc-lighter {
  background-color: #f7f7f9;
}

body.Dark .Section--ContractInfo .contact-info-box {
  background: white;
  border: 1px solid rgba(21, 16, 31, 0.1);
}
@media only screen and (min-width: 376px) {
  body.Dark .Section--ContractInfo .contact-info-box {
    border-color: white;
    background-color: #252525;
  }
}
body.Dark .Section--ContractInfo .contact-info-box .icon {
  color: var(--secondary-color);
}
body.Dark .Section--ContractInfo .contact-info-box > b {
  color: var(--secondary-color);
}
body.Dark .Section--ContractInfo .contact-info-box:hover {
  border-color: white;
  -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
  box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
}
body.Dark .Section--ContractForm input,
body.Dark .Section--ContractForm select,
body.Dark .Section--ContractForm textarea,
body.Dark .Section--ContractForm .nice-select,
body.Dark .Section--ContractForm .form-control {
  background-color: #fff;
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body.Dark .Section--ContractForm .nice-select:after {
  border-color: #1b1f2e;
}
body.Dark .Section--ContractForm .nice-select .current {
  color: #1b1f2e;
}
body.Dark .Section--ContractForm label {
  color: #838694;
}
body.Dark .Section--ContractForm input:focus,
body.Dark .Section--ContractForm button:focus,
body.Dark .Section--ContractForm .form-control:focus {
  border-color: #cfdbf1;
}
body.Dark .Section--ContractForm .bgc-lighter {
  background-color: #f7f7f9;
}

.Section--Terms {
  padding: 100px 0;
}
.Section--Terms .sa_fq_question_content {
  padding-top: 60px;
}
.Section--Terms .sa_fq_question_content .faq-feed-item {
  max-width: 540px;
  margin-bottom: 40px;
}
.Section--Terms .sa_fq_question_content .faq-feed-item h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 15px;
}

body .Section--Terms .sa_fq_question_content .faq-feed-item h3 {
  color: #000000;
}

.Section--Policy {
  padding: 100px 0;
}
.Section--Policy .sa_fq_question_content {
  padding-top: 60px;
}
.Section--Policy .sa_fq_question_content .faq-feed-item {
  max-width: 540px;
  margin-bottom: 40px;
}
.Section--Policy .sa_fq_question_content .faq-feed-item h3 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 15px;
}

body .Section--Policy .sa_fq_question_content .faq-feed-item h3 {
  color: #000000;
}

.Section--SingleProject {
  padding: 120px 0;
  font-size: 16px;
}
.Section--SingleProject img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}
.Section--SingleProject .ul-li ul {
  margin: 0;
  padding: 0;
}
.Section--SingleProject .ul-li ul li {
  list-style: none;
  display: inline-block;
}
.Section--SingleProject .ul-li-block ul {
  margin: 0;
  padding: 0;
}
.Section--SingleProject .ul-li-block ul li {
  list-style: none;
  display: block;
}
.Section--SingleProject .bz-project-details-img-slider {
  margin-bottom: 50px;
}
.Section--SingleProject .bz-project-details-feature {
  max-width: 370px;
  padding: 50px 40px;
  border-radius: 8px;
}
.Section--SingleProject .bz-project-details-feature h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 40px;
}
.Section--SingleProject .bz-project-details-feature .feature-list li {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 13px;
  padding-bottom: 13px;
}
.Section--SingleProject .bz-project-details-feature .feature-list li span {
  float: right;
  font-weight: 400;
}
.Section--SingleProject .bz-project-details-feature .project-share {
  margin-top: 30px;
}
.Section--SingleProject .bz-project-details-feature .project-share .title {
  font-weight: 700;
}
.Section--SingleProject .bz-project-details-feature .project-share .share-social a {
  margin-left: 5px;
}
.Section--SingleProject .bz-project-details-img-wrapper {
  padding-bottom: 55px;
}
.Section--SingleProject .bz-project-details-img-wrapper {
  padding-top: 50px;
}
.Section--SingleProject .bz-project-next-prev-btn {
  margin-top: 80px;
}
.Section--SingleProject .bz-project-next-prev-btn a {
  font-weight: 600;
}
.Section--SingleProject .bz-project-next-prev-btn a i {
  margin-right: 15px;
}
.Section--SingleProject .bz-project-next-prev-btn a:nth-child(2) i {
  margin-right: 0;
  margin-left: 15px;
}
.Section--SingleProject .bz-project-details-text h3, .Section--SingleProject .bz-project-details-text h4 {
  font-size: 42px;
  font-weight: 600;
  padding-bottom: 35px;
}
.Section--SingleProject .bz-project-details-text h4 {
  font-size: 36px;
  padding-bottom: 25px;
}
.Section--SingleProject .bz-project-details-text p {
  line-height: 1.875;
  padding-bottom: 35px;
  margin: 0;
}
.Section--SingleProject .bz-project-details-text li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 25px;
}
.Section--SingleProject .bz-project-details-text li:before {
  top: 0;
  left: 0;
  content: "\f058";
  position: absolute;
  font-weight: 300;
  font-family: "Font Awesome 6 free";
}
.Section--SingleProject .bz-project-details-feature .feature-list li span {
  float: right;
  font-weight: 400;
}
.Section--SingleProject .bz-project-details-feature .project-share {
  margin-top: 30px;
}
.Section--SingleProject .bz-project-details-feature .project-share .title {
  font-weight: 700;
}
.Section--SingleProject .bz-project-details-feature .project-share .share-social a {
  margin-left: 5px;
}
.Section--SingleProject .bz-project-details-img-wrapper {
  padding-bottom: 55px;
}
.Section--SingleProject .bz-project-next-prev-btn {
  margin-top: 80px;
}
.Section--SingleProject .bz-project-next-prev-btn a {
  font-weight: 600;
}
.Section--SingleProject .bz-project-next-prev-btn a i {
  margin-right: 15px;
}
.Section--SingleProject .bz-project-next-prev-btn a:nth-child(2) i {
  margin-right: 0;
  margin-left: 15px;
}
.Section--SingleProject .bz-project-details-img-slider {
  margin-bottom: 50px;
}
.Section--SingleProject .bz-project-details-img-wrapper {
  padding-top: 50px;
}
.Section--SingleProject .bz-project-details-section {
  padding: 120px 0px;
}
.Section--SingleProject .bz-project-details-img-area {
  position: relative;
}
.Section--SingleProject .bz-project-details-img-area .button-view-video .AnchorButton {
  width: 50px;
  height: 50px;
  font-size: 18px;
}

body .Section--SingleProject {
  color: #585476;
}
body .Section--SingleProject .bz-project-details-feature {
  background-color: #73299a;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
body .Section--SingleProject .bz-project-details-feature h3 {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .feature-list li {
  color: #fff;
  border-bottom: 1px solid #6c6c74;
}
body .Section--SingleProject .bz-project-details-feature .feature-list li span {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .project-share .title {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .project-share .share-social a {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .project-share .share-social a:hover {
  color: #73299a;
}
body .Section--SingleProject .bz-project-next-prev-btn a:hover {
  color: #73299a;
}
body .Section--SingleProject .bz-project-details-text h3, body .Section--SingleProject .bz-project-details-text h4 {
  color: #000000;
}
body .Section--SingleProject .bz-project-details-text li:before {
  color: #6c2b95;
}
body .Section--SingleProject .bz-project-details-feature {
  background-color: #73299a;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
body .Section--SingleProject .bz-project-details-feature h3 {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .feature-list li {
  color: #fff;
  border-bottom: 1px solid #6c6c74;
}
body .Section--SingleProject .bz-project-details-feature .feature-list li span {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .project-share {
  margin-top: 30px;
}
body .Section--SingleProject .bz-project-details-feature .project-share .title {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .project-share .share-social a {
  color: #fff;
}
body .Section--SingleProject .bz-project-details-feature .project-share .share-social a:hover {
  color: #73299a;
}
body .Section--SingleProject .bz-project-next-prev-btn a:hover {
  color: #73299a;
}

body.Dark .Section--SingleProject {
  color: #b4abf3;
}
body.Dark .Section--SingleProject .bz-project-details-feature {
  background-color: #877ec1;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
body.Dark .Section--SingleProject .bz-project-details-feature h3 {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .feature-list li {
  color: #fff;
  border-bottom: 1px solid #6c6c74;
}
body.Dark .Section--SingleProject .bz-project-details-feature .feature-list li span {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share .title {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share .share-social a {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share .share-social a:hover {
  color: #73299a;
}
body.Dark .Section--SingleProject .bz-project-next-prev-btn a:hover {
  color: #73299a;
}
body.Dark .Section--SingleProject .bz-project-details-text h3, body.Dark .Section--SingleProject .bz-project-details-text h4 {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-text li:before {
  color: #b452f2;
}
body.Dark .Section--SingleProject .bz-project-details-feature {
  background-color: #73299a;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
body.Dark .Section--SingleProject .bz-project-details-feature h3 {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .feature-list li {
  color: #fff;
  border-bottom: 1px solid #6c6c74;
}
body.Dark .Section--SingleProject .bz-project-details-feature .feature-list li span {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share {
  margin-top: 30px;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share .title {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share .share-social a {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-details-feature .project-share .share-social a:hover {
  color: #fff;
}
body.Dark .Section--SingleProject .bz-project-next-prev-btn a:hover {
  color: #73299a;
}

.Section--SingleBlog {
  padding-top: 130px;
  padding-bottom: 130px;
  font-size: 16px;
  line-height: 32px;
  /* Blog Details */
  /* Comments */
  /* Comment Form */
}
.Section--SingleBlog p {
  color: inherit;
}
.Section--SingleBlog h1, .Section--SingleBlog h2, .Section--SingleBlog h3, .Section--SingleBlog h4, .Section--SingleBlog h5, .Section--SingleBlog h6 {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.Section--SingleBlog img {
  width: 100%;
  max-height: 565px;
  height: 100%;
  display: inline-block;
}
.Section--SingleBlog blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 33px 50px 30px;
}
.Section--SingleBlog blockquote i {
  margin-right: 10px;
}
.Section--SingleBlog .comment-body:last-child {
  border-color: transparent !important;
}
.Section--SingleBlog .comment-body img {
  width: 60px;
  max-height: 60px;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
  padding: 5px;
}
.Section--SingleBlog .mb-40 {
  margin-bottom: 40px;
}
.Section--SingleBlog .mb-20 {
  margin-bottom: 20px;
}
.Section--SingleBlog .pb-15 {
  padding-bottom: 15px;
}
.Section--SingleBlog .pt-10 {
  padding-top: 10px;
}
.Section--SingleBlog .pb-40 {
  padding-bottom: 40px;
}
.Section--SingleBlog .mt-60 {
  margin-top: 60px;
}
.Section--SingleBlog .mb-30 {
  margin-bottom: 30px;
}
.Section--SingleBlog .mt-75 {
  margin-top: 75px;
}
.Section--SingleBlog .mb-25 {
  margin-bottom: 25px;
}
.Section--SingleBlog .mt-80 {
  margin-top: 80px;
}
.Section--SingleBlog .pt-25 {
  padding-top: 25px;
}
.Section--SingleBlog .pb-55 {
  padding-bottom: 55px;
}
.Section--SingleBlog .form-group {
  position: relative;
  margin-bottom: 20px;
}
.Section--SingleBlog .blog-meta-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Poppins", sans-serif;
}
.Section--SingleBlog .blog-meta-two .tag {
  font-weight: 600;
  padding: 1px 15px;
  border-radius: 5px;
  text-transform: uppercase;
}
.Section--SingleBlog .blog-meta-two .author {
  font-weight: 600;
  text-transform: uppercase;
}
.Section--SingleBlog .blog-meta-two a {
  margin-bottom: 10px;
}
.Section--SingleBlog .blog-meta-two a i {
  margin-right: 5px;
}
.Section--SingleBlog .blog-meta-two a:not(:last-child) {
  margin-right: 40px;
}
.Section--SingleBlog .blog-details-content .button-view-video .AnchorButton {
  font-size: 40px !important;
}
.Section--SingleBlog .saasio-blog-sidebar .recent-post-img-text .rec-post-meta {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .Section--SingleBlog .blog-meta-two a:not(:last-child) {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .Section--SingleBlog blockquote {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 375px) {
  .Section--SingleBlog blockquote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.Section--SingleBlog blockquote h4 {
  line-height: 1.35;
  font-size: 22px;
}
@media only screen and (max-width: 479px) {
  .Section--SingleBlog blockquote:before {
    font-size: 35px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .Section--SingleBlog blockquote h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 375px) {
  .Section--SingleBlog blockquote h4 {
    font-size: 16px;
  }
}
.Section--SingleBlog blockquote .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 375px) {
  .Section--SingleBlog blockquote .name {
    font-size: 14px;
  }
}
.Section--SingleBlog blockquote .name:before {
  content: "";
  width: 40px;
  height: 3px;
  margin-right: 20px;
}
@media only screen and (max-width: 375px) {
  .Section--SingleBlog blockquote .name:before {
    width: 20px;
    margin-right: 15px;
  }
}
.Section--SingleBlog .list-style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.Section--SingleBlog .list-style-one li:not(:last-child) {
  margin-bottom: 8px;
}
.Section--SingleBlog .list-style-one li:before {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 20px;
  height: 20px;
  font-size: 11px;
  margin-top: 6px;
  content: "\f00c";
  font-weight: 600;
  line-height: 16px;
  border: 2px solid;
  text-align: center;
  margin-right: 12px;
  border-radius: 50%;
  font-family: "Font Awesome 6 free";
}
.Section--SingleBlog .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--SingleBlog .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--SingleBlog .blog-meta li i {
  margin: -3px 8px 0 0;
}
.Section--SingleBlog .blog-meta li:not(:last-child):after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-left: 22px;
  margin-right: 22px;
}
.Section--SingleBlog .blog-item {
  margin-bottom: 30px;
}
.Section--SingleBlog .blog-item .image img {
  width: 100%;
}
.Section--SingleBlog .blog-item .content {
  padding: 33px 40px 30px;
}
@media only screen and (max-width: 479px) {
  .Section--SingleBlog .blog-item .content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.Section--SingleBlog .blog-item .content .blog-meta li:after {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 479px) {
  .Section--SingleBlog .blog-item .content .blog-meta li:after {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.Section--SingleBlog .blog-item .content h4 {
  margin-bottom: 15px;
  letter-spacing: -1px;
}
@media only screen and (max-width: 375px) {
  .Section--SingleBlog .blog-item .content h4 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .Section--SingleBlog .blog-item .content h4 {
    font-size: 24px;
  }
}
.Section--SingleBlog .blog-item .content .author {
  margin-bottom: 20px;
}
.Section--SingleBlog .blog-item .content .author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.Section--SingleBlog .blog-item .content .author i {
  margin-left: 10px;
  margin-right: 5px;
}
.Section--SingleBlog .blog-item .content .author a {
  font-weight: 500;
}
.Section--SingleBlog .blog-item .content .author-more {
  margin-top: 30px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.Section--SingleBlog .blog-item .content .author-more .author,
.Section--SingleBlog .blog-item .content .author-more .read-more {
  margin-top: 15px;
  margin-bottom: 0;
}
.Section--SingleBlog .blog-standard-item {
  margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
  .Section--SingleBlog .blog-standard-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.Section--SingleBlog .blog-standard-item .image {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) {
  .Section--SingleBlog .blog-standard-item .image {
    width: 48%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 0;
    margin-right: 50px;
  }
}
.Section--SingleBlog .blog-standard-item .content h4 {
  line-height: 1.48;
  margin-bottom: 18px;
}
@media only screen and (min-width: 376px) {
  .Section--SingleBlog .blog-standard-item .content h4 {
    font-size: 24px;
  }
}
.Section--SingleBlog .blog-standard-item .content p {
  margin-bottom: 20px;
}
.Section--SingleBlog .blog-details-content h3 {
  line-height: 1.4;
}
@media only screen and (max-width: 575px) {
  .Section--SingleBlog .blog-details-content h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .Section--SingleBlog .blog-details-content h3 {
    font-size: 25px;
  }
}
.Section--SingleBlog .blog-details-content > h4 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 376px) {
  .Section--SingleBlog .blog-details-content > h4 {
    font-size: 24px;
  }
}
.Section--SingleBlog .blog-details-content p {
  margin-bottom: 15px;
}
.Section--SingleBlog .tag-coulds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}
.Section--SingleBlog .tag-coulds a {
  font-size: 14px;
  font-weight: 500;
  padding: 2px 16px;
  margin: 10px 5px 0;
  text-transform: uppercase;
}
.Section--SingleBlog .tag-share {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.Section--SingleBlog .tag-share .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
.Section--SingleBlog .tag-share .item h5 {
  margin: 0 20px 0 0;
}
.Section--SingleBlog .tag-share .item .tag-coulds a {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 5px;
  text-transform: capitalize;
}
.Section--SingleBlog .social-style-three {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.Section--SingleBlog .social-style-three a {
  margin-left: 7.5px;
  margin-right: 7.5px;
}
@media only screen and (min-width: 376px) {
  .Section--SingleBlog .comment-title {
    font-size: 24px;
  }
}
.Section--SingleBlog .comment-body {
  padding-top: 40px;
  padding-bottom: 15px;
}
.Section--SingleBlog .comment-body-empty {
  padding-top: 15px;
  justify-content: center;
}
@media only screen and (min-width: 480px) {
  .Section--SingleBlog .comment-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .Section--SingleBlog .comment-body .content {
    flex: 1;
  }
}
.Section--SingleBlog .comment-body .author-thumb {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 85px;
  margin-right: 30px;
  margin-bottom: 15px;
}
.Section--SingleBlog .comment-body .author-thumb img {
  border-radius: 50%;
}
.Section--SingleBlog .comment-body .content h5 {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.Section--SingleBlog .comment-body .content h5 .theme-btn {
  font-size: 16px;
  border-radius: 5px;
  padding: 10px 18px;
  font-family: "Poppins", sans-serif;
}
.Section--SingleBlog .comment-body .content .date {
  display: block;
  margin: -2px 0 8px;
}
.Section--SingleBlog .admin-comment .comment-body {
  border: none;
  padding: 35px 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .Section--SingleBlog .admin-comment .comment-body {
    display: block;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.Section--SingleBlog .admin-comment .comment-body .author-thumb {
  max-width: 140px;
}
@media only screen and (min-width: 576px) {
  .Section--SingleBlog .admin-comment .comment-body .author-thumb {
    margin-bottom: 0;
  }
}
.Section--SingleBlog .comment-form {
  padding: 50px 50px 40px;
}
@media only screen and (max-width: 375px) {
  .Section--SingleBlog .comment-form {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 376px) {
  .Section--SingleBlog .comment-form h4 {
    font-size: 24px;
  }
}
.Section--SingleBlog .comment-form .form-group label {
  position: absolute;
  top: 0;
  right: 0;
}
.Section--SingleBlog .comment-form .form-control {
  font-size: 18px;
  border-radius: 0;
  padding: 15px 0 12px;
  border-width: 0 0 1px;
  background-color: transparent;
}
.Section--SingleBlog .comment-form .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.Section--SingleBlog .comment-form .form-check .form-check-input[type=radio] {
  width: 24px;
  height: 24px;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  margin-right: 20px;
  border-radius: 5px;
  background: transparent;
}
.Section--SingleBlog .comment-form .form-check .form-check-input[type=radio]:after {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.Section--SingleBlog .comment-form .form-check label {
  font-weight: 400;
  position: relative;
}
.Section--SingleBlog .saasio-blog-sidebar {
  padding-left: 30px;
}
.Section--SingleBlog .saasio-blog-sidebar .relative-position {
  position: relative;
}
.Section--SingleBlog .saasio-blog-sidebar img {
  display: block;
  max-width: 100%;
  height: 100%;
}
.Section--SingleBlog .saasio-blog-sidebar .float-left {
  float: left;
}
.Section--SingleBlog .saasio-blog-sidebar .widget-title-2 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}
.Section--SingleBlog .saasio-blog-sidebar .category-widget li a {
  width: 100%;
  display: block;
  font-family: "Poppins";
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.Section--SingleBlog .saasio-blog-sidebar .category-widget li:last-child a {
  border-bottom: 0;
}
.Section--SingleBlog .saasio-blog-sidebar .category-widget li a span {
  float: right;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget {
  margin-bottom: 60px;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget a {
  line-height: 1.5;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget input {
  height: 50px;
  width: 100%;
  border: none;
  padding-left: 15px;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget button {
  top: 0;
  right: 0;
  width: 50px;
  border: none;
  height: 50px;
  position: absolute;
}
.Section--SingleBlog .saasio-blog-sidebar .popular-widget a {
  font-weight: 600;
  padding: 10px 15px;
  margin: 3px;
  float: left;
  display: inline-block;
}
.Section--SingleBlog .saasio-blog-sidebar .ul-li ul {
  margin: 0;
  padding: 0;
}
.Section--SingleBlog .saasio-blog-sidebar .ul-li ul li {
  list-style: none;
  display: inline-block;
}
.Section--SingleBlog .saasio-blog-sidebar .ul-li-block ul {
  margin: 0;
  padding: 0;
}
.Section--SingleBlog .saasio-blog-sidebar .ul-li-block ul li {
  list-style: none;
  display: block;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-img {
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin-right: 15px;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-img h3 {
  margin: 0;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-img-text {
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 5px;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-text h3 {
  font-size: 14px;
}
.Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .category-widget a {
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .Section--SingleBlog .saasio-blog-sidebar {
    padding-left: 0;
  }
  .Section--SingleBlog .saasio-blog-sidebar .blog-feed-img-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .Section--SingleBlog .saasio-blog-sidebar .saasio-blog-sidebar {
    margin-top: 30px;
  }
}
@media screen and (max-width: 380px) {
  .Section--SingleBlog .saasio-blog-sidebar .saasio-blog-sidebar {
    padding-left: 30px;
  }
  .Section--SingleBlog .saasio-blog-sidebar .saasio-blog-sidebar .widget-title-2 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px;
  }
}

html[lang=ar] .Section--SingleBlog {
  /* Blog Details */
  /* Comments */
  /* Comment Form */
}
html[lang=ar] .Section--SingleBlog .blog-meta-two a i {
  margin-right: 0;
  margin-left: 5px;
}
html[lang=ar] .Section--SingleBlog .blog-meta-two a:not(:last-child) {
  margin-left: 40px;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  html[lang=ar] .Section--SingleBlog .blog-meta-two a:not(:last-child) {
    margin-right: 0;
    margin-left: 15px;
  }
}
html[lang=ar] .Section--SingleBlog blockquote .fa-quote-left {
  margin-right: 0;
  margin-left: 25px;
}
html[lang=ar] .Section--SingleBlog blockquote .fa-quote-left i {
  margin-left: 10px;
  margin-right: 0;
}
@media only screen and (max-width: 479px) {
  html[lang=ar] .Section--SingleBlog blockquote:before {
    margin-right: 0;
    margin-left: 15px;
  }
}
html[lang=ar] .Section--SingleBlog blockquote .name:before {
  margin-right: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 375px) {
  html[lang=ar] .Section--SingleBlog blockquote .name:before {
    margin-right: 0;
    margin-left: 15px;
  }
}
html[lang=ar] .Section--SingleBlog .list-style-one li:before {
  margin-right: 0;
  margin-left: 12px;
}
html[lang=ar] .Section--SingleBlog .blog-meta li i {
  margin: -3px 0 0 8px;
}
html[lang=ar] .Section--SingleBlog .blog-item .content .author i {
  margin-left: 5px;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) {
  html[lang=ar] .Section--SingleBlog .blog-standard-item .image {
    margin-right: 0;
    margin-left: 50px;
  }
}
html[lang=ar] .Section--SingleBlog .tag-share .item h5 {
  margin: 0 0 0 20px;
}
html[lang=ar] .Section--SingleBlog .comment-body .author-thumb {
  margin-right: 0;
  margin-left: 30px;
}
html[lang=ar] .Section--SingleBlog .comment-form .form-check {
  padding-right: 0;
  padding-left: 1.5em;
}
html[lang=ar] .Section--SingleBlog .comment-form .form-group label {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio] {
  margin-right: 0;
  margin-left: 20px;
}
html[lang=ar] .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio]:after {
  left: initial;
  right: 50%;
  transform: translate(50%, -50%);
}
html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar {
  padding-left: 0;
  padding-right: 30px;
}
html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar .float-left {
  float: right;
}
html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar .category-widget li a span {
  float: left;
}
html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget button {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget input {
  padding-left: 0;
  padding-right: 15px;
}
html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-img {
  margin-right: 0;
  margin-left: 15px;
}
@media screen and (max-width: 991px) {
  html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar {
    padding-right: 0;
  }
}
@media screen and (max-width: 380px) {
  html[lang=ar] .Section--SingleBlog .saasio-blog-sidebar .saasio-blog-sidebar {
    padding-left: 0;
    padding-right: 30px;
  }
}

body .Section--SingleBlog {
  color: #838694;
  /* Blog Details */
  /* Comments */
  /* Comment Form */
}
body .Section--SingleBlog h1, body .Section--SingleBlog h2, body .Section--SingleBlog h3, body .Section--SingleBlog h4, body .Section--SingleBlog h5, body .Section--SingleBlog h6 {
  color: #1b1f2e;
}
body .Section--SingleBlog blockquote {
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .bgc-lighter {
  background-color: #f7f7f9;
}
body .Section--SingleBlog .blog-meta-two .tag {
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .blog-meta-two .tag:hover {
  color: #1b1f2e;
  background: #30f0b6;
  border-color: #30f0b6;
}
body .Section--SingleBlog .blog-meta-two .author {
  color: #674df3;
}
body .Section--SingleBlog .comment-body img {
  background-color: #d4fafa;
}
body .Section--SingleBlog blockquote .fa-quote-left {
  color: #674df3;
}
body .Section--SingleBlog blockquote .name:before {
  background: #30f0b6;
}
body .Section--SingleBlog .list-style-one li {
  color: #1b1f2e;
}
body .Section--SingleBlog .list-style-one li:before {
  color: #674df3;
}
body .Section--SingleBlog .testimonial-item .image img, body .Section--SingleBlog .blog-item .content {
  -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
  box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
}
body .Section--SingleBlog .blog-meta li:not(:last-child):after {
  background: #838694;
}
body .Section--SingleBlog .blog-item .content .blog-meta li:after {
  background: #838694;
}
body .Section--SingleBlog .blog-item .content .author a {
  color: #674df3;
}
body .Section--SingleBlog .blog-item .content .author-more {
  border-top: 1px solid rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .tag-coulds a {
  color: #1b1f2e;
  background: #f7f7f9;
}
body .Section--SingleBlog .tag-coulds a:hover {
  background: #30f0b6;
}
body .Section--SingleBlog .social-style-three a:hover {
  color: #674df3;
}
body .Section--SingleBlog .comment-body {
  border-bottom: 1px solid rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .comment-body:first-child {
  border-top: 1px solid rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .admin-comment .comment-body {
  background: #f7f7f9;
}
body .Section--SingleBlog .comment-form {
  padding: 50px 50px 40px;
}
body .Section--SingleBlog .comment-form .form-control {
  border-color: rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .comment-form .form-control::-webkit-input-placeholder {
  color: #1b1f2e;
}
body .Section--SingleBlog .comment-form .form-control:-ms-input-placeholder {
  color: #1b1f2e;
}
body .Section--SingleBlog .comment-form .form-control::-ms-input-placeholder {
  color: #1b1f2e;
}
body .Section--SingleBlog .comment-form .form-control::placeholder {
  color: #1b1f2e;
}
body .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio] {
  background: transparent;
  border: 2px solid rgba(32, 78, 207, 0.2);
}
body .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio]:after {
  background: rgba(21, 16, 31, 0.1);
}
body .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio]:checked:after {
  background: #674df3;
}
body .Section--SingleBlog .saasio-blog-sidebar .category-widget li a {
  border-bottom: 1px solid #e8d8d8;
}
body .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget input {
  background-color: #e6e6e6;
}
body .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget button {
  color: #fff;
  background-color: #6c2b95;
}
body .Section--SingleBlog .saasio-blog-sidebar .popular-widget a {
  color: #fff;
  background-color: #6c2b95;
}
body .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-img-text {
  border-bottom: 1px solid #e8d8d8;
}

body.Dark .Section--SingleBlog {
  color: #b3b3b3;
  /* Blog Details */
  /* Comments */
  /* Comment Form */
}
body.Dark .Section--SingleBlog h1, body.Dark .Section--SingleBlog h2, body.Dark .Section--SingleBlog h3, body.Dark .Section--SingleBlog h4, body.Dark .Section--SingleBlog h5, body.Dark .Section--SingleBlog h6 {
  color: #fff;
}
body.Dark .Section--SingleBlog blockquote {
  border: 1px solid rgba(21, 16, 31, 0.1);
  background-color: #252525;
}
body.Dark .Section--SingleBlog .bgc-lighter {
  background-color: #252525;
}
body.Dark .Section--SingleBlog .blog-meta-two .tag {
  border: 1px solid rgba(21, 16, 31, 0.1);
}
body.Dark .Section--SingleBlog .blog-meta-two .tag:hover {
  color: #1b1f2e;
  background: #30f0b6;
  border-color: #30f0b6;
}
body.Dark .Section--SingleBlog .blog-meta-two .author {
  color: #674df3;
}
body.Dark .Section--SingleBlog .comment-body img {
  background-color: #fff;
}
body.Dark .Section--SingleBlog blockquote .fa-quote-left {
  color: #674df3;
}
body.Dark .Section--SingleBlog blockquote .name:before {
  background: #30f0b6;
}
body.Dark .Section--SingleBlog .list-style-one li {
  color: #efefef;
}
body.Dark .Section--SingleBlog .list-style-one li:before {
  color: #674df3;
}
body.Dark .Section--SingleBlog .testimonial-item .image img, body.Dark .Section--SingleBlog .blog-item .content {
  -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
  box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
}
body.Dark .Section--SingleBlog .blog-meta li:not(:last-child):after {
  background: #838694;
}
body.Dark .Section--SingleBlog .blog-item .content .blog-meta li:after {
  background: #838694;
}
body.Dark .Section--SingleBlog .blog-item .content .author a {
  color: #674df3;
}
body.Dark .Section--SingleBlog .blog-item .content .author-more {
  border-top: 1px solid rgba(21, 16, 31, 0.1);
}
body.Dark .Section--SingleBlog .tag-coulds a {
  color: #1b1f2e;
  background: #f7f7f9;
}
body.Dark .Section--SingleBlog .tag-coulds a:hover {
  background: #30f0b6;
}
body.Dark .Section--SingleBlog .social-style-three a:hover {
  color: #674df3;
}
body.Dark .Section--SingleBlog .comment-body {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.Dark .Section--SingleBlog .comment-body:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.Dark .Section--SingleBlog .admin-comment .comment-body {
  background: #252525;
}
body.Dark .Section--SingleBlog .comment-form {
  padding: 50px 50px 40px;
}
body.Dark .Section--SingleBlog .comment-form .form-control {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
body.Dark .Section--SingleBlog .comment-form .form-control::-webkit-input-placeholder {
  color: #1b1f2e;
}
body.Dark .Section--SingleBlog .comment-form .form-control:-ms-input-placeholder {
  color: #1b1f2e;
}
body.Dark .Section--SingleBlog .comment-form .form-control::-ms-input-placeholder {
  color: #1b1f2e;
}
body.Dark .Section--SingleBlog .comment-form .form-control::placeholder {
  color: #fff;
}
body.Dark .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio] {
  background: transparent;
  border: 2px solid rgba(32, 78, 207, 0.2);
}
body.Dark .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio]:after {
  background: rgba(21, 16, 31, 0.1);
}
body.Dark .Section--SingleBlog .comment-form .form-check .form-check-input[type=radio]:checked:after {
  background: #674df3;
}
body.Dark .Section--SingleBlog .saasio-blog-sidebar .category-widget li a {
  border-bottom: 1px solid #e8d8d8;
}
body.Dark .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget input {
  background-color: #e6e6e6;
}
body.Dark .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .search-widget button {
  color: #fff;
  background-color: #6c2b95;
}
body.Dark .Section--SingleBlog .saasio-blog-sidebar .popular-widget a {
  color: #fff;
  background-color: #6c2b95;
}
body.Dark .Section--SingleBlog .saasio-blog-sidebar .side-bar-widget .recent-post-img-text {
  border-bottom: 1px solid #e8d8d8;
}

.Section--SingleNews {
  padding-top: 100px;
  padding-bottom: 100px;
  line-height: 1.6;
  font-weight: 400;
  font-size: 16px;
}
.Section--SingleNews h4 {
  font-family: "Lora", serif;
  font-weight: 600;
}
.Section--SingleNews .meta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--SingleNews .meta span {
  margin-left: 6px;
}
.Section--SingleNews .meta .author {
  margin-right: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.Section--SingleNews .meta .author .thumb {
  width: 28px;
  height: 28px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.Section--SingleNews .meta .author img {
  margin-right: 8px;
  border-radius: 50% !important;
}
.Section--SingleNews .meta .date {
  margin-right: 17px;
}
.Section--SingleNews .meta .date i, .Section--SingleNews .meta .date svg {
  margin-right: 10px;
}
.Section--SingleNews .meta .comment {
  margin-left: 22px;
}
.Section--SingleNews .meta .comment i, .Section--SingleNews .meta .comment svg {
  margin-right: 10px;
}
.Section--SingleNews .meta .Length {
  argin-left: 10px;
}
.Section--SingleNews .media-post-wrap {
  margin-bottom: 29px;
}
.Section--SingleNews .media-post-wrap.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Section--SingleNews .media-post-wrap.media .thumb {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 10px;
}
.Section--SingleNews .media-post-wrap.media .tag {
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
  height: auto;
  line-height: initial;
  padding: 0;
  display: block;
  margin-bottom: 5px;
}
.Section--SingleNews .media-post-wrap.media .meta {
  display: block;
}
.Section--SingleNews .media-post-wrap.media h6 {
  font-size: 15px;
  font-weight: 500;
}
.Section--SingleNews .media-post-wrap .thumb {
  position: relative;
  border-radius: 5px;
}
.Section--SingleNews .media-post-wrap .thumb img {
  width: 100%;
  border-radius: 5px;
}
.Section--SingleNews .media-post-wrap .thumb .tag {
  position: absolute;
  top: 20px;
}
.Section--SingleNews .media-post-wrap .media-body h6 {
  font-weight: 600;
  margin: 5px 0 11px;
}
.Section--SingleNews .media-post-wrap .media-body h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 16px;
  margin-bottom: 15px;
}
.Section--SingleNews .media-post-wrap .media-body h2 {
  font-family: "Lora", Sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.01px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.Section--SingleNews .media-post-wrap .media-body h1 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  margin-bottom: 10px;
  position: relative;
  word-break: break-word;
  font-weight: 400;
  margin-top: 15px;
}
.Section--SingleNews .media-post-wrap h4 {
  font-weight: 400;
}
.Section--SingleNews .media-post-wrap h3 {
  font-size: 32px;
  font-weight: 400;
}
.Section--SingleNews .media-post-wrap p {
  margin-top: 25px;
  font-size: 17px;
}
.Section--SingleNews blockquote {
  padding: 10px 50px 45px;
  margin: 30px 0;
  border-radius: 3px;
}
.Section--SingleNews blockquote p {
  font-size: 14px;
  line-height: 1.5;
  margin: 25px 0 20px;
  font-weight: 500;
  text-align: center;
}
.Section--SingleNews blockquote .icon {
  font-size: 48px;
  line-height: initial;
  margin-bottom: -7px;
}
.Section--SingleNews .single-list-inner {
  list-style: initial;
  padding-left: 15px;
}
.Section--SingleNews .single-list-inner li {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 18px;
}
.Section--SingleNews .blog-tag-area, .Section--SingleNews .blog-share-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Section--SingleNews .blog-tag-area h4, .Section--SingleNews .blog-share-area h4 {
  margin-right: 10px;
}
.Section--SingleNews .blog-tag-area a {
  border: 1px solid;
  display: inline-block !important;
  font-size: 15px !important;
  padding: 0px 18px;
  height: 41px;
  line-height: 39px;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-right: 12px;
  transition: all 0.3s;
}
.Section--SingleNews .blog-share-area a {
  display: inline-block;
  margin-left: 16px;
}
.Section--SingleNews .tag {
  border-radius: 3px;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  line-height: 30px;
  padding: 0 12px;
}
.Section--SingleNews .tag.top-right {
  left: auto !important;
  right: 20px;
}

html[lang=ar] .Section--SingleNews .meta span {
  margin-left: 0;
  margin-right: 6px;
}
html[lang=ar] .Section--SingleNews .meta .author {
  margin-right: 0;
  margin-left: 35px;
}
html[lang=ar] .Section--SingleNews .meta .author .thumb {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .Section--SingleNews .meta .author img {
  margin-right: 0;
  margin-left: 8px;
}
html[lang=ar] .Section--SingleNews .meta .date {
  margin-right: 0;
  margin-left: 17px;
}
html[lang=ar] .Section--SingleNews .meta .date i,
html[lang=ar] .Section--SingleNews .meta .date svg {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .Section--SingleNews .meta .comment {
  margin-left: 0;
  margin-right: 22px;
}
html[lang=ar] .Section--SingleNews .meta .comment i,
html[lang=ar] .Section--SingleNews .meta .comment svg {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .Section--SingleNews .media-post-wrap.media .thumb {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .Section--SingleNews .media-post-wrap.media .meta i {
  color: var(--heading-color);
}
html[lang=ar] .Section--SingleNews .single-list-inner {
  padding-left: 0;
  padding-right: 15px;
}
html[lang=ar] .Section--SingleNews .blog-tag-area h4,
html[lang=ar] .Section--SingleNews .blog-share-area h4 {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .Section--SingleNews .blog-tag-area a {
  margin-right: 0;
  margin-left: 12px;
}
html[lang=ar] .Section--SingleNews .blog-share-area a {
  margin-left: 0;
  margin-right: 16px;
}
html[lang=ar] .Section--SingleNews .tag.top-right {
  left: 20px !important;
  right: auto;
}

body .Section--SingleNews {
  color: #555555;
}
body .Section--SingleNews h4 {
  color: #111111;
}
body .Section--SingleNews .meta {
  color: rgb(118, 117, 117);
}
body .Section--SingleNews .meta span {
  margin-left: 6px;
}
body .Section--SingleNews .meta .author {
  color: #111;
}
body .Section--SingleNews .meta.meta-2 .date i,
body .Section--SingleNews .meta.meta-2 i {
  color: #dfb50b !important;
}
body .Section--SingleNews .meta.meta-3 .date i,
body .Section--SingleNews .meta.meta-3 i {
  color: #ff1d5b !important;
}
body .Section--SingleNews .media-post-wrap.media .meta i {
  color: var(--heading-color);
}
body .Section--SingleNews .media-post-wrap .media-body h6:hover {
  color: var(--secondary-color);
}
body .Section--SingleNews .media-post-wrap .media-body h4:hover {
  color: var(--secondary-color);
}
body .Section--SingleNews .media-post-wrap .media-body h1 {
  color: #111;
}
body .Section--SingleNews .media-post-wrap .media-body h1:hover {
  color: #FF3A3A;
}
body .Section--SingleNews .media-post-wrap p {
  color: #111;
}
body .Section--SingleNews blockquote {
  background: rgba(245, 242, 255, 0.5);
}
body .Section--SingleNews blockquote p {
  color: #111;
}
body .Section--SingleNews blockquote .icon {
  color: rgba(255, 53, 36, 0.1);
}
body .Section--SingleNews .single-list-inner li::marker {
  color: #FF3A3A;
}
body .Section--SingleNews .blog-tag-area h4, body .Section--SingleNews .blog-share-area h4 {
  margin-right: 10px;
}
body .Section--SingleNews .blog-tag-area a {
  border-color: #e4e4e4;
  color: #A0A0A0;
}
body .Section--SingleNews .blog-tag-area a:hover {
  border-color: #FF3A3A !important;
  background: #FF3A3A !important;
  color: #fff;
}
body .Section--SingleNews .tag {
  color: #ffffff;
}
body .Section--SingleNews .tag:active, body .Section--SingleNews .tag:focus, body .Section--SingleNews .tag:hover {
  color: #ffffff;
}
body .Section--SingleNews .tag.tag-blue {
  background: #0085FF;
}
body .Section--SingleNews .tag.tag-pest {
  background: #55cec0;
}
body .Section--SingleNews .tag.tag-yellow {
  background: #f4af46;
}
body .Section--SingleNews .tag.tag-purple {
  background: #5a31f4;
}
body .Section--SingleNews .tag.tag-red {
  background: #E12127;
}
body .Section--SingleNews .tag .tag-sky {
  background: #10D0FA;
}
body .Section--SingleNews .tag.tag-pink {
  background: #FF005C;
}
body .Section--SingleNews .tag.tag-green {
  background: #2aac37;
}
body .Section--SingleNews .tag.tag-light-blue {
  background: #818EFE;
}
body .Section--SingleNews .tag .text-red {
  color: #E12127;
}
body .Section--SingleNews .tag.text-pink {
  color: #FF005C;
}
body .Section--SingleNews .tag.text-sky {
  color: #10CFFA;
}
body .Section--SingleNews .tag.text-purple {
  color: #5200FF;
}
body .Section--SingleNews .tag.text-green {
  color: #07B404;
}
body .Section--SingleNews .tag.text-orange {
  color: #F85E07;
}

body.Dark .Section--SingleNews {
  color: #555555;
}
body.Dark .Section--SingleNews h4 {
  color: #f1f1f1;
}
body.Dark .Section--SingleNews .meta {
  color: rgb(118, 117, 117);
}
body.Dark .Section--SingleNews .meta span {
  margin-left: 6px;
}
body.Dark .Section--SingleNews .meta .author {
  color: #b3b3b3;
}
body.Dark .Section--SingleNews .meta.meta-2 .date i,
body.Dark .Section--SingleNews .meta.meta-2 i {
  color: #dfb50b !important;
}
body.Dark .Section--SingleNews .meta.meta-3 .date i,
body.Dark .Section--SingleNews .meta.meta-3 i {
  color: #ff1d5b !important;
}
body.Dark .Section--SingleNews .media-post-wrap.media .meta i {
  color: var(--heading-color);
}
body.Dark .Section--SingleNews .media-post-wrap .media-body h6:hover {
  color: var(--secondary-color);
}
body.Dark .Section--SingleNews .media-post-wrap .media-body h4:hover {
  color: var(--secondary-color);
}
body.Dark .Section--SingleNews .media-post-wrap .media-body h1 {
  color: #fff;
}
body.Dark .Section--SingleNews .media-post-wrap .media-body h1:hover {
  color: #FF3A3A;
}
body.Dark .Section--SingleNews .media-post-wrap p {
  color: #b3b3b3;
}
body.Dark .Section--SingleNews blockquote {
  background: #252525;
}
body.Dark .Section--SingleNews blockquote p {
  color: #111;
}
body.Dark .Section--SingleNews blockquote .icon {
  color: #fff;
}
body.Dark .Section--SingleNews .single-list-inner li {
  color: #b3b3b3;
}
body.Dark .Section--SingleNews .single-list-inner li::marker {
  color: #FF3A3A;
}
body.Dark .Section--SingleNews .blog-tag-area h4, body.Dark .Section--SingleNews .blog-share-area h4 {
  margin-right: 10px;
}
body.Dark .Section--SingleNews .blog-tag-area a {
  border-color: #e4e4e4;
  color: #A0A0A0;
}
body.Dark .Section--SingleNews .blog-tag-area a:hover {
  border-color: #FF3A3A !important;
  background: #FF3A3A !important;
  color: #fff;
}
body.Dark .Section--SingleNews .tag {
  color: #ffffff;
}
body.Dark .Section--SingleNews .tag:active, body.Dark .Section--SingleNews .tag:focus, body.Dark .Section--SingleNews .tag:hover {
  color: #ffffff;
}
body.Dark .Section--SingleNews .tag.tag-blue {
  background: #0085FF;
}
body.Dark .Section--SingleNews .tag.tag-pest {
  background: #55cec0;
}
body.Dark .Section--SingleNews .tag.tag-yellow {
  background: #f4af46;
}
body.Dark .Section--SingleNews .tag.tag-purple {
  background: #5a31f4;
}
body.Dark .Section--SingleNews .tag.tag-red {
  background: #E12127;
}
body.Dark .Section--SingleNews .tag .tag-sky {
  background: #10D0FA;
}
body.Dark .Section--SingleNews .tag.tag-pink {
  background: #FF005C;
}
body.Dark .Section--SingleNews .tag.tag-green {
  background: #2aac37;
}
body.Dark .Section--SingleNews .tag.tag-light-blue {
  background: #818EFE;
}
body.Dark .Section--SingleNews .tag .text-red {
  color: #E12127;
}
body.Dark .Section--SingleNews .tag.text-pink {
  color: #FF005C;
}
body.Dark .Section--SingleNews .tag.text-sky {
  color: #10CFFA;
}
body.Dark .Section--SingleNews .tag.text-purple {
  color: #5200FF;
}
body.Dark .Section--SingleNews .tag.text-green {
  color: #07B404;
}
body.Dark .Section--SingleNews .tag.text-orange {
  color: #F85E07;
}

.Section--ImageGallery, .Section--VideoGallery {
  position: relative;
  padding: 100px 0;
}
.Section--ImageGallery h1, .Section--ImageGallery h2, .Section--ImageGallery h3, .Section--ImageGallery h4, .Section--ImageGallery h5, .Section--ImageGallery h6, .Section--VideoGallery h1, .Section--VideoGallery h2, .Section--VideoGallery h3, .Section--VideoGallery h4, .Section--VideoGallery h5, .Section--VideoGallery h6 {
  font-weight: 700;
  letter-spacing: 0;
  margin: 0 0 15px;
  line-height: 1.2;
}
.Section--ImageGallery img, .Section--VideoGallery img {
  vertical-align: middle;
  border-style: none;
}
.Section--ImageGallery .sec_titles, .Section--VideoGallery .sec_titles {
  padding-left: 0;
}
.Section--ImageGallery .gallery_nav, .Section--VideoGallery .gallery_nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin: 0 0 25px 0;
  padding: 0;
  text-align: right;
}
.Section--ImageGallery .gallery_nav li, .Section--VideoGallery .gallery_nav li {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  line-height: 0.8;
  cursor: pointer;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
}
.Section--ImageGallery .gallery_nav li i, .Section--VideoGallery .gallery_nav li i {
  display: inline-block;
  font-size: 20px;
  margin-right: 7px;
  position: relative;
  top: 3px;
}
.Section--ImageGallery .row.shafull_container, .Section--VideoGallery .row.shafull_container {
  overflow: visible !important;
}
.Section--ImageGallery .gal_item_2, .Section--VideoGallery .gal_item_2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.Section--ImageGallery .gal_item_2 img, .Section--VideoGallery .gal_item_2 img {
  height: 200px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Section--ImageGallery .gal_item_2:hover img, .Section--VideoGallery .gal_item_2:hover img {
  transform: scale(1.08) rotate(-2deg);
  -moz-transform: scale(1.08) rotate(-2deg);
  -webkit-transform: scale(1.08) rotate(-2deg);
  -ms-transform: scale(1.08) rotate(-2deg);
  -o-transform: scale(1.08) rotate(-2deg);
}
.Section--ImageGallery .gal_item_2:after, .Section--VideoGallery .gal_item_2:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.3s;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.Section--ImageGallery .gal_item_2 h4, .Section--VideoGallery .gal_item_2 h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 86px;
  z-index: 3;
  text-align: center;
  visibility: hidden;
  opacity: 0;
}
.Section--ImageGallery .gal_item_2 h4 a, .Section--VideoGallery .gal_item_2 h4 a {
  color: inherit;
}
.Section--ImageGallery .gal_item_2 .hot_count, .Section--VideoGallery .gal_item_2 .hot_count {
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 47px;
  width: 64px;
  font-size: 18px;
  line-height: 0.8;
  letter-spacing: 0.36px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  height: 27px;
  border-radius: 30px;
  padding: 6px 0;
  font-family: "Barlow Condensed", sans-serif;
  visibility: hidden;
  opacity: 0;
}
.Section--ImageGallery .gal_item_2 .hot_count i, .Section--VideoGallery .gal_item_2 .hot_count i {
  display: inline-block;
  font-size: 14px;
  position: relative;
  margin-right: 2px;
}
.Section--ImageGallery .gal_item_2:hover:after, .Section--VideoGallery .gal_item_2:hover:after {
  visibility: visible;
  opacity: 1;
}
.Section--ImageGallery .gal_item_2 h4, .Section--VideoGallery .gal_item_2 h4 {
  -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 30px, 0);
  -moz-transform: translate3d(0, 30px, 0);
  -webkit-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -o-transform: translate3d(0, 30px, 0);
}
.Section--ImageGallery .gal_item_2 .hot_count, .Section--VideoGallery .gal_item_2 .hot_count {
  -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 30px, 0);
  -moz-transform: translate3d(0, 30px, 0);
  -webkit-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -o-transform: translate3d(0, 30px, 0);
}
.Section--ImageGallery .gal_item_2:hover .hot_count,
.Section--ImageGallery .gal_item_2:hover h4, .Section--VideoGallery .gal_item_2:hover .hot_count,
.Section--VideoGallery .gal_item_2:hover h4 {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.Section--ImageGallery .magro_btn, .Section--VideoGallery .magro_btn {
  position: relative;
  height: 57px;
  text-align: center;
  display: inline-block;
  outline: none;
  border-radius: 0;
  background: transparent;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 0.8;
  font-weight: 700;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.8px;
  padding: 21px 54px;
}
.Section--ImageGallery .magro_btn span, .Section--VideoGallery .magro_btn span {
  position: relative;
  width: 20px;
  height: 20px;
  top: -15px;
  line-height: 0.8;
  margin-right: 9px;
  display: inline-table;
}
.Section--ImageGallery .magro_btn span img, .Section--VideoGallery .magro_btn span img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: rotation 2s infinite linear;
}
.Section--ImageGallery .magro_btn span img:nth-child(2), .Section--VideoGallery .magro_btn span img:nth-child(2) {
  z-index: -1;
}
.Section--ImageGallery .magro_btn:hover span img:nth-child(2), .Section--VideoGallery .magro_btn:hover span img:nth-child(2) {
  z-index: 1;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.Section--ImageGallery .comon_section, .Section--VideoGallery .comon_section {
  position: relative;
  padding: 100px 0;
}
.Section--ImageGallery .sec_titles, .Section--VideoGallery .sec_titles {
  font-size: 40px;
  font-weight: 800;
  line-height: 0.8;
  position: relative;
  margin: -4px 0 38px;
  padding-left: 20px;
}
.Section--ImageGallery .sec_titles i, .Section--VideoGallery .sec_titles i {
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: 28px;
}
.Section--ImageGallery .sec_titles i:after, .Section--VideoGallery .sec_titles i:after {
  content: "";
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 2px;
  height: 4px;
}
.Section--ImageGallery .sec_titles_2, .Section--VideoGallery .sec_titles_2 {
  position: relative;
  font-size: 26px;
  line-height: 0.8;
  text-transform: uppercase;
  letter-spacing: 1.04px;
  padding-bottom: 22px;
  margin: 0 0 38px;
}
.Section--ImageGallery .sec_titles_2 i, .Section--VideoGallery .sec_titles_2 i {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 70px;
  height: 5px;
}
.Section--ImageGallery .sec_titles_2 i:after, .Section--VideoGallery .sec_titles_2 i:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 0 7px;
  left: 0;
  top: -6px;
}
.Section--ImageGallery .sec_titles_3, .Section--VideoGallery .sec_titles_3 {
  font-size: 22px;
  line-height: 0.8;
  text-align: center;
  font-weight: 800;
  display: inline-block;
  text-transform: uppercase;
  height: 44px;
  letter-spacing: 1.32px;
  border: none;
  margin: 0 0 38px;
  padding: 12px 27px;
}
.Section--ImageGallery .sec_titles_3:after, .Section--VideoGallery .sec_titles_3:after {
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  content: "";
  top: 21px;
  left: 15px;
  z-index: -1;
}
.Section--ImageGallery .sec_titles_3:before, .Section--VideoGallery .sec_titles_3:before {
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  content: "";
  top: 22px;
  left: 15px;
  z-index: -1;
}
.Section--ImageGallery .sec_titles_3 i, .Section--VideoGallery .sec_titles_3 i {
  position: relative;
}
.Section--ImageGallery .sec_titles_3 i:after, .Section--VideoGallery .sec_titles_3 i:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -19px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 0;
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -ms-transition: all ease 400ms;
  -o-transition: all ease 400ms;
}
.Section--ImageGallery .shaf_item.concealed, .Section--VideoGallery .shaf_item.concealed {
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  width: 0;
  height: 0;
}
.Section--VideoGallery .shuffle-item .gal_item_2 .venobox[data-vbtype=video] i {
  width: 70px;
  height: 70px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  color: #fff !important;
  border: 1px solid #fff;
  transition: all 0.3s;
}
.Section--VideoGallery .shuffle-item .gal_item_2 .venobox[data-vbtype=video] i:hover {
  background-color: #c72026;
  color: #fff !important;
  border-color: transparent;
}

html[lang=ar] .Section--ImageGallery .gallery_nav li, html[lang=ar] .Section--VideoGallery .gallery_nav li {
  margin-left: 0;
}
html[lang=ar] .Section--ImageGallery .gallery_nav li:first-child, html[lang=ar] .Section--VideoGallery .gallery_nav li:first-child {
  margin-left: 0;
}
html[lang=ar] .Section--ImageGallery .gallery_nav li i, html[lang=ar] .Section--VideoGallery .gallery_nav li i {
  margin-right: 0;
  margin-left: 7px;
}
html[lang=ar] .Section--ImageGallery .gal_item_2:hover img, html[lang=ar] .Section--VideoGallery .gal_item_2:hover img {
  transform: scale(1.08) rotate(2deg);
  -moz-transform: scale(1.08) rotate(2deg);
  -webkit-transform: scale(1.08) rotate(2deg);
  -ms-transform: scale(1.08) rotate(2deg);
  -o-transform: scale(1.08) rotate(2deg);
}
html[lang=ar] .Section--ImageGallery .gal_item_2:after, html[lang=ar] .Section--VideoGallery .gal_item_2:after {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--ImageGallery .magro_btn span, html[lang=ar] .Section--VideoGallery .magro_btn span {
  margin-right: 0;
  margin-left: 9px;
}
html[lang=ar] .Section--ImageGallery .magro_btn span img, html[lang=ar] .Section--VideoGallery .magro_btn span img {
  left: initial;
  right: 0;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
html[lang=ar] .Section--ImageGallery .sec_titles, html[lang=ar] .Section--VideoGallery .sec_titles {
  padding-left: 0;
  padding-right: 20px;
}
html[lang=ar] .Section--ImageGallery .sec_titles i, html[lang=ar] .Section--VideoGallery .sec_titles i {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--ImageGallery .sec_titles i:after, html[lang=ar] .Section--VideoGallery .sec_titles i:after {
  right: 0;
  left: -2px;
}
html[lang=ar] .Section--ImageGallery .sec_titles_2 i, html[lang=ar] .Section--VideoGallery .sec_titles_2 i {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--ImageGallery .sec_titles_2 i:after, html[lang=ar] .Section--VideoGallery .sec_titles_2 i:after {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--ImageGallery .sec_titles_3:after, html[lang=ar] .Section--VideoGallery .sec_titles_3:after {
  left: initial;
  right: 15px;
}
html[lang=ar] .Section--ImageGallery .sec_titles_3:before, html[lang=ar] .Section--VideoGallery .sec_titles_3:before {
  left: initial;
  right: 15px;
}
html[lang=ar] .Section--ImageGallery .sec_titles_3 i:after, html[lang=ar] .Section--VideoGallery .sec_titles_3 i:after {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--ImageGallery .shaf_item.concealed, html[lang=ar] .Section--VideoGallery .shaf_item.concealed {
  left: initial !important;
  right: 0 !important;
}

body .Section--ImageGallery h1, body .Section--ImageGallery h2, body .Section--ImageGallery h3, body .Section--ImageGallery h4, body .Section--ImageGallery h5, body .Section--ImageGallery h6, body .Section--VideoGallery h1, body .Section--VideoGallery h2, body .Section--VideoGallery h3, body .Section--VideoGallery h4, body .Section--VideoGallery h5, body .Section--VideoGallery h6 {
  color: #333333;
}
body .Section--ImageGallery .gallery_nav li, body .Section--VideoGallery .gallery_nav li {
  color: #9d9d9c;
}
body .Section--ImageGallery .gallery_nav li i, body .Section--VideoGallery .gallery_nav li i {
  color: #ff0000;
}
body .Section--ImageGallery .gallery_nav li i.fa-star, body .Section--VideoGallery .gallery_nav li i.fa-star {
  color: #ffaa00;
}
body .Section--ImageGallery .gallery_nav li i.fa-clock, body .Section--VideoGallery .gallery_nav li i.fa-clock {
  color: #40bf00;
}
body .Section--ImageGallery .gallery_nav li i.fa-facebook-messenger, body .Section--VideoGallery .gallery_nav li i.fa-facebook-messenger {
  color: #289dfd;
}
body .Section--ImageGallery .gallery_nav li.active,
body .Section--ImageGallery .gallery_nav li:hover, body .Section--VideoGallery .gallery_nav li.active,
body .Section--VideoGallery .gallery_nav li:hover {
  color: #c72026;
}
body .Section--ImageGallery .gal_item_2:after, body .Section--VideoGallery .gal_item_2:after {
  background: rgba(0, 0, 0, 0.59);
}
body .Section--ImageGallery .gal_item_2 h4, body .Section--VideoGallery .gal_item_2 h4 {
  color: #fff;
}
body .Section--ImageGallery .gal_item_2 h4 a:hover, body .Section--VideoGallery .gal_item_2 h4 a:hover {
  color: #c72026;
}
body .Section--ImageGallery .gal_item_2 .hot_count, body .Section--VideoGallery .gal_item_2 .hot_count {
  background: rgba(231, 25, 25, 0.44);
  color: #fff;
}
body .Section--ImageGallery .gal_item_2 .hot_count:hover, body .Section--VideoGallery .gal_item_2 .hot_count:hover {
  background: #c72026;
  color: #fff;
}
body .Section--ImageGallery .magro_btn, body .Section--VideoGallery .magro_btn {
  border: 1px solid #666666;
  background: transparent;
  color: #333333;
}
body .Section--ImageGallery .ma gro_btn:hover, body .Section--VideoGallery .ma gro_btn:hover {
  border-color: #c72026;
  background: #c72026;
  color: #fff;
}
body .Section--ImageGallery .sec_titles, body .Section--VideoGallery .sec_titles {
  color: #101010;
}
body .Section--ImageGallery .sec_titles i, body .Section--VideoGallery .sec_titles i {
  background: #c72026;
}
body .Section--ImageGallery .sec_titles i:after, body .Section--VideoGallery .sec_titles i:after {
  background: #c72026;
}
body .Section--ImageGallery .white, body .Section--VideoGallery .white {
  color: #fff;
}
body .Section--ImageGallery .sec_titles_2, body .Section--VideoGallery .sec_titles_2 {
  color: #333333;
  border-bottom: 1px solid #d1d1d1;
}
body .Section--ImageGallery .sec_titles_2 i, body .Section--VideoGallery .sec_titles_2 i {
  background: #c72026;
}
body .Section--ImageGallery .sec_titles_2 i:after, body .Section--VideoGallery .sec_titles_2 i:after {
  border-color: transparent transparent transparent #c72026;
}
body .Section--ImageGallery .sec_titles_3, body .Section--VideoGallery .sec_titles_3 {
  color: #fff;
  background: #c72026;
}
body .Section--ImageGallery .sec_titles_3:after, body .Section--VideoGallery .sec_titles_3:after {
  background: #d1d1d1;
}
body .Section--ImageGallery .sec_titles_3:before, body .Section--VideoGallery .sec_titles_3:before {
  background: #f6f6f6;
}
body .Section--ImageGallery .sec_titles_3 i:after, body .Section--VideoGallery .sec_titles_3 i:after {
  border-color: #c72026 transparent transparent transparent;
}

body.Dark .Section--ImageGallery h1, body.Dark .Section--ImageGallery h2, body.Dark .Section--ImageGallery h3, body.Dark .Section--ImageGallery h4, body.Dark .Section--ImageGallery h5, body.Dark .Section--ImageGallery h6, body.Dark .Section--VideoGallery h1, body.Dark .Section--VideoGallery h2, body.Dark .Section--VideoGallery h3, body.Dark .Section--VideoGallery h4, body.Dark .Section--VideoGallery h5, body.Dark .Section--VideoGallery h6 {
  color: #333333;
}
body.Dark .Section--ImageGallery .gallery_nav li, body.Dark .Section--VideoGallery .gallery_nav li {
  color: #9d9d9c;
}
body.Dark .Section--ImageGallery .gallery_nav li i, body.Dark .Section--VideoGallery .gallery_nav li i {
  color: #ff0000;
}
body.Dark .Section--ImageGallery .gallery_nav li i.fa-star, body.Dark .Section--VideoGallery .gallery_nav li i.fa-star {
  color: #ffaa00;
}
body.Dark .Section--ImageGallery .gallery_nav li i.fa-clock, body.Dark .Section--VideoGallery .gallery_nav li i.fa-clock {
  color: #40bf00;
}
body.Dark .Section--ImageGallery .gallery_nav li i.fa-facebook-messenger, body.Dark .Section--VideoGallery .gallery_nav li i.fa-facebook-messenger {
  color: #289dfd;
}
body.Dark .Section--ImageGallery .gallery_nav li.active,
body.Dark .Section--ImageGallery .gallery_nav li:hover, body.Dark .Section--VideoGallery .gallery_nav li.active,
body.Dark .Section--VideoGallery .gallery_nav li:hover {
  color: #c72026;
}
body.Dark .Section--ImageGallery .gal_item_2:after, body.Dark .Section--VideoGallery .gal_item_2:after {
  background: rgba(0, 0, 0, 0.59);
}
body.Dark .Section--ImageGallery .gal_item_2 h4, body.Dark .Section--VideoGallery .gal_item_2 h4 {
  color: #fff;
}
body.Dark .Section--ImageGallery .gal_item_2 h4 a:hover, body.Dark .Section--VideoGallery .gal_item_2 h4 a:hover {
  color: #c72026;
}
body.Dark .Section--ImageGallery .gal_item_2 .hot_count, body.Dark .Section--VideoGallery .gal_item_2 .hot_count {
  background: rgba(231, 25, 25, 0.44);
  color: #fff;
}
body.Dark .Section--ImageGallery .gal_item_2 .hot_count:hover, body.Dark .Section--VideoGallery .gal_item_2 .hot_count:hover {
  background: #c72026;
  color: #fff;
}
body.Dark .Section--ImageGallery .magro_btn, body.Dark .Section--VideoGallery .magro_btn {
  border: 1px solid #666666;
  background: transparent;
  color: #fff;
}
body.Dark .Section--ImageGallery .ma gro_btn:hover, body.Dark .Section--VideoGallery .ma gro_btn:hover {
  border-color: #c72026;
  background: #c72026;
  color: #fff;
}
body.Dark .Section--ImageGallery .sec_titles, body.Dark .Section--VideoGallery .sec_titles {
  color: #fff;
}
body.Dark .Section--ImageGallery .sec_titles i, body.Dark .Section--VideoGallery .sec_titles i {
  background: #c72026;
}
body.Dark .Section--ImageGallery .sec_titles i:after, body.Dark .Section--VideoGallery .sec_titles i:after {
  background: #c72026;
}
body.Dark .Section--ImageGallery .white, body.Dark .Section--VideoGallery .white {
  color: #fff;
}
body.Dark .Section--ImageGallery .sec_titles_2, body.Dark .Section--VideoGallery .sec_titles_2 {
  color: #333333;
  border-bottom: 1px solid #d1d1d1;
}
body.Dark .Section--ImageGallery .sec_titles_2 i, body.Dark .Section--VideoGallery .sec_titles_2 i {
  background: #c72026;
}
body.Dark .Section--ImageGallery .sec_titles_2 i:after, body.Dark .Section--VideoGallery .sec_titles_2 i:after {
  border-color: transparent transparent transparent #c72026;
}
body.Dark .Section--ImageGallery .sec_titles_3, body.Dark .Section--VideoGallery .sec_titles_3 {
  color: #fff;
  background: #c72026;
}
body.Dark .Section--ImageGallery .sec_titles_3:after, body.Dark .Section--VideoGallery .sec_titles_3:after {
  background: #d1d1d1;
}
body.Dark .Section--ImageGallery .sec_titles_3:before, body.Dark .Section--VideoGallery .sec_titles_3:before {
  background: #f6f6f6;
}
body.Dark .Section--ImageGallery .sec_titles_3 i:after, body.Dark .Section--VideoGallery .sec_titles_3 i:after {
  border-color: #c72026 transparent transparent transparent;
}

.Section--planPrice {
  position: relative;
  padding: 20px 0;
}
.Section--planPrice .planPrice__Taps {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  background: #272727;
  padding: 0 10px;
  border-radius: 5px;
}
.Section--planPrice .planPrice__Taps .PlanCarousel .tap__button {
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  font-weight: 700;
  padding: 10px 0;
  transition: all 500ms ease;
}
.Section--planPrice .planPrice__Taps .PlanCarousel .tap__button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 48%;
  height: 3px;
  width: 80%;
  background-color: #3f98c0;
  transform: translate(-50%);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
}
.Section--planPrice .planPrice__Taps .PlanCarousel .tap__button:hover, .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button.active {
  color: #fff;
}
.Section--planPrice .planPrice__Taps .PlanCarousel .tap__button:hover::after, .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button.active::after {
  visibility: visible;
  opacity: 1;
}
.Section--planPrice .planPrice__Taps .owl-carousel .owl-item {
  text-align: center;
}
.Section--planPrice .planPrice__Taps .owl-carousel .owl-nav {
  position: absolute;
  width: 100%;
  top: 0;
}
.Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-prev, .Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-next {
  padding: 0;
}
.Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-prev span, .Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-next span {
  border: none;
  height: 30px;
  width: 30px;
}
.Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: calc(50% + 7px);
  transform: translate(-50%);
}
.Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: calc(50% + 7px);
  right: 0;
}

body .Section--planPrice .planPrice__Taps {
  background: #ececec;
}
body .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button {
  color: #4d4d4d s;
}
body .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button::after {
  background-color: #3f98c0;
}
body .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button:hover, body .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button.active {
  color: #000;
}

body.Dark .Section--planPrice .planPrice__Taps {
  background: #272727;
}
body.Dark .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button::after {
  background-color: #3f98c0;
}
body.Dark .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button:hover, body.Dark .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button.active {
  color: #fff;
}

html[lang=ar] .Section--planPrice .planPrice__Taps .PlanCarousel .tap__button::after {
  left: initial;
  right: 48%;
  transform: translate(50%);
}
html[lang=ar] .Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-prev {
  left: initial;
  right: 15px;
}
html[lang=ar] .Section--planPrice .planPrice__Taps .owl-carousel .owl-nav .owl-next {
  right: initial;
  left: 0;
}

.Section--ServiceDetails {
  font-weight: 400;
  line-height: 32px;
  font-size: 16px;
  padding-top: 130px;
  padding-bottom: 150px;
  font-family: "Roboto", sans-serif;
}
.Section--ServiceDetails p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.Section--ServiceDetails .mb-30, .Section--ServiceDetails .my-30 {
  margin-bottom: 30px;
}
.Section--ServiceDetails h2,
.Section--ServiceDetails .h2,
.Section--ServiceDetails .counter-text-wrap .count-text,
.Section--ServiceDetails .pricing-plan-item .price {
  line-height: 1.25;
  font-size: 42px;
}
.Section--ServiceDetails h3, .Section--ServiceDetails .h3 {
  line-height: 1.25;
  font-size: 32px;
}
.Section--ServiceDetails h5, .Section--ServiceDetails .h5 {
  font-size: 18px;
}
.Section--ServiceDetails .mb-40, .Section--ServiceDetails .my-40 {
  margin-bottom: 40px;
}
.Section--ServiceDetails .pt-20, .Section--ServiceDetails .py-20 {
  padding-top: 20px;
}
.Section--ServiceDetails img {
  max-width: 100%;
  display: inline-block;
}
.Section--ServiceDetails img, .Section--ServiceDetails svg {
  vertical-align: middle;
}
.Section--ServiceDetails .heading,
.Section--ServiceDetails .section-title .bg-text,
.Section--ServiceDetails .tab-style-one .nav-link,
.Section--ServiceDetails h1, .Section--ServiceDetails .h1,
.Section--ServiceDetails h2, .Section--ServiceDetails .h2,
.Section--ServiceDetails .counter-text-wrap .count-text,
.Section--ServiceDetails .pricing-plan-item .price,
.Section--ServiceDetails h3, .Section--ServiceDetails .h3,
.Section--ServiceDetails h4, .Section--ServiceDetails .h4,
.Section--ServiceDetails h5, .Section--ServiceDetails .h5,
.Section--ServiceDetails h6, .Section--ServiceDetails .h6,
.Section--ServiceDetails .slider-area-two .slider-bg-text,
.Section--ServiceDetails .why-choose-tab .nav .nav-link,
.Section--ServiceDetails .about-four-content .nav li .nav-link,
.Section--ServiceDetails .about-five-images .experience-years .years,
.Section--ServiceDetails .shop-shorter .filter-part span {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.Section--ServiceDetails ul, .Section--ServiceDetails li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.Section--ServiceDetails .service-details .list-style-one {
  width: fit-content;
  margin-left: auto;
}
.Section--ServiceDetails .service-details .list-style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.Section--ServiceDetails .service-details .list-style-one li:not(:last-child) {
  margin-bottom: 8px;
}
.Section--ServiceDetails .service-details .list-style-one li.with-icon:before {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 20px;
  height: 20px;
  font-size: 11px;
  margin-top: 6px;
  content: "\f00c";
  font-weight: 600;
  line-height: 16px;
  border: 2px solid;
  text-align: center;
  margin-right: 12px;
  border-radius: 50%;
  font-family: "Font Awesome 6 Free";
}
.Section--ServiceDetails .service-details .service-details-content h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.Section--ServiceDetails .service-details .service-details-content .image img {
  width: 100%;
  max-height: 500px;
}
.Section--ServiceDetails .service-details .accordion-item .accordion-body {
  padding: 0;
}
.Section--ServiceDetails .service-details .accordion-item .accordion-body p {
  margin: 30px 0 0;
}
.Section--ServiceDetails .service-details .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.Section--ServiceDetails .service-details .accordion-item {
  z-index: 1;
  border: none;
  padding: 20px 25px;
  position: relative;
  border-radius: 0 !important;
}
.Section--ServiceDetails .service-details .accordion-header {
  margin-bottom: 0;
}
.Section--ServiceDetails .service-details .accordion-item .accordion-button {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 700;
  position: inherit;
  background: transparent;
  outline: none;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: right;
  border: 0;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
.Section--ServiceDetails .service-details .accordion-item .accordion-button::after {
  content: "\f107";
  font-family: "Font Awesome 6 free";
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
.Section--ServiceDetails .service-details .accordion-item .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 376px) {
  .Section--ServiceDetails .service-details .accordion-item .accordion-button {
    font-size: 18px;
  }
}

html[lang=ar] .Section--ServiceDetails .service-details .list-style-one {
  margin-left: 0;
  margin-right: auto;
}
html[lang=ar] .Section--ServiceDetails .service-details .list-style-one li:before {
  margin-right: 0;
  margin-left: 12px;
}
html[lang=ar] .Section--ServiceDetails .service-details .accordion-item .accordion-button {
  text-align: left;
}
html[lang=ar] .Section--ServiceDetails .service-details .accordion-item .accordion-button::after {
  margin-left: initial;
  margin-right: auto;
}

body .Section--ServiceDetails {
  color: #838694;
}
body .Section--ServiceDetails p {
  color: #838694;
}
body .Section--ServiceDetails .heading,
body .Section--ServiceDetails .section-title .bg-text,
body .Section--ServiceDetails .tab-style-one .nav-link,
body .Section--ServiceDetails h1, body .Section--ServiceDetails .h1,
body .Section--ServiceDetails h2, body .Section--ServiceDetails .h2,
body .Section--ServiceDetails .counter-text-wrap .count-text,
body .Section--ServiceDetails .pricing-plan-item .price,
body .Section--ServiceDetails h3, body .Section--ServiceDetails .h3,
body .Section--ServiceDetails h4, body .Section--ServiceDetails .h4,
body .Section--ServiceDetails h5, body .Section--ServiceDetails .h5,
body .Section--ServiceDetails h6, body .Section--ServiceDetails .h6,
body .Section--ServiceDetails .slider-area-two .slider-bg-text,
body .Section--ServiceDetails .why-choose-tab .nav .nav-link,
body .Section--ServiceDetails .about-four-content .nav li .nav-link,
body .Section--ServiceDetails .about-five-images .experience-years .years,
body .Section--ServiceDetails .shop-shorter .filter-part span {
  color: #1b1f2e;
}
body .Section--ServiceDetails .service-details .list-style-one li {
  color: #1b1f2e;
}
body .Section--ServiceDetails .service-details .list-style-one li:not(.with-icon) {
  display: flex;
  align-items: baseline;
  gap: 15px;
}
body .Section--ServiceDetails .service-details .list-style-one li:not(.with-icon) i {
  color: #674df3;
}
body .Section--ServiceDetails .service-details .list-style-one li.with-icon:before {
  color: #674df3;
}
body .Section--ServiceDetails .service-details .accordion-item {
  -webkit-box-shadow: 10px 0 60px rgba(102, 83, 232, 0.15);
  box-shadow: 10px 0 60px rgba(102, 83, 232, 0.15);
}
body .Section--ServiceDetails .service-details .accordion-item .accordion-button {
  color: #1b1f2e;
}

body.Dark .Section--ServiceDetails {
  color: #838694;
}
body.Dark .Section--ServiceDetails p {
  color: #838694;
}
body.Dark .Section--ServiceDetails .heading,
body.Dark .Section--ServiceDetails .section-title .bg-text,
body.Dark .Section--ServiceDetails .tab-style-one .nav-link,
body.Dark .Section--ServiceDetails h1, body.Dark .Section--ServiceDetails .h1,
body.Dark .Section--ServiceDetails h2, body.Dark .Section--ServiceDetails .h2,
body.Dark .Section--ServiceDetails .counter-text-wrap .count-text,
body.Dark .Section--ServiceDetails .pricing-plan-item .price,
body.Dark .Section--ServiceDetails h3, body.Dark .Section--ServiceDetails .h3,
body.Dark .Section--ServiceDetails h4, body.Dark .Section--ServiceDetails .h4,
body.Dark .Section--ServiceDetails h5, body.Dark .Section--ServiceDetails .h5,
body.Dark .Section--ServiceDetails h6, body.Dark .Section--ServiceDetails .h6,
body.Dark .Section--ServiceDetails .slider-area-two .slider-bg-text,
body.Dark .Section--ServiceDetails .why-choose-tab .nav .nav-link,
body.Dark .Section--ServiceDetails .about-four-content .nav li .nav-link,
body.Dark .Section--ServiceDetails .about-five-images .experience-years .years,
body.Dark .Section--ServiceDetails .shop-shorter .filter-part span {
  color: #fff;
}
body.Dark .Section--ServiceDetails .service-details .list-style-one li {
  color: #e3e4e6;
}
body.Dark .Section--ServiceDetails .service-details .list-style-one li:before {
  color: #674df3;
}
body.Dark .Section--ServiceDetails .service-details .accordion-item {
  -webkit-box-shadow: 10px 0 60px rgba(113, 113, 114, 0.15);
  box-shadow: 10px 0 60px rgba(113, 113, 114, 0.15);
}
body.Dark .Section--ServiceDetails .service-details .accordion-item .accordion-button {
  color: #fff;
}

.Section--Service_2 {
  position: relative;
  padding: 110px 0px 80px;
}
.Section--Service_2 h1, .Section--Service_2 h2, .Section--Service_2 h3, .Section--Service_2 h4, .Section--Service_2 h5, .Section--Service_2 h6 {
  position: relative;
  margin: 0px;
  background: none;
}
.Section--Service_2 h3 {
  line-height: 1.3em;
  font-weight: 600;
  font-size: 36px;
}
.Section--Service_2 h5 {
  line-height: 1.4em;
  font-size: 22px;
}
.Section--Service_2 p {
  position: relative;
  font-size: 17px;
  margin-bottom: 20px;
}
.Section--Service_2 .content-side {
  margin-bottom: 30px;
}
.Section--Service_2 .service-detail {
  position: relative;
}
.Section--Service_2 .service-detail .inner-box {
  position: relative;
}
.Section--Service_2 .service-detail .image {
  position: relative;
}
.Section--Service_2 .service-detail .image img {
  position: relative;
  width: 100%;
  display: block;
}
.Section--Service_2 .service-detail h3 {
  font-weight: 700;
  color: #000;
  margin-top: 30px;
  margin-bottom: 15px;
}
.Section--Service_2 .service-detail h4 {
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.Section--Service_2 .service-detail p {
  position: relative;
  font-size: 17px;
  margin-bottom: 20px;
}
.Section--Service_2 .feature-two {
  position: relative;
  margin-bottom: 30px;
}
.Section--Service_2 .feature-two_inner {
  position: relative;
  padding: 35px 35px;
  background-color: rgb(0, 9, 23);
}
.Section--Service_2 .feature-two_content {
  position: relative;
  padding-left: 60px;
}
.Section--Service_2 .feature-two_icon {
  position: absolute;
  left: 0px;
  top: 5px;
  line-height: 1em;
  font-weight: normal;
  font-size: 40px;
  color: #fff;
}
.Section--Service_2 .feature-two_heading {
  position: relative;
  color: #fff;
}
.Section--Service_2 .feature-two_heading span {
  color: rgb(8, 217, 255);
}
.Section--Service_2 .feature-two_text {
  position: relative;
  line-height: 26px;
  font-size: 16px;
  color: rgb(171, 171, 171);
  margin-top: 10px;
}
.Section--Service_2 .feature-lower_box {
  position: relative;
  margin-top: 30px;
}
.Section--Service_2 .feature-lower_box .feature-three {
  position: relative;
}
.Section--Service_2 .feature-lower_box .feature-three_inner {
  position: relative;
  font-weight: 700;
  line-height: 30px;
  font-size: 22px;
  padding-left: 80px;
  width: fit-content;
}
.Section--Service_2 .feature-lower_box .feature-three_icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
@media only screen and (max-width: 1023px) {
  .Section--Service_2 .content-side.right-sidebar {
    order: 1;
  }
}
@media only screen and (max-width: 599px) {
  .Section--Service_2 .service-detail h3 {
    font-size: 24px;
  }
}
.Section--FromService {
  padding: 100px 0;
}
.Section--FromService .contactForm input,
.Section--FromService .contactForm select,
.Section--FromService .contactForm textarea,
.Section--FromService .contactForm .nice-select,
.Section--FromService .contactForm .form-control {
  width: 100%;
  height: auto;
  border-radius: 5px;
  padding: 15px 30px;
}
.Section--FromService .contactForm .nice-select {
  font-size: 18px;
  line-height: 1.3;
}
.Section--FromService .contactForm .nice-select:after {
  height: 8px;
  width: 8px;
  right: 25px;
}
.Section--FromService .contactForm .nice-select .current {
  font-weight: 500;
}
.Section--FromService .contactForm .nice-select .list {
  width: 100%;
  border-radius: 0;
}
.Section--FromService .contactForm textarea {
  display: inherit;
  padding-top: 20px;
}
.Section--FromService .contactForm label {
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
}
.Section--FromService .contactForm .form-group {
  position: relative;
  margin-bottom: 20px;
}
.Section--FromService .contactForm input:focus,
.Section--FromService .contactForm button:focus,
.Section--FromService .contactForm .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Section--FromService .contactForm input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.Section--FromService .contactForm input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.Section--FromService .contactForm input[type=search]::-webkit-search-decoration,
.Section--FromService .contactForm input[type=search]::-webkit-search-cancel-button,
.Section--FromService .contactForm input[type=search]::-webkit-search-results-button,
.Section--FromService .contactForm input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.Section--FromService .contactForm input[type=checkbox], .Section--FromService .contactForm input[type=radio] {
  height: auto;
  width: auto;
}
.Section--FromService .contactForm .form-style-two .form-group {
  margin-bottom: 30px;
}
.Section--FromService .contactForm .form-style-two .form-control {
  border: none;
  font-size: 18px;
  border-radius: 0;
  font-weight: 500;
}
.Section--FromService .contactForm .contact-form-wrap {
  padding: 60px 110px;
}
@media only screen and (max-width: 991px) {
  .Section--FromService .contactForm .contact-form-wrap {
    margin-top: -100px;
    padding: 100px 50px;
  }
}
@media only screen and (min-width: 576px) {
  .Section--FromService .contactForm .form-style-two .form-control {
    padding: 22px 35px;
  }
}
@media only screen and (max-width: 479px) {
  .Section--FromService .contactForm .contact-form-wrap {
    padding: 60px 25px;
  }
}

.branding-pay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem;
}
.branding-pay .pay-image a {
  display: block;
  max-width: 150px;
  max-height: 150px;
  width: 100%;
  height: 100%;
}
.branding-pay .pay-image a img {
  width: 100%;
}

.Section--billDetails {
  padding: 100px 0;
  /** MEDIA **/
}
.Section--billDetails .invoice-content {
  font-family: "Poppins", sans-serif;
  color: #535353;
  font-size: 14px;
}
.Section--billDetails .invoice-content a {
  text-decoration: none;
}
.Section--billDetails .invoice-content .img-fluid {
  max-width: 100% !important;
  height: auto;
}
.Section--billDetails .invoice-content .form-control:focus {
  box-shadow: none;
}
.Section--billDetails .invoice-content h1, .Section--billDetails h2, .Section--billDetails h3, .Section--billDetails h4, .Section--billDetails h5, .Section--billDetails h6, .Section--billDetails .h1, .Section--billDetails .h2, .Section--billDetails .h3, .Section--billDetails .h4, .Section--billDetails .h5, .Section--billDetails .h6 {
  font-family: "Poppins", sans-serif;
  color: #535353;
}
.Section--billDetails .invoice-content .f-w-600 {
  font-weight: 500 !important;
}
.Section--billDetails .invoice-content .text-14 {
  font-size: 14px;
}
.Section--billDetails .invoice-content .invoice-table th:first-child,
.Section--billDetails .invoice-content .invoice-table td:first-child {
  text-align: left;
}
.Section--billDetails .invoice-content .color-white {
  color: #fff !important;
}
.Section--billDetails .invoice-content .inv-header-1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
}
.Section--billDetails .invoice-arrow {
  display: flex;
  align-items: center;
  height: 100%;
}
.Section--billDetails .invoice-arrow i {
  background: #EB3300;
  color: #fff;
  font-size: 30px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.2);
}
.Section--billDetails .payment-method {
  width: fit-content;
  margin-left: auto;
}
.Section--billDetails .invoice-content .inv-header-2 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.Section--billDetails .invoice-content .inv-title-1 {
  font-weight: 500;
  font-size: 16px;
}
.Section--billDetails .invoice-content .invo-addr-1 {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 23px;
}
.Section--billDetails .invoice-content .item-desc-1 {
  text-align: left;
}
.Section--billDetails .invoice-content .item-desc-1 span {
  display: block;
}
.Section--billDetails .invoice-content .item-desc-1 small {
  display: block;
}
.Section--billDetails .invoice-content .important-notes-list-1 {
  font-size: 14px !important;
  padding-left: 15px;
  margin-bottom: 15px;
}
.Section--billDetails .invoice-content .important-notes-list-1 li {
  margin-bottom: 5px;
}
.Section--billDetails .invoice-content .bank-transfer-list-1 {
  font-size: 13px !important;
  padding-left: 0px;
}
.Section--billDetails .invoice-content .important-notes {
  font-size: 12px !important;
}
.Section--billDetails .invoice-content .invoice-btn-section {
  text-align: center;
  margin-top: 27px;
}
.Section--billDetails .invoice-5 h1, .Section--billDetails h2, .Section--billDetails h3, .Section--billDetails h4, .Section--billDetails h5, .Section--billDetails h6, .Section--billDetails .h1, .Section--billDetails .h2, .Section--billDetails .h3, .Section--billDetails .h4, .Section--billDetails .h5, .Section--billDetails .h6 {
  color: #262525;
}
.Section--billDetails .invoice-5 .invoice-info {
  background: #fff;
  position: relative;
  padding: 15px;
  z-index: 0;
}
.Section--billDetails .invoice-5 .name.mb-10 {
  margin-bottom: 10px;
}
.Section--billDetails .invoice-5 .mb-30 {
  margin-bottom: 30px;
}
.Section--billDetails .invoice-5 .invoice-info .Image_1 {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
}
.Section--billDetails .invoice-5 .invoice-info .Image_2 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: cover;
  z-index: -1;
}
.Section--billDetails .invoice-5 .invoice-contant {
  background: #fff;
}
.Section--billDetails .invoice-5 .invoice-contact-us ul {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
}
.Section--billDetails .invoice-5 .logo img {
  height: 100px;
}
.Section--billDetails .invoice-5 .invoice-headar {
  padding: 30px;
  border-bottom: solid 1px #ebeaea;
}
.Section--billDetails .invoice-5 .invoice-contact-us ul li {
  font-size: 14px;
  line-height: 25px;
}
.Section--billDetails .invoice-5 .invoice-contact-us ul li i {
  width: 20px;
}
.Section--billDetails .invoice-5 .invoice-contact-us ul li a {
  color: #535353;
}
.Section--billDetails .invoice-logo h5 {
  color: #656565;
  margin: 10px 0;
}
.Section--billDetails .invoice-5 .inv-title-1 {
  color: #ff1f1f;
  font-weight: 400;
  margin-bottom: 5px;
}
.Section--billDetails .invoice-5 .name {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 500;
  text-transform: uppercase;
  color: #262525;
}
.Section--billDetails .invoice-5 .table-outer {
  overflow-y: hidden;
  overflow-x: auto;
}
.Section--billDetails .invoice-5 .default-table thead th {
  position: relative;
  padding: 20px 30px;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  white-space: nowrap;
  color: #262525;
}
.Section--billDetails .invoice-5 .default-table tbody tr {
  position: relative;
  border-bottom: 1px solid #ECEDF2;
}
.Section--billDetails .invoice-5 .default-table tbody tr:last-child td {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
.Section--billDetails .invoice-5 .default-table tr td {
  position: relative;
  padding: 21px 30px;
  font-size: 14px;
  color: #535353;
  font-weight: 400;
}
.Section--billDetails .invoice-5 .default-table tr td strong {
  font-weight: 800;
}
.Section--billDetails .invoice-5 .default-table {
  position: relative;
  background: #ffffff;
  border: 0;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  min-width: 550px;
}
.Section--billDetails .invoice-5 .default-table thead {
  background: #F5F7FC;
  border-radius: 8px;
  color: #ffffff;
}
.Section--billDetails .invoice-5 .payment-method ul {
  list-style: none;
  padding: 0;
}
.Section--billDetails .invoice-5 .payment-method ul li strong {
  font-weight: 500;
}
.Section--billDetails .invoice-5 .invoice-top {
  padding: 30px 30px 0;
  border-bottom: solid 1px #ebeaea;
}
.Section--billDetails .invoice-5 .order-summary {
  padding: 30px;
  border-bottom: solid 1px #ebeaea;
}
.Section--billDetails .invoice-5 .invoice-bottom {
  padding: 30px 30px 0;
}
.Section--billDetails .invoice-5 .invoice-bottom .inv-title-1 {
  margin-bottom: 7px;
  color: #262525;
}
.Section--billDetails .invoice-number-inner {
  width: fit-content;
  margin-left: auto;
}
@media (max-width: 992px) {
  .Section--billDetails .invoice-5 {
    padding: 30px 0;
  }
  .Section--billDetails .invoice-5 .order-summary .default-table thead th {
    padding: 12px 20px;
  }
  .Section--billDetails .invoice-5 .order-summary .default-table tr td {
    padding: 12px 20px;
  }
}
@media (max-width: 768px) {
  .Section--billDetails .invoice-5 .invoice-top {
    padding: 30px 30px 0;
  }
  .Section--billDetails .invoice-5 .invoice-5 .order-summary {
    padding: 30px;
  }
  .Section--billDetails .invoice-5 .invoice-contact-us {
    display: none;
  }
  .Section--billDetails .invoice-2 .invoice-id .info {
    margin: 0 auto 0 0;
    padding: 0;
  }
  .Section--billDetails .invoice-5 .invoice-bottom {
    padding: 30px 30px 0;
  }
  .Section--billDetails .invoice-5 .invoice-headar {
    padding: 30px;
  }
  .Section--billDetails .invoice-5 .invoice-info {
    background: #f5f7fc;
    padding: 0;
  }
  .Section--billDetails .invoice-5 .default-table tr td {
    padding: 15px 20px;
  }
  .Section--billDetails .invoice-5 .default-table thead th {
    padding: 15px 20px;
  }
  .Section--billDetails .invoice-5 .order-summary .default-table thead th {
    padding: 10px 12px;
  }
  .Section--billDetails .invoice-5 .order-summary .default-table tr td {
    padding: 10px 12px;
  }
}
@media (max-width: 580px) {
  .Section--billDetails .invoice-5 .invoice-contact-us {
    max-width: 100%;
    margin: 0;
  }
  .Section--billDetails .invoice-5 .invoice-number-inner {
    max-width: 100%;
    margin: 0;
  }
  .Section--billDetails .invoice-5 .payment-method {
    max-width: 100%;
    margin: 0 0 30px;
  }
  .Section--billDetails .invoice-5 .logo img {
    height: 100px;
    margin: 0 0 10px;
  }
  .Section--billDetails .invoice-arrow {
    transform: rotate(90deg);
  }
}

html[lang=ar] .Section--billDetails .invoice-content .invoice-table th:first-child,
html[lang=ar] .Section--billDetails .invoice-content .invoice-table td:first-child {
  text-align: right;
}
html[lang=ar] .Section--billDetails .invoice-content .item-desc-1 {
  text-align: right;
}
html[lang=ar] .Section--billDetails .invoice-content .important-notes-list-1 {
  padding-left: 0;
  padding-right: 15px;
}
html[lang=ar] .Section--billDetails .invoice-content .bank-transfer-list-1 {
  padding-right: 0px;
}
html[lang=ar] .Section--billDetails .invoice-5 .invoice-info:before {
  left: initial;
  right: 0;
}
html[lang=ar] .Section--billDetails .invoice-5 .invoice-info:after {
  right: initial;
  left: 0;
}
html[lang=ar] .Section--billDetails .payment-method {
  margin-left: 0;
  margin-right: auto;
}
html[lang=ar] .Section--billDetails .invoice-number-inner {
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 768px) {
  html[lang=ar] .Section--billDetails .invoice-2 .invoice-id .info {
    margin: 0 0 0 auto;
  }
}
@media (max-width: 580px) {
  html[lang=ar] .Section--billDetails .invoice-number-inner {
    margin-right: 0;
  }
  html[lang=ar] .Section--billDetails .Arrow {
    transform: rotate(0deg);
  }
}

.Section--CategoryBlog {
  padding: 80px 0;
}

.signup-area {
  font-size: 16px;
  min-height: 100vh;
}
.signup-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(95.45deg, #052968 0.64%, #021d9f 98.23%);
  z-index: -1;
  opacity: 90%;
}
.signup-area .signup-form {
  background: #fafafa;
  padding: 40px;
  border-radius: 6px;
  margin-top: 90px;
}
.signup-area .signup-form .form-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.signup-area .link-page {
  font-size: 15px;
  color: #505050;
}

.signup-form-wrapper form label {
  display: block;
  color: #001042;
  font-weight: 500;
}
.signup-form-wrapper form input {
  width: 100%;
  padding: 12px 15px 12px 40px;
  border: 1px solid rgba(221, 221, 221, 0.485);
  margin-top: 6px;
  border-radius: 4px;
  position: relative;
}
.signup-form-wrapper form .input-field {
  position: relative;
  margin-bottom: 20px;
}
.signup-form-wrapper form .input-field span {
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 2;
  color: rgba(89, 79, 79, 0.5411764706);
}
.signup-form-wrapper form .checkbox-wraper input {
  width: auto;
  margin-top: 0;
}
.signup-form-wrapper form input[type=submit] {
  margin-top: 40px;
  background: #1C40F2;
  border: 0;
  color: #fff;
}
.signup-form-wrapper .api-signup-btns a {
  color: #fff;
  margin-right: 15px;
  margin-bottom: 15px;
}
.signup-form-wrapper .api-signup-btns a i {
  margin-right: 8px;
}
.signup-form-wrapper .api-signup-btns .btn-facebook {
  background: #3F6DC7;
}
.signup-form-wrapper .api-signup-btns .btn-twitter {
  background: #009DED;
}
.signup-form-wrapper .api-signup-btns .btn-linkedin {
  background: #0077B5;
}

.signup-form-spacer h6::before {
  content: "";
  position: absolute;
  right: calc(100% + 20px);
  bottom: 10px;
  width: 200px;
  height: 1px;
  background: rgba(29, 23, 23, 0.0823529412);
}
.signup-form-spacer h6::after {
  content: "";
  position: absolute;
  left: calc(100% + 20px);
  bottom: 10px;
  width: 200px;
  height: 1px;
  background: rgba(29, 23, 23, 0.0823529412);
}

html[lang=ar] .signup-area::before {
  left: initial;
  right: 0;
}
html[lang=ar] .signup-form-wrapper form input {
  padding: 12px 40px 12px 15px;
}
html[lang=ar] .signup-form-wrapper form .input-field span {
  right: 15px;
  left: initial;
}
html[lang=ar] .signup-form-wrapper .api-signup-btns a {
  margin-right: 0;
  margin-left: 15px;
}
html[lang=ar] .signup-form-wrapper .api-signup-btns a i {
  margin-right: 0;
  margin-left: 8px;
}
html[lang=ar] .signup-form-spacer h6::before {
  left: calc(100% + 20px);
  right: initial;
}
html[lang=ar] .signup-form-spacer h6::after {
  right: calc(100% + 20px);
  left: initial;
}

.dashboard-container .header-section .nav-wrapper nav > ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.dashboard-container .MainContentPage {
  display: flex;
  gap: 15px;
}
.dashboard-container .MainContentPage .main-dashboard {
  padding-left: 260px;
  padding-top: 20px;
}
@media only screen and (max-width: 61.99em) {
  .dashboard-container .MainContentPage .main-dashboard {
    padding-left: 0;
  }
}

.Section--ServicesCategory {
  padding: 100px 0;
}

.Section--StaticPage {
  padding: 100px 0;
}

.Section--ContentProfile {
  padding: 30px 0;
}

/* Vendor */
.form-validation input.error, .form-validation select.error, .form-validation textarea.error, .need-validation input.error, .need-validation select.error, .need-validation textarea.error {
  border-color: #dc3545;
}
.form-validation label, .need-validation label {
  font-size: 16px;
  color: #191919;
}
.form-validation label.error, .need-validation label.error {
  font-size: 14px;
  color: #dc3545;
  margin: 5px 0;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-carousel .owl-nav button {
  border: none;
  background: transparent;
}
.owl-carousel .owl-nav button span {
  font-size: 30px;
  padding: 0 0 6px 0;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s;
}

body .owl-carousel .owl-video-wrapper {
  background: #000;
}
body .owl-carousel .owl-nav button span {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
body .owl-carousel .owl-nav button span:hover {
  background-color: #497efd;
  color: #fff;
  border-color: transparent;
}

body.Dark .owl-carousel .owl-video-wrapper {
  background: #000;
}
body.Dark .owl-carousel .owl-nav button span {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
body.Dark .owl-carousel .owl-nav button span:hover {
  background-color: #497efd;
  color: #fff;
  border-color: transparent;
}

.venobox {
  cursor: pointer;
}

body.Dark .modal .close {
  color: #fff;
}
body.Dark .modal .modal-content {
  background-color: #2d2d2d;
}

/*# sourceMappingURL=style.css.map */