@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
:root {
  --primary-color: #007d05;
  --secondary-color: #f9d96d;
  --gradient-color: #003811;
  --menu-text: #e9e9e9;
  --basic-color: #ffffff;
  --content-color: #5b5b5b;
  --titles-color: #323232;
  --hover-color: #045f07;
  --bg-color: #ebf5eb;
  --social-bg: #062e08;
  --copy-rights: #599e5a;
  --login-bg: #f2f8f2;
  --input-border: #bebebf;
  --placeholder-color: #9c9999;
  --mobile-social: #b4c0b5;
  --appbar-color: #383838;
  --tabs-color: #f7f9ff;
  --badge-color: #fef7e2;
  --video-social: #f2f3f7;
  --logout-color: #ff5050;
}

body {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.container-fluid {
  max-width: 1350px;
}

section {
  margin-bottom: 90px;
}

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

a {
  text-decoration: none;
}

input:focus-visible {
  outline: none;
}
iframe {
    border: 0;
    max-width: 100%;
    min-width: 720px;
    height: 550px;
    margin-bottom: 30px;
}
.a2a_kit .a2a_dd,
.a2a_kit .a2a_button_facebook,
.a2a_kit .a2a_button_twitter,
.a2a_kit .a2a_button_whatsapp {
  padding: 0 8px !important;
}
.a2a_kit .a2a_dd .a2a_svg,
.a2a_kit .a2a_button_facebook .a2a_svg,
.a2a_kit .a2a_button_twitter .a2a_svg,
.a2a_kit .a2a_button_whatsapp .a2a_svg {
  border-radius: 8px !important;
  width: 35px !important;
  height: 33px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--tabs-color) !important;
}
.a2a_kit .a2a_dd .a2a_svg g,
.a2a_kit .a2a_dd .a2a_svg path,
.a2a_kit .a2a_button_facebook .a2a_svg g,
.a2a_kit .a2a_button_facebook .a2a_svg path,
.a2a_kit .a2a_button_twitter .a2a_svg g,
.a2a_kit .a2a_button_twitter .a2a_svg path,
.a2a_kit .a2a_button_whatsapp .a2a_svg g,
.a2a_kit .a2a_button_whatsapp .a2a_svg path {
  fill: var(--mobile-social);
}
.a2a_kit .a2a_dd:hover .a2a_svg g,
.a2a_kit .a2a_dd:hover .a2a_svg path,
.a2a_kit .a2a_button_facebook:hover .a2a_svg g,
.a2a_kit .a2a_button_facebook:hover .a2a_svg path,
.a2a_kit .a2a_button_twitter:hover .a2a_svg g,
.a2a_kit .a2a_button_twitter:hover .a2a_svg path,
.a2a_kit .a2a_button_whatsapp:hover .a2a_svg g,
.a2a_kit .a2a_button_whatsapp:hover .a2a_svg path {
  fill: var(--primary-color);
}

input[type=email]::-moz-placeholder {
  text-align: right;
}

input[type=email]::placeholder {
  text-align: right;
}

.mybtn {
  background: linear-gradient(90deg, rgb(0, 125, 5) 10%, rgb(0, 56, 17) 100%);
  border: none;
  border-radius: 8px;
  color: var(--basic-color);
  width: 160px;
  height: 45px;
}
.mybtn i {
  padding-inline-start: 5px;
}
.mybtn .fa-arrow-left {
  transition: all 0.3s ease-in-out;
}
.mybtn:hover {
  background: linear-gradient(90deg, rgb(0, 125, 5) 70%, rgb(0, 56, 17) 100%);
}
.mybtn:hover .fa-arrow-left {
  transition: all 0.3s ease-in-out;
  transform: translateX(-10px);
}
.mybtn:focus-visible {
  outline: none;
}

.headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.headline h2 {
  display: flex;
  align-items: baseline;
  font-weight: 700;
  font-size: 35px;
  color: var(--titles-color);
}
.headline h2::after, .headline h2::before {
  content: "";
  display: flex;
  height: 3px;
  width: 20px;
  border-radius: 8px;
  margin: 0 10px;
  background-color: var(--primary-color);
}
.headline span {
  color: var(--content-color);
  font-size: 15px;
}

.date {
  color: var(--content-color);
  margin-bottom: 10px;
}
.date i {
  color: var(--primary-color);
}

.mycard {
  box-shadow: 0px 0px 30px 0px rgba(211, 211, 211, 0.1803921569);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.mycard .myimg {
  margin-inline-end: 20px;
  width: 100%;
  max-width: 210px;
}
.mycard .myimg img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.mycard .description {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mycard .description .title {
  color: var(--titles-color);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.mycard .description .info {
  color: var(--content-color);
  font-size: 16px;
  margin-bottom: 20px;
}
.mycard .description .mybtn {
  background: var(--primary-color);
}
.mycard .description .mybtn:hover {
  background-color: var(--hover-color);
}
@media (max-width: 420px) {
  .mycard .description .info {
    font-size: 12px;
  }
  .mycard .description .mybtn {
    height: 35px;
    width: 120px;
    font-size: 14px;
  }
}

.date-picker {
  text-align: end;
  flex-direction: row-reverse;
}
.date-picker::-moz-placeholder {
  text-align: start;
}
.date-picker::placeholder {
  text-align: start;
}

.app-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
}
.app-bar .mob-menu {
  display: none;
  color: var(--basic-color);
  right: 10px;
  top: 53px;
  font-size: 20px;
}
.app-bar .logo {
  max-width: 170px;
  display: flex;
}
.app-bar .pages ul {
  display: flex;
  align-items: center;
}
.app-bar .pages ul li {
  padding: 0 10px;
}
.app-bar .pages ul li a {
  color: var(--menu-text);
}
.app-bar .pages ul li a:hover {
  color: var(--basic-color);
}
.app-bar .pages ul li a.active,
.app-bar .pages ul li a:hover {
  color: var(--basic-color);
  text-decoration: underline;
  text-underline-offset: 13px;
  text-decoration-color: var(--secondary-color);
}
.app-bar .all-btns {
  display: flex;
  align-items: center;
}
.app-bar .all-btns .login {
  color: var(--basic-color);
  margin-inline-end: 15px;
}
.app-bar .all-btns .login:hover {
  color: var(--gradient-color);
}
@media (max-width: 1000px) {
  .app-bar {
    justify-content: center;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2509803922);
    padding-bottom: 20px;
    background-color: rgba(0, 125, 5, 0.3);
  }
  .app-bar .pages,
  .app-bar .all-btns {
    display: none;
  }
  .app-bar .mob-menu {
    display: flex;
    position: absolute;
    right: 10px;
    top: 50px;
  }
}

h4 {
  display: flex;
  align-items: baseline;
  color: var(--titles-color);
  margin-bottom: 10px;
}
h4::after {
  content: "";
  display: flex;
  height: 3px;
  width: 20px;
  border-radius: 8px;
  margin: 0 10px;
  background-color: var(--primary-color);
}

.mytabs {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: 20px;
}
.mytabs label {
    font-weight: 700;
}
.mytabs select {
    width: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 10px;
    border: 1px solid var(--input-border);
}
.mytabs ul {
  display: flex;
  justify-content: center;
}
.mytabs ul li {
  margin-bottom: 20px;
}
.mytabs ul li .nav-link {
  background-color: var(--tabs-color);
  color: var(--content-color);
  border-radius: 8px;
  width: 160px;
  height: 50px;
  margin: 0 20px;
  font-weight: 600;
}
.mytabs ul li .nav-link.active, .mytabs ul li .nav-link:hover {
  color: var(--titles-color);
  background-color: var(--secondary-color);
}

.pages-counter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages-counter .pages {
  background-color: var(--tabs-color);
  padding: 7px 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.pages-counter .pages a,
.pages-counter .pages button {
  color: var(--content-color);
  margin: 0 15px;
  font-weight: 600;
  padding: 0 5px;
}
.pages-counter .pages a:hover,
.pages-counter .pages button:hover {
  color: var(--primary-color);
}
.pages-counter .pages a.active,
.pages-counter .pages button.active {
  background: linear-gradient(90deg, rgb(0, 125, 5) 0%, rgb(0, 56, 17) 40%);
  border-radius: 50%;
  color: var(--basic-color);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages-counter .pages .myarrow {
  color: var(--placeholder-color);
}
@media (max-width: 500px) {
  .pages-counter .pages {
    flex-wrap: wrap;
  }
  .pages-counter .pages a {
    margin-bottom: 10px;
  }
}

.filter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 90px;
  margin-bottom: 50px;
}
.filter label {
  font-weight: 700;
}
.filter input,
.filter select {
  width: 100%;
  border-radius: 8px;
  padding: 10px;
  margin: 0 10px;
  border: 1px solid var(--input-border);
}
.filter input::-moz-placeholder, .filter select::-moz-placeholder {
  color: var(--placeholder-color);
}
.filter input::placeholder,
.filter select::placeholder {
  color: var(--placeholder-color);
}
.filter select {
  width: 50%;
}
.filter .mybtn {
  background: var(--primary-color);
}
.filter .mybtn:hover {
  background: var(--hover-color);
}
@media (max-width: 760px) {
  .filter {
    flex-direction: column;
  }
  .filter select {
    width: 100%;
  }
  .filter label,
  .filter input,
  .filter select,
  .filter a {
    margin-bottom: 15px;
  }
}

.book-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.book-card .book-img {
  margin-bottom: 10px;
  max-width: 220px;
  width: 100%;
  border-radius: 8px;
}
.book-card .book-img img {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275);
  border-radius: 8px;
  width: 100%;
}
.book-card .book-name {
  color: var(--titles-color);
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.comments-form {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
}
.comments-form .comment {
  display: flex;
  background-color: var(--bg-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 20px 30px;
  margin-bottom: 50px;
}
.comments-form .comment .profile-img {
  width: 85px;
  margin-inline-end: 20px;
}
.comments-form .comment .profile-img img {
  width: 100%;
}
.comments-form .comment .text {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.comments-form .comment .text .name {
  color: var(--placeholder-color);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}
.comments-form .comment .text .content,
.comments-form .comment .text .department {
  margin-bottom: 10px;
}
.comments-form .comment .text .bottom-bar {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.comments-form .comment .text .bottom-bar .share {
  color: var(--placeholder-color);
  margin: 0 10px;
  background-color: transparent;
  border: none;
}
@media (max-width: 700px) {
  .comments-form .comment {
    padding: 20px 10px;
  }
}
.comments-form form {
  padding: 0 120px;
}
.comments-form form input,
.comments-form form textarea {
  width: 100%;
  border-radius: 8px;
  border: none;
  padding: 15px;
  background-color: var(--bg-color);
}
.comments-form form input:focus-visible,
.comments-form form textarea:focus-visible {
  outline: none;
}
@media (max-width: 700px) {
  .comments-form form {
    padding: 0 15px;
  }
}

.my-btns {
  background-color: var(--tabs-color);
  padding: 10px;
  border-radius: 8px;
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-btns .a2a_kit .a2a_svg {
  background-color: var(--video-social) !important;
}
.my-btns .prev,
.my-btns .next {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  color: var(--primary-color);
  width: 150px;
  height: 50px;
}
.my-btns .prev.active, .my-btns .prev:hover,
.my-btns .next.active,
.my-btns .next:hover {
  background-color: var(--primary-color);
  color: var(--basic-color);
}
@media (max-width: 690px) {
  .my-btns {
    flex-direction: column;
  }
  .my-btns .prev {
    margin-bottom: 10px;
  }
}

.mytable {
  margin-bottom: 30px;
}
.mytable th:not(:nth-child(2)) {
  text-align: center;
}
.mytable td:not(:nth-child(2)) {
  text-align: center;
}
.mytable thead tr {
  background-color: var(--bg-color);
}
.mytable thead tr th {
  padding: 1rem 0.5rem;
}
.mytable tbody tr th {
  color: var(--placeholder-color);
  padding: 1rem 0.5rem;
}
.mytable tbody tr td {
  color: var(--content-color);
  padding: 1rem 0.5rem;
}
.mytable tbody tr td a {
  color: var(--content-color);
}
.mytable tbody .visitors-num {
  background-color: var(--badge-color);
  color: var(--titles-color);
  border-radius: 8px;
  padding: 10px 40px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mytable tbody .visitors-num i {
  margin-inline-end: 5px;
  font-size: 10px;
}
@media (max-width: 760px) {
  .mytable tbody .visitors-num {
    padding: 10px;
  }
}

.myvid {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.myvid .img {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.myvid .img img {
  filter: brightness(80%);
  width: 100%;
  min-height: 195px;
}
.myvid .img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--basic-color);
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid var(--basic-color);
  padding: 15px;
}
.myvid .img:hover img {
  filter: brightness(90%);
}
.myvid .vid-name {
  font-weight: 700;
  color: var(--titles-color);
}

.myvid .vid-date {
    font-size: 12px;
    color: #b3b3b3;
}

textarea {
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  border: 1px solid var(--input-border);
}
textarea::-moz-placeholder {
  color: var(--placeholder-color);
}
textarea::placeholder {
  color: var(--placeholder-color);
}
textarea:focus-visible {
  outline: none;
}

.devolum-header {
  background-image: url("../imgs/cover.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.devolum-header .title {
  display: flex;
  flex-direction: column;
  padding: 190px 0;
  max-width: 485px;
}
.devolum-header .title h3 {
  margin-bottom: 30px;
  color: var(--basic-color);
}
.devolum-header .title h3 span {
  color: var(--secondary-color);
}
.devolum-header .title p {
  color: var(--menu-text);
  font-size: 15px;
  margin-bottom: 30px;
}
.devolum-header .title .mybtn {
  width: 220px;
}
@media (max-width: 1000px) {
  .devolum-header .title {
    padding: 90px 0;
  }
}
.devolum-header .a2a_kit {
  position: absolute;
  bottom: 150px;
  left: 20px;
  display: flex;
  flex-direction: column;
}
.devolum-header .a2a_kit .a2a_dd .a2a_svg,
.devolum-header .a2a_kit .a2a_button_facebook .a2a_svg,
.devolum-header .a2a_kit .a2a_button_whatsapp .a2a_svg,
.devolum-header .a2a_kit .a2a_button_twitter .a2a_svg {
  margin-bottom: 10px;
  border-radius: 4px !important;
  background-color: var(--primary-color) !important;
}
.devolum-header .a2a_kit .a2a_dd .a2a_svg g,
.devolum-header .a2a_kit .a2a_dd .a2a_svg path,
.devolum-header .a2a_kit .a2a_button_facebook .a2a_svg g,
.devolum-header .a2a_kit .a2a_button_facebook .a2a_svg path,
.devolum-header .a2a_kit .a2a_button_whatsapp .a2a_svg g,
.devolum-header .a2a_kit .a2a_button_whatsapp .a2a_svg path,
.devolum-header .a2a_kit .a2a_button_twitter .a2a_svg g,
.devolum-header .a2a_kit .a2a_button_twitter .a2a_svg path {
  fill: var(--basic-color);
}
.devolum-header .a2a_kit .a2a_dd:hover .a2a_svg g,
.devolum-header .a2a_kit .a2a_dd:hover .a2a_svg path,
.devolum-header .a2a_kit .a2a_button_facebook:hover .a2a_svg g,
.devolum-header .a2a_kit .a2a_button_facebook:hover .a2a_svg path,
.devolum-header .a2a_kit .a2a_button_whatsapp:hover .a2a_svg g,
.devolum-header .a2a_kit .a2a_button_whatsapp:hover .a2a_svg path,
.devolum-header .a2a_kit .a2a_button_twitter:hover .a2a_svg g,
.devolum-header .a2a_kit .a2a_button_twitter:hover .a2a_svg path {
  fill: var(--tabs-color);
}
@media (max-width: 1000px) {
  .devolum-header .a2a_kit {
    display: none;
  }
}

.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
  flex-direction: column;
  background: var(--basic-color);
  overflow-x: hidden;
  transition: 0.5s;
}
.sidenav .topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 25px;
  margin-bottom: 20px;
  background-color: var(--primary-color);
}
.sidenav .topbar img {
    width: 170px;
}
.sidenav .topbar .closebtn {
  font-size: 20px;
  color: var(--basic-color);
}
.sidenav .links {
  padding: 0px 25px;
  overflow-y: auto;
  width: 100%;
}
.sidenav .links li:not(:last-child) {
  border-bottom: 1px solid var(--menu-text);
}
.sidenav .links li a .btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: var(--titles-color);
  background-color: transparent;
  border: 0;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
  margin: 15px 0;
}
.sidenav .links li a .btn-toggle i {
  font-size: 19px;
  margin-inline-start: 10px;
  transition: all 0.3s ease-in-out;
}
.sidenav .links li a .btn-toggle:not(.collapsed) i {
  transform: rotate(-90deg);
  transition: all 0.3s ease-in-out;
}
.sidenav .links .advice-btn {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.sidenav .links .dropdown-item {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: var(--titles-color);
  background-color: transparent;
  border: 0;
  text-decoration: none;
  font-size: 13px;
  transition: 0.3s;
  margin-bottom: 20px;
}
.sidenav .bottombar {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.sidenav .bottombar .social-icons {
  display: flex;
}
.sidenav .bottombar .social-icons a {
  border-radius: 8px;
  width: 37px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--basic-color);
  background-color: var(--mobile-social);
}
.sidenav .bottombar .social-icons a:not(:last-child) {
  margin-inline-end: 10px;
}
.sidenav .bottombar .social-icons a:hover {
  background-color: var(--primary-color);
}

.devolum-about .about-content {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  padding: 30px 70px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  background: linear-gradient(90deg, rgba(243, 254, 243, 0.9585084034) 0%, rgb(255, 255, 255) 100%);
}
.devolum-about .about-content .myimg {
  width: 100%;
  height: 100%;
}
.devolum-about .about-content .myimg img {
  width: 100%;
  height: 100%;
}
.devolum-about .about-content .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.devolum-about .about-content .content p {
  line-height: 30px;
}
.devolum-about .about-content .vector-about {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
}
@media (max-width: 600px) {
  .devolum-about .about-content {
    padding: 30px;
  }
}

.devolum-articles .swiper-pagination {
  display: none;
}
.devolum-articles .swiper-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
.devolum-articles .swiper-btns .custom-swiper-button-next,
.devolum-articles .swiper-btns .custom-swiper-button-prev {
  margin: 0 10px;
  border: none;
  border-radius: 4px;
  background-color: var(--bg-color);
  padding: 10px 20px;
}
.devolum-articles .swiper-btns .custom-swiper-button-next i,
.devolum-articles .swiper-btns .custom-swiper-button-prev i {
  color: var(--primary-color);
}
.devolum-articles .swiper-btns .custom-swiper-button-next:hover,
.devolum-articles .swiper-btns .custom-swiper-button-prev:hover {
  background-color: var(--primary-color);
}
.devolum-articles .swiper-btns .custom-swiper-button-next:hover i,
.devolum-articles .swiper-btns .custom-swiper-button-prev:hover i {
  color: var(--bg-color);
}
.devolum-articles .all-articles {
  display: flex;
  justify-content: center;
  align-items: center;
}
.devolum-articles .all-articles .mybtn {
  background: var(--gradient-color);
}
.devolum-articles .all-articles .mybtn:hover {
  background: var(--hover-color);
}

.devolum-swiper-books .headline {
  background-image: url(../imgs/islamic-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 0;
}
.devolum-swiper-books .swiper-pagination2 {
  display: none;
}
.devolum-swiper-books .bottom-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../imgs/islamic-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 40px;
}
.devolum-swiper-books .bottom-btns .swiper-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-next2,
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-prev2 {
  margin: 0 10px;
  border: none;
  border-radius: 4px;
  background-color: var(--bg-color);
  padding: 10px 20px;
}
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-next2 i,
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-prev2 i {
  color: var(--primary-color);
}
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-next2:hover,
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-prev2:hover {
  background-color: var(--primary-color);
}
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-next2:hover i,
.devolum-swiper-books .bottom-btns .swiper-btns .custom-swiper-button-prev2:hover i {
  color: var(--bg-color);
}
.devolum-swiper-books .bottom-btns .all-books {
  display: flex;
  justify-content: center;
  align-items: center;
}
.devolum-swiper-books .bottom-btns .all-books .mybtn {
  background: var(--gradient-color);
}
.devolum-swiper-books .bottom-btns .all-books .mybtn:hover {
  background: var(--hover-color);
}

.devolum-advice .advice {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  padding: 40px 30px;
}
.devolum-advice .advice .myinput input,
.devolum-advice .advice .myinput select {
  width: 100%;
  border-radius: 8px;
  border: none;
  padding: 10px;
  background-color: var(--bg-color);
}
.devolum-advice .advice .myinput input:focus-visible,
.devolum-advice .advice .myinput select:focus-visible {
  outline: none;
}
.devolum-advice .advice a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.devolum-footer {
  background: linear-gradient(90deg, rgb(0, 125, 5) 0%, rgb(0, 56, 17) 40%);
  position: relative;
  z-index: 1;
  padding: 35px 20px 15px 20px;
}
.devolum-footer .vector-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.devolum-footer .footer-content .mylogo {
  display: flex;
  max-width: 250px;
}
.devolum-footer .footer-content .mylogo img {
  width: 100%;
}
.devolum-footer .footer-content p {
  color: var(--menu-text);
  margin-bottom: 40px;
}
.devolum-footer .footer-content .social-icons {
  display: flex;
  align-items: center;
  width: 100%;
}
.devolum-footer .footer-content .social-icons a {
  border-radius: 8px;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--basic-color);
  background-color: var(--social-bg);

}
.devolum-footer .footer-content .social-icons a:not(:last-child) {
  margin-inline-end: 10px;
}
.devolum-footer .footer-content .social-icons a:hover {
  background-color: var(--primary-color);
}
.devolum-footer .footer-content .title {
  margin-bottom: 45px;
}
.devolum-footer .footer-content .title h5 {
  display: flex;
  align-items: end;
  color: var(--basic-color);
}
.devolum-footer .footer-content .title h5::after, .devolum-footer .footer-content .title h5::before {
  content: "";
  display: flex;
  height: 3px;
  width: 30px;
  border-radius: 8px;
  margin: 0 10px;
  background-color: var(--primary-color);
}
.devolum-footer .footer-content .all-links {
  display: flex;
  flex-direction: column;
}
.devolum-footer .footer-content .all-links:not(:last-child) {
  margin-inline-end: 30px;
}
.devolum-footer .footer-content .all-links a {
  margin-bottom: 20px;
  color: var(--basic-color);
}
.devolum-footer .footer-content .all-links a:active, .devolum-footer .footer-content .all-links a:hover {
  color: var(--mobile-social);
}
.devolum-footer .footer-content .all-links .contact {
  display: flex;
  align-items: baseline;
  color: var(--basic-color);
}
.devolum-footer .footer-content .all-links .contact i {
  margin-inline-end: 10px;
}
.devolum-footer .footer-content .all-links .contact div {
  display: flex;
  flex-direction: column;
}
.devolum-footer .footer-content .all-links .contact div span {
  margin-bottom: 10px;
}
.devolum-footer .footer-content .all-links .contact div a {
  color: var(--basic-color);
}
.devolum-footer .footer-content .all-links .contact div a:hover {
  color: var(--mobile-social);
}
.devolum-footer .footer-content .all-links label {
  color: var(--basic-color);
  margin: 10px 0;
}
.devolum-footer .footer-content .all-links .subscripe-btn {
  position: relative;
}
.devolum-footer .footer-content .all-links .subscripe-btn input {
  width: 100%;
  border-radius: 8px;
  padding: 10px;
  text-align: right;
}
.devolum-footer .footer-content .all-links .subscripe-btn input::-moz-placeholder {
  color: var(--content-color);
}
.devolum-footer .footer-content .all-links .subscripe-btn input::placeholder {
  color: var(--content-color);
}
.devolum-footer .footer-content .all-links .subscripe-btn .mybtn {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--gradient-color);
}
.devolum-footer .footer-content .all-links .subscripe-btn .mybtn:hover {
  background: var(--primary-color);
}
.devolum-footer hr {
  color: var(--copy-rights);
}
.devolum-footer .copyrights {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--copy-rights);
  font-size: 13px;
}
.devolum-footer .copyrights a {
  color: var(--secondary-color);
}
@media (max-width: 570px) {
  .devolum-footer .copyrights {
    flex-direction: column;
  }
}

.devolum-header-login {
  background-color: var(--basic-color);
  padding: 15px 0;
}
.devolum-header-login .login-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.devolum-header-login .login-header .mylogo {
  max-width: 170px;
  display: flex;
}
.devolum-header-login .login-header .login {
  color: var(--titles-color);
  margin-inline-end: 15px;
}
.devolum-header-login .login-header .login:hover {
  color: var(--primary-color);
}
.devolum-header-login .login-header .logout-btn {
  color: var(--logout-color);
  display: flex;
  align-items: end;
}
.devolum-header-login .login-header .logout-btn i {
  margin-inline-start: 5px;
}

.devolum-login {
  background-color: var(--login-bg);
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.devolum-login .required span {
  color: var(--secondary-color);
  font-size: 20px;
}
.devolum-login .login {
  margin: 70px 0;
  background-color: var(--basic-color);
  border-radius: 8px;
  padding: 40px 70px;
  box-shadow: 0px 0px 20px 0px rgba(237, 237, 237, 0.5019607843);
}
.devolum-login .login h2 {
  display: flex;
  align-items: baseline;
  margin-bottom: 30px;
  color: var(--titles-color);
}
.devolum-login .login h2::after {
  content: "";
  display: flex;
  height: 3px;
  width: 30px;
  border-radius: 8px;
  margin: 0 10px;
  background-color: var(--primary-color);
}
.devolum-login .login .myinput {
  display: flex;
  flex-direction: column;
}
.devolum-login .login .myinput label {
  color: var(--content-color);
  margin-bottom: 10px;
}
.devolum-login .login .myinput input,
.devolum-login .login .myinput textarea,
.devolum-login .login .myinput select {
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  border: 1px solid var(--input-border);
}
.devolum-login .login .myinput input::-moz-placeholder, .devolum-login .login .myinput textarea::-moz-placeholder, .devolum-login .login .myinput select::-moz-placeholder {
  color: var(--placeholder-color);
}
.devolum-login .login .myinput input::placeholder,
.devolum-login .login .myinput textarea::placeholder,
.devolum-login .login .myinput select::placeholder {
  color: var(--placeholder-color);
}
.devolum-login .login .myinput select {
  color: var(--placeholder-color);
}
.devolum-login .login .myinput .password {
  position: relative;
}
.devolum-login .login .myinput .password span {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: var(--placeholder-color);
}
.devolum-login .login .save {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 540px) {
  .devolum-login .login {
    padding: 25px;
  }
}

.devolum-copy-rights {
  background-color: var(--login-bg);
}
.devolum-copy-rights hr {
  color: var(--placeholder-color);
}
.devolum-copy-rights .copyrights {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--placeholder-color);
  font-size: 13px;
  padding-bottom: 15px;
}
.devolum-copy-rights .copyrights a {
  color: var(--primary-color);
}
@media (max-width: 570px) {
  .devolum-copy-rights .copyrights {
    flex-direction: column;
  }
}

.devolum-appbar-pages .app-bar {
  padding: 20px 0;
}
.devolum-appbar-pages .app-bar .mob-menu {
  color: var(--titles-color);
}
.devolum-appbar-pages .app-bar .pages ul li a {
  color: var(--appbar-color);
}
.devolum-appbar-pages .app-bar .pages ul li a:hover {
  font-weight: 700;
}
.devolum-appbar-pages .app-bar .pages ul li a.active {
  color: var(--titles-color);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 13px;
  text-decoration-color: var(--secondary-color);
}
.devolum-appbar-pages .app-bar .all-btns .login {
  color: var(--appbar-color);
  margin-inline-end: 15px;
}
.devolum-appbar-pages .app-bar .all-btns .login:hover {
  color: var(--primary-color);
}
@media (max-width: 1000px) {
  .devolum-appbar-pages .app-bar {
    background-color: var(--basic-color);
  }
}

.devolum-headline {
  background: linear-gradient(90deg, rgb(0, 125, 5) 0%, rgb(0, 56, 17) 40%);
  padding: 30px 0;
  position: relative;
}
.devolum-headline .headline {
  margin-bottom: 0;
}
.devolum-headline .headline h2 {
  color: var(--basic-color);
  font-size: 32px;
}
.devolum-headline .headline span {
  color: var(--menu-text);
}
.devolum-headline .social-headline {
  position: absolute;
}
.devolum-headline .vector-headline {
  position: absolute;
  right: 0;
  bottom: 0;
}

.devolum-info ul {
  list-style-type: disc;
  padding-inline-start: 2rem;
}
.devolum-info .catalog {
  width: 100%;
  height: 100vh;
  background-color: var(--menu-text);
  padding: 20px;
  border-radius: 8px;
}
.devolum-info .info .block {
  margin-bottom: 30px;
}
.devolum-info .info video {
  margin-bottom: 30px;
  border-radius: 8px;
}

.devolum-all-articles .tab-content .tab-pane .content {
  margin-bottom: 50px;
}

.devolum-single-article .single-article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.devolum-single-article .single-article .myimg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.devolum-single-article .single-article .myimg img {
  width: 100%;
  border-radius: 8px;
}
.devolum-single-article .single-article .article-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-bottom: 30px;
}
.devolum-single-article .single-article .article-title span {
  color: var(--primary-color);
  font-size: 25px;
}
.devolum-single-article .single-article p {
  line-height: 33px;
}
.devolum-single-article .single-article .author {
  margin-bottom: 10px;
  font-weight: 700;
}
.devolum-single-article .single-article .a2a_kit {
  margin-bottom: 20px;
}

.devolum-books .mytabs ul li .nav-link {
  width: 220px;
}
.devolum-books .books {
  margin-bottom: 60px;
}
.devolum-books .books .book-card {
  height: 100%;
}
.devolum-books .books .book-card .book-img {
  max-width: 100%;
  transition: all 0.4s ease-in-out;
}
.devolum-books .books .book-card .book-img img {
  width: 100%;
  min-height: 390px;
}
.devolum-books .books .book-card .book-img:hover {
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
}
.devolum-single-book {
    margin-bottom: 90px;
}
.devolum-single-book .mybook {
  width: 100%;
}
.devolum-single-book .mybook img {
  width: 100%;
  border-radius: 8px;
}
.devolum-single-book .book-description {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.devolum-single-book .book-description .book-name {
  font-size: 22px;
  font-weight: 700;
  color: var(--titles-color);
}
.devolum-single-book .book-description div {
  font-weight: 700;
  color: var(--content-color);
  margin-bottom: 15px;
}
.devolum-single-book .book-description span,
.devolum-single-book .book-description p {
  font-weight: 400;
  color: var(--content-color);
  line-height: 30px;
}
.devolum-single-book .book-description span {
  margin-inline-start: 5px;
}
.devolum-single-book .book-description .book-place {
  color: var(--content-color);
  background-color: var(--bg-color);
  border-radius: 8px;
  padding: 20px;
  font-weight: 700;
}
.devolum-single-book .book-description .download {
  padding: 10px 20px;
  border-radius: 8px;
  color: var(--primary-color);
  font-weight: 700;
  transition: .5s ease;
}
.devolum-single-book .book-description .download:hover {
  background: var(--hover-color);
  color: var(--basic-color);
}
.devolum-single-book .book-description .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.devolum-single-book .book-description .bottom .btns {
  margin-bottom: 0;
}
.devolum-single-book .book-description .bottom .btns .mybtn {
  background: var(--primary-color);
  margin-inline-end: 20px;
}
.devolum-single-book .book-description .bottom .btns .mybtn:hover {
  background: var(--hover-color);
}
.devolum-single-book .book-description .bottom .a2a_kit {
  margin-bottom: 0;
}
@media (max-width: 880px) {
  .devolum-single-book .book-description .bottom {
    flex-direction: column;
  }
}

.devolum-related-books .book-card {
  width: 100%;
  height: 100%;
}
.devolum-related-books .book-card .book-img {
  max-width: 100%;
  transition: all 0.4s ease-in-out;
}
.devolum-related-books .book-card .book-img img {
  width: 100%;
  min-height: 390px;
}
.devolum-related-books .book-card .book-img:hover {
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
}

.devolum-single-advice .comments-form .content {
  font-weight: 700;
  font-size: 18px;
}
.devolum-single-advice .comments-form .department {
  color: var(--titles-color);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}
.devolum-single-advice .answer {
  display: flex;
  padding: 0px 30px;
  padding-bottom: 20px;
}
.devolum-single-advice .answer .answer-img {
  max-width: 85px;
  width: 100%;
  margin-inline-end: 20px;
}
.devolum-single-advice .answer .answer-img img {
  width: 100%;
}
.devolum-single-advice .answer video {
  border-radius: 8px;
}

.devolum-related-advices .mytable {
  margin-bottom: 0;
}

.devolum-lectures .mytabs ul li .nav-link {
  width: 170px;
  margin: 0px 5px;
}
@media (max-width: 760px) {
  .devolum-lectures .mytabs ul {
    overflow-x: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }
}

.devolum-single-lecture .lecture-name {
  margin-bottom: 30px;
}
.devolum-single-lecture .lecture-name .title {
  color: var(--primary-color);
  font-weight: 700;
}
.devolum-single-lecture .lecture-name span {
  color: var(--content-color);
  font-size: 15px;
}
.lesson-div {
    text-align: right;
    width: 100%;
}
.devolum-single-lecture .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.devolum-single-lecture .content video {
  margin-bottom: 30px;
}
.devolum-single-lecture .content .my-btns {
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width: 690px) {
  .devolum-single-lecture .content .my-btns .a2a_kit {
    margin-bottom: 10px;
  }
}
.devolum-single-lecture .content .download {
  color: var(--primary-color);
  font-weight: 700;
}

.devolum-social-headline {
  background: linear-gradient(90deg, rgb(0, 125, 5) 0%, rgb(0, 56, 17) 40%);
  padding: 70px 0;
  position: relative;
}
.devolum-social-headline .social-headline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -10%);
}
.devolum-social-headline .social-headline .img {
  margin-bottom: 30px;
}
.devolum-social-headline .vector-headline {
  position: absolute;
  right: 0;
  bottom: 0;
}

.devolum-social-info {
  background-color: var(--login-bg);
}
.devolum-social-info .social-bars {
  margin-top: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.devolum-social-info .social-bars .bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  border: 1px solid var(--input-border);
  border-radius: 8px;
  padding: 18px 10px;
  margin-bottom: 15px;
  color: var(--content-color);
  background-color: var(--basic-color);
}
.devolum-social-info .social-bars .bar span {
  font-weight: 500;
  font-size: 20px;
}
.devolum-social-info .social-bars .bar .application-img {
  max-height: 30px;
  max-width: 30px;
  position: absolute;
  left: 20px;
}
@media (max-width: 550px) {
  .devolum-social-info .social-bars .bar {
    width: 260px;
    padding: 15px 10px;
  }
}

.devolum-dashboard-advice {
  background-color: var(--bg-color);
  padding-top: 50px;
}
.devolum-dashboard-advice .top-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 20px 0;
  background-color: var(--basic-color);
  box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.1215686275);
}
.devolum-dashboard-advice .top-bar .card-number {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-color);
  width: 200px;
  height: 50px;
  border-radius: 8px;
  margin: 0 10px;
  color: var(--content-color);
  font-weight: 600;
}
@media (max-width: 550px) {
  .devolum-dashboard-advice .top-bar .card-number {
    font-size: 13px;
    padding: 6px;
    text-align: center;
  }
}
.devolum-dashboard-advice .dashboard-content {
  background-color: var(--basic-color);
  padding: 50px;
}
.devolum-dashboard-advice .dashboard-content .comments-form {
  margin-bottom: 20px;
}
.devolum-dashboard-advice .dashboard-content .comments-form .comment {
  border-radius: 8px;
  margin-bottom: 0;
}
.devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer {
  opacity: 0;
  height: 0;
  width: auto;
  transition: all 0.6s ease-in-out;
}
.devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer {
  padding: 50px 30px;
  display: flex;
  align-items: center;
}
.devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer .answer-img {
  width: 85px;
  min-width: 50px;
  margin-inline-end: 20px;
}
.devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer .answer-img img {
  width: 100%;
}
.devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer .answer-content {
  border: 1px solid var(--input-border);
  border-radius: 8px;
  padding: 20px;
}
.devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .dashboard-send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.devolum-dashboard-advice .dashboard-content .comments-form .hidden {
  opacity: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 550px) {
  .devolum-dashboard-advice .dashboard-content {
    padding: 15px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .comment .profile-img {
    margin-inline-end: 10px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .comment .text .content {
    font-size: 15px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .comment .text .bottom-bar .date {
    font-size: 12px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .comment .text .bottom-bar .share {
    font-size: 15px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer {
    padding: 40px 15px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer .answer-img {
    margin-inline-end: 10px;
  }
  .devolum-dashboard-advice .dashboard-content .comments-form .dashboard-answer .answer .answer-content {
    font-size: 15px;
    padding: 12px;
  }
}

.devolum-dashboard-advice-tabs {
  box-shadow: 0px 0px 20px 0px rgba(90, 90, 90, 0.1019607843);
  padding: 20px;
}
.devolum-dashboard-advice-tabs .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
}
.devolum-dashboard-advice-tabs .nav button {
  background-color: transparent;
  margin: 0 15px;
  padding: 0;
  border: none;
}
.devolum-dashboard-advice-tabs .nav button .dashoard-tab {
  border: 1px solid #cce5cd;
  border-radius: 8px;
  width: 280px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.devolum-dashboard-advice-tabs .nav button .dashoard-tab .nav-img {
  max-width: 40px;
  margin-bottom: 10px;
}
.devolum-dashboard-advice-tabs .nav button .dashoard-tab .nav-img img {
  width: 100%;
}
.devolum-dashboard-advice-tabs .nav button .dashoard-tab span {
  color: var(--content-color);
  font-weight: 600;
}
.devolum-dashboard-advice-tabs .nav button.active {
  background-color: var(--login-bg);
}

.devolum-dashboard-advice-content {
  background-color: var(--login-bg);
  padding: 30px 0;
}
.devolum-dashboard-advice-content .comments-form {
  border: none;
  box-shadow: none;
}
.devolum-dashboard-advice-content .comments-form .comment:last-child {
  margin-bottom: 40px;
}
.devolum-dashboard-advice-content .comments-form .comment {
  background-color: var(--basic-color);
  border-radius: 8px;
  margin-bottom: 15px;
}
.devolum-dashboard-advice-content .comments-form .comment .profile-img {
  min-width: 60px;
}
.devolum-dashboard-advice-content .comments-form .comment .text .content {
  font-weight: 600;
  color: var(--titles-color);
  font-size: 18px;
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns {
  display: flex;
  align-items: center;
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns button:not(:last-child) {
  margin-inline-end: 10px;
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 130px;
  height: 45px;
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns button i {
  margin-inline-start: 5px;
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns .share {
  margin: 0;
  background-color: var(--primary-color);
  color: var(--basic-color);
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns .share:hover {
  background-color: var(--hover-color);
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns .reveal {
  border: 1px solid var(--primary-color);
  background-color: transparent;
  color: var(--primary-color);
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns .reveal:hover {
  background-color: var(--primary-color);
  color: var(--basic-color);
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns .cancel {
  border: 1px solid var(--logout-color);
  background-color: transparent;
  color: var(--logout-color);
}
.devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns .cancel:hover {
  background-color: var(--logout-color);
  color: var(--basic-color);
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body {
  padding: 30px 20px;
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body h4 {
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-weight: 700;
  color: var(--titles-color);
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body h4::after, .devolum-dashboard-advice-content .comments-form .comment .modal .modal-body h4::before {
  content: "";
  display: flex;
  height: 3px;
  width: 20px;
  border-radius: 8px;
  margin: 0 10px;
  background-color: var(--primary-color);
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer {
  padding: 25px;
  display: flex;
  align-items: center;
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer .answer-img {
  width: 85px;
  min-width: 60px;
  margin-inline-end: 20px;
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer .answer-img img {
  width: 100%;
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer .answer-content {
  border: 1px solid var(--input-border);
  border-radius: 8px;
  padding: 20px;
}
.devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .dashboard-send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .devolum-dashboard-advice-content .comments-form .comment .text .content {
    font-size: 16px;
  }
  .devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .devolum-dashboard-advice-content .comments-form .comment .modal .modal-body {
    padding: 15px 10px;
  }
  .devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer {
    padding: 20px 10px;
  }
  .devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer .answer-img {
    margin-inline-end: 10px;
  }
  .devolum-dashboard-advice-content .comments-form .comment .modal .modal-body .dashboard-answer .answer .answer-content {
    padding: 15px;
  }
}
@media (max-width: 420px) {
  .devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns {
    flex-direction: column;
    width: 100%;
  }
  .devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns button {
    width: 100%;
  }
  .devolum-dashboard-advice-content .comments-form .comment .text .bottom-bar .comment-btns button:not(:last-child) {
    margin-inline-end: 0;
    margin-bottom: 10px;
  }
}

html[dir=ltr] .form-select {
  background-position: right 0.75rem center;
}
html[dir=ltr] .devolum-footer .footer-content .all-links .subscripe-btn .mybtn {
  left: auto;
  right: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir=ltr] input[type=email]::-moz-placeholder {
  text-align: left;
}
html[dir=ltr] input[type=email]::placeholder {
  text-align: left;
}
html[dir=ltr] .mybtn i {
  padding-inline-end: 5px;
  padding-inline-start: 0;
}
html[dir=ltr] .mybtn .fa-arrow-left {
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
html[dir=ltr] .mybtn:hover .fa-arrow-left {
  transition: all 0.3s ease-in-out;
  transform: translateX(10px) rotate(180deg);
}
html[dir=ltr] .fa-chevron-right,
html[dir=ltr] .fa-chevron-left {
  transform: rotate(180deg);
}
html[dir=ltr] .devolum-header .devolum-appbar .app-bar .mob-menu {
  right: auto;
  left: 10px;
}
html[dir=ltr] .sidenav .links li a .btn-toggle i {
  transform: rotate(180deg);
}
html[dir=ltr] .sidenav .links li a .btn-toggle:not(.collapsed) i {
  transform: rotate(270deg);
}
html[dir=ltr] .sidenav {
  right: auto;
  left: 0;
}/*# sourceMappingURL=style.css.map */