/*
  Theme Name: قالب اخصتصاصی دکتر حسن اکبری برهان
  Theme URI: https://drakbariborhan.com
  Author:  Hadi Zonnati | hadizonnati@gmail.com
  Author URI: http://spinasagency.ir
  Description: This is a Commercial Theme for Drakbariborhan
  Version: 1.1
*/

.btn-rounded {
  border-radius: 50px;
}

.hover-style-1:hover {
  background: linear-gradient(270deg, #E1A964 0%, rgba(248, 191, 123, 0.69) 100%);
}

.hover-style-2:hover {
  border: 2px solid rgba(199, 199, 199, 0.4431372549);
}

.btn-48px {
  background-color: #ecc08b;
  padding: 5px 20px;
  display: inline-flex;
  align-items: center;
  color: white;
  gap: 6px;
  font-size: 14px;
  word-spacing: -2px;
  min-height: 48px;
  color: white;
  gap: 6px;
  font-size: 14px;
}

.btn-stroke {
  background-color: transparent !important;
  border: 2px solid #F8F8F8;
  color: #515151;
}

body {
  color: #515151;
  font-family: irswf-rg;
}

.container {
  width: 85%;
}

.icon-books {
  font-size: 28px;
}

.black-title {
  font-family: irswf-black;
  font-size: 20px;
  position: relative;
}
.black-title::before {
  content: "";
  position: absolute;
  background-color: #06C2CC;
  width: 137px;
  height: 7px;
  bottom: 3px;
  z-index: -3;
  border-radius: 2px;
}

.bold-title {
  font-family: irswf-bold;
  font-size: 20px;
  position: relative;
  text-align: center;
  display: inline-block;
}
.bold-title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 70%;
  margin: auto;
  width: 60%;
  height: 6px;
  background: #06C2CC;
  z-index: -2;
}

.title-margin-6-1 {
  margin-top: 6rem;
  margin-bottom: 1rem;
}

.title-margin-4-1 {
  margin-top: 4rem;
  margin-bottom: 1rem;
}

.navbar-mobile .navbar-toggler {
  font-size: 40px;
  color: #06C2CC;
}
.navbar-mobile .mob-menu-bar-section {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.menu-title {
  font-size: 16px;
  font-family: irswf-bold;
}

#header-date-section {
  position: relative;
}
#header-date-section .header-date-text {
  font-family: irswf-rg;
  font-size: 14px;
  background-image: url('./assets/images/header-shape.svg');
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  height: 45px;
  background-size: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.navbar-section {
  font-family: irswf-rg;
  font-size: 14px;
}
.navbar-section .navbar-nav {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.navbar-section .mobile-menu-navigation .sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  background-color: #18C7D0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.navbar-section .mobile-menu-navigation .sidenav .navbar-nav {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 1rem 0 !important;
  padding: 0 !important;
}
.navbar-section .mobile-menu-navigation .sidenav .navbar-nav .nav-link {
  margin: 0 !important;
  padding: 6px 0 !important;
}
.navbar-section .mobile-menu-navigation .sidenav .navbar-nav .active {
  font-family: irswf-bold !important;
  color: white !important;
}
.navbar-section .mobile-menu-navigation .sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: white;
  display: block;
  transition: 0.3s;
}
.navbar-section .mobile-menu-navigation .sidenav a:hover {
  color: #f1f1f1;
}
.navbar-section .mobile-menu-navigation .sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  margin-top: 1rem;
}
.navbar-section .mobile-menu-navigation .sidenav img {
  margin-top: 4rem;
  width: 80%;
  margin: auto;
}
.navbar-section .mobile-menu-navigation .open-menu {
  color: #06c2cc !important;
}

.introduction {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 6rem;
}
.introduction .right-section {
  display: flex;
  flex-direction: column;
}
.introduction .right-section .introduction-text {
  font-size: 14px;
  font-family: irswf-light;
  text-align: justify;
  margin: 1.5rem 0;
  line-height: 30px;
  padding-left: 36px;
}
.introduction .right-section .cv-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.introduction .right-section .cv-section .items-navy-blue {
  display: flex;
  align-items: center;
  font-family: irswf-rg;
}
.introduction .right-section .cv-section .items-navy-blue h2 {
  background-image: url('./assets/images/number-box-navy-blue.svg');
  width: 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  background-position: center;
  background-size: 60px;
  height: 70px;
  width: 70px;
  align-items: center;
  color: white;
  font-family: irswf-bold;
  font-size: 18px;
}
.introduction .right-section .cv-section .items-navy-blue p {
  font-size: 14px;
}
.introduction .right-section .cv-section .items {
  display: flex;
  align-items: center;
  font-family: irswf-rg;
}
.introduction .right-section .cv-section .items h2 {
  background-image: url('./assets/images/number-box.svg');
  width: 100%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  background-position: center;
  background-size: 60px;
  height: 70px;
  width: 70px;
  align-items: center;
  color: white;
  font-family: irswf-bold;
  font-size: 18px;
}
.introduction .right-section .cv-section .items p {
  font-size: 14px;
}
.introduction .right-section .download-btn-section {
  display: flex;
  flex-direction: row;
  font-family: irswf-rg;
  gap: 14px;
  margin: 2rem 0;
}
.introduction .right-section .download-btn-section span {
  font-size: 34px;
}
.introduction .right-section .download-btn-section .article-btn span {
  color: #EAEAEA;
}
.introduction .right-section .download-btn-section .article-btn a {
  transition: 0.3s;
  border: solid 2px #EAEAEA;
  border-radius: 30px;
  padding: 8px 17px;
  display: flex;
  align-items: center;
  direction: ltr;
  gap: 6px;
}
.introduction .right-section .download-btn-section .article-btn a:hover {
  border: solid 2px #E1A964;
}
.introduction .left-section {
  display: flex;
  justify-content: center;
  position: relative;
}
.introduction .left-section .portrait-section::before {
  content: "";
  position: absolute;
  background-image: url('./assets/images/dr-borhan-portraits-bg-pattern.png');
  top: 0px;
  left: 96px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 80%;
}

.dr-borhan-section {
  text-align: center;
}
.dr-borhan-section .dr-borhan-nav-tab {
  display: flex;
  margin: auto;
  justify-content: center;
  width: 100%;
  gap: 6rem;
  margin-top: 3rem;
}
.dr-borhan-section .dr-borhan-nav-tab .nav-item a {
  background-color: #eaeaea;
  font-family: irswf-rg;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13.5px;
}
.dr-borhan-section .dr-borhan-nav-tab .nav-item a::before {
  position: absolute;
  content: "\e902";
  font-family: "icons";
  left: -45px;
  font-size: 70.7px;
  top: -29px;
  color: #eaeaea;
  padding: 0;
}
.dr-borhan-section .dr-borhan-nav-tab .nav-item a::after {
  position: absolute;
  content: "\e902";
  transform: rotate(180deg);
  font-family: "icons";
  right: -40px;
  font-size: 70.3px;
  top: -29px;
  color: #eaeaea;
  padding: 0;
}
.dr-borhan-section .dr-borhan-nav-tab .nav-item a.active {
  background-color: #bd9206;
  color: white;
}
.dr-borhan-section .dr-borhan-nav-tab .nav-item a.active::before {
  position: absolute;
  content: "\e902";
  font-family: "icons";
  left: -45px;
  font-size: 70.7px;
  top: -29px;
  color: #bd9206 !important;
  padding: 0;
}
.dr-borhan-section .dr-borhan-nav-tab .nav-item a.active::after {
  position: absolute;
  content: "\e902";
  transform: rotate(180deg);
  font-family: "icons";
  font-size: 70.3px;
  top: -29px;
  color: #bd9206 !important;
  padding: 0;
}
.dr-borhan-section .tab-content {
  margin-top: 3rem;
  margin-bottom: 10rem;
}
.dr-borhan-section .tab-content .dr-borhan-section-tab-content {
  display: flex;
  align-items: center;
  gap: 5rem;
  justify-content: center;
}
.dr-borhan-section .tab-content .dr-borhan-item {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
}
.dr-borhan-section .tab-content .dr-borhan-item span {
  border: 2px solid #eaeaea;
  padding: 14px 14px;
  border-radius: 60px;
}
.dr-borhan-section .tab-content .dr-borhan-item img {
  border-radius: 40px;
}
.dr-borhan-section .tab-content .dr-borhan-item .item-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dr-borhan-section .tab-content .dr-borhan-item .item-details h2,
.dr-borhan-section .tab-content .dr-borhan-item .item-details h3 {
  font-size: 18px;
  font-family: irswf-bold;
  width: 100%;
}
.dr-borhan-section .tab-content .dr-borhan-item .item-details h3 {
  font-size: 12px;
  font-family: irswf-rg;
}
 
.dr-borhan-section .tab-content .dr-borhan-item .item-details .vector-after-text {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.dr-borhan-section .tab-content .dr-borhan-item .item-details .vector-after-text img {
  position: relative;
  left: -40px;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content {
  display: flex;
  flex-wrap: wrap;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: right;
  margin: 26px 0;
}
.common-item-details,
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details {
  background-color: #F8F8F8;
  text-align: right;
  padding: 2rem 30px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 1rem;
}
.common-item-details::before,
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details::before {
  position: absolute;
  content: "\e902";
  top: -44px;
  font-family: "icons";
  font-size: 54px;
  transform: rotate(90deg);
  color: #06c2cc;
  z-index: -15;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details a {
  font-size: 16px;
  font-family: irswf-bold;
  transition: 0.3s;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details a:hover {
  color: #919191;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details p {
  font-size: 14px;
  font-family: irswf-rg;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item p {
  font-size: 12px;
  padding: 12px;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-outside-details {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-right: 2rem;
}
.dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-outside-details .icon-shape-two:before {
  font-size: 44px;
  color: #ECC08B !important;
  margin-left: 3rem;
}

.dr-borhan-books-category {
  display: flex;
  background-image: url('./assets/images/books-banner.png');
  padding: 10rem 0;
  max-width: 1920px;
  max-height: 600px;
  z-index: -1;
}
.dr-borhan-books-category .books-category-section {
  display: flex;
  align-items: center;
  gap: 5rem;
}
.dr-borhan-books-category .books-category-section .books-category-right-section {
  color: white;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dr-borhan-books-category .books-category-section .books-category-right-section h2 {
  font-size: 22px;
  font-family: irswf-black;
  z-index: 1;
}
.dr-borhan-books-category .books-category-section .books-category-right-section p {
  font-family: irswf-ultra-light;
  font-size: 16px;
  z-index: 1;
  text-align: justify;
}
.dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item {
  background: white;
  padding: 2.3rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  border-radius: 30px;
  position: relative;
}
.dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item img {
  border-radius: 20px;
  width: 100%;
}
.dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item .books {
  text-align: center;
}
.dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item .books h3 {
  font-size: 14px;
  font-family: irswf-ultra-light;
}
.dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item .books p {
  font-size: 16px;
  font-family: irswf-bold;
}
.dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item .books p:hover {
  color: #919191;
}

.dr-borhan-media-appearances-tab-content {
  display: flex;
  gap: 20px;
}
.dr-borhan-media-appearances-tab-content .dr-borhan-publications-item {
  color: #fff;
  position: relative;
}
.dr-borhan-media-appearances-tab-content .dr-borhan-publications-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 280px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(359.63deg, #06C2CC 0.31%, rgba(217, 217, 217, 0) 53.58%);
  border-radius: 30px;
}
.dr-borhan-media-appearances-tab-content .dr-borhan-publications-item img {
  max-width: 100%;
  border-radius: 30px;
}
.dr-borhan-media-appearances-tab-content .dr-borhan-publications-item .item-details-image {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  padding-bottom: 3rem;
  text-align: right;
  gap: 13px;
  display: flex;
  flex-direction: column;
  padding-right: 14px;
}
.dr-borhan-media-appearances-tab-content .dr-borhan-publications-item .item-details-image span p {
  background-color: #E1A964;
  padding: 2px 20px;
  border-radius: 50px;
  font-family: irswf-light;
  justify-content: center;
  display: inline-flex;
  word-spacing: -2px;
  font-size: 12px;
}
.dr-borhan-media-appearances-tab-content .dr-borhan-publications-item .item-details-image h2 {
  font-family: irswf-rg;
  font-size: 14px;
  word-spacing: -2px;
}

.footer-section {
  background: linear-gradient(5.55deg, #f0f0f0 4.58%, rgba(217, 217, 217, 0) 53.12%);
}
.footer-section .footer-icon {
  align-items: center;
}
.footer-section .footer-icon .icon-shape-two {
  display: flex;
  justify-content: center;
  font-size: 65px;
  margin: 2rem 0;
  position: relative;
}
.footer-section .footer-icon .icon-shape-two::before {
  content: "\e910";
  color: #f8f8f8 !important;
}
.footer-section .footer-icon .icon-shape-two::after {
  position: absolute;
  content: "";
  background-color: #F8F8F8;
  width: 50%;
  height: 2px;
  top: 30px;
  z-index: -3;
}
.footer-section .footer-widgets-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.footer-section .footer-widgets-section .footer-widget {
  line-height: 40px;
  max-width: 280px;
}
.footer-section .footer-widgets-section .footer-widget .flex-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-section .footer-widgets-section .footer-widget .footer-icon-size {
  font-size: 26px;
  color: #503A8C;
  font-weight: bolder;
}
.footer-section .footer-widgets-section .footer-widget h2 {
  font-size: 18px;
  font-family: irswf-black;
  margin: 0 0 2rem 0;
  color: #514949;
}
.footer-section .footer-widgets-section .footer-widget h3 {
  font-size: 16px;
  font-family: irswf-bold;
}
.footer-section .footer-widgets-section .footer-widget p {
  font-size: 16px;
  font-family: irswf-light;
}
.footer-section .footer-widgets-section .footer-widget li {
  font-size: 16px;
  font-family: irswf-rg;
  word-spacing: -2px;
}
.footer-section .footer-widgets-section .footer-widget li:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.footer-section .footer-widgets-section .footer-widget .licenses {
  display: flex;
  align-items: center;
}
.footer-section .footer-social-media {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.footer-section .footer-social-media .social-media-item {
  background: #00B8F2;
  border-radius: 50px;
  text-align: center;
  color: white;
  padding: 24px 14px;
  max-width: 80px;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-section .footer-social-media .social-media-item:hover {
  opacity: 0.7;
  transition: 0.4s;
}
.footer-section .footer-social-media span {
  font-size: 42px;
  font-weight: 500;
}
.footer-section .footer-social-media span:hover {
  animation: flip;
  animation-duration: 1s;
}
.footer-section .footer-social-media p {
  font-family: irswf-md;
  font-size: 12px;
}
.footer-section .footer-social-media sub {
  font-family: irswf-light;
  font-size: 12px;
}
.footer-section .footer-social-media .twitter-color {
  background: #00D5F2;
}
.footer-section .footer-social-media .youtube-color {
  background: #DA5071;
}
.footer-section .footer-social-media .instagram-color {
  background: #D24187;
}
.footer-section .footer-social-media .aparat-color {
  background: #ECC08B;
}
.footer-section .footer-social-media .whatsapp-color {
  background: #25D366;
}
.footer-section .end-text {
  font-family: irswf-rg;
  font-size: 14px;
  text-align: center;
  margin: 2rem 0;
}
.footer-section #footer-ending-section {
  position: relative;
}
.footer-section #footer-ending-section a:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.footer-section #footer-ending-section .header-date-text {
  font-family: irswf-rg;
  font-size: 14px;
  background-image: url('./assets/images/footer-shape-rotated.svg');
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  height: 45px;
  background-size: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.adp-breadcrumb-section {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center !important;
  margin-bottom: 3rem;
  font-size: 12px;
}

.adp-banner-section {
  background-image: url('./assets/images/article-detail-page-banner.png');
  display: flex;
  max-width: 1920px;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 250px;
  align-items: center;
  position: relative;
}
.adp-banner-section::before {
  position: absolute;
  content: "\e902";
  top: -95px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(270deg);
  color: #fff;
  right: 50%;
  left: 50%;
}
.adp-banner-section .banner-text-section {
  font-size: 18px;
  color: #fff;
}
.adp-banner-section .article-detail {
  margin-top: 1.5rem;
}
.adp-banner-section .article-detail ul {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 12px;
}
.adp-banner-section .article-detail ul li {
  background: #fff;
  padding: 10px 18px;
  border-radius: 30px;
  text-align: center;
}

.grey-bg {
  background: #FAFAFA;
}
.grey-bg .article-section {
  display: flex;
  align-items: baseline;
  text-align: justify;
  color: #514949;
  gap: 2rem;
}
.grey-bg .article-section .article-content h2 {
  font-family: irswf-black;
  font-size: 18px;
  margin: 1rem 0;
}
.grey-bg .article-section .article-content p {
  font-family: irswf-light;
  font-size: 14px;
  line-height: 32px;
}
.grey-bg .article-section .article-sidebar {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.grey-bg .article-section .article-sidebar h2 {
  font-size: 18px;
  font-family: irswf-md;
}
.grey-bg .article-section .article-sidebar .sidebar-1 {
  pad: 20px 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 3rem 10px;
  gap: 1.5rem;
  position: relative;
  top: -8rem;
}
.grey-bg .article-section .article-sidebar .sidebar-1::before {
  position: absolute;
  content: "\e902";
  top: -20px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(90deg);
  color: #fff;
  right: 50%;
  left: 50%;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .download-article-btn a {
  display: flex;
  align-items: center;
  gap: 3rem;
  background: #E1A964;
  padding: 8px 21px;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .download-article-btn a span {
  font-size: 32px;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .download-article-btn a:hover {
  background: linear-gradient(270deg, #E1A964 0%, rgba(248, 191, 123, 0.69) 100%);
}
.grey-bg .article-section .article-sidebar .sidebar-1 .icon-books {
  position: relative;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .icon-books::before {
  color: #503A8C;
  font-size: 38px;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .icon-books::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 85px;
  height: 2px;
  background: #503A8C;
}
.grey-bg .article-section .article-sidebar .sidebar-1 sub {
  font-size: 14px;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .more-detail {
  display: flex;
  gap: 3rem;
  align-items: center;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .more-detail h3 {
  font-size: 14px;
  font-family: irswf-rg;
}
.grey-bg .article-section .article-sidebar .sidebar-1 .more-detail p {
  font-size: 14px;
  font-family: irswf-bold;
}
.grey-bg .article-section .article-sidebar .sidebar-2 {
  pad: 20px 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 3rem 10px;
  gap: 1.5rem;
  position: relative;
  top: -2rem;
}
.grey-bg .article-section .article-sidebar .sidebar-2::before {
  position: absolute;
  content: "\e902";
  top: -30px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(90deg);
  color: #20C0C7;
  right: 50%;
  left: 50%;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item img {
  max-width: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  margin-bottom: 2rem;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item sub {
  color: #514949;
  margin: 1.5rem 0;
  font-size: 14px;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item h3 {
  font-size: 18px;
  font-family: irswf-md;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item .icon-books {
  position: relative;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item .icon-books::before {
  color: #ECC08B;
  font-size: 38px;
}
.grey-bg .article-section .article-sidebar .sidebar-2 #suggested-book .item .icon-books::after {
  content: "";
  position: absolute;
  right: -22.5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 85px;
  height: 1px;
  background: #EAEAEA;
  z-index: -1;
}

.review-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 0;
}
.review-section h2 {
  margin-bottom: 3rem;
  margin-top: 1rem !important;
}
.review-section .review-shape {
  transform: rotate(90deg);
}
.review-section .review-shape::before {
  font-size: 80px;
}
.review-section #recived-reviews {
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}
.review-section #recived-reviews .item {
  background: #fff;
  padding: 30px;
  border-radius: 30px;
  margin: 2.5rem 0;
}
.review-section #recived-reviews .item h3 {
  font-family: irswf-bold;
  font-size: 18px;
}
.review-section #recived-reviews .item p {
  font-family: irswf-light;
  font-size: px;
  margin: 1rem 0;
}
.review-section #recived-reviews .item .review-date {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.review-section #recived-reviews .item::before {
  position: absolute;
  content: "\e902";
  bottom: -28px;
  font-family: "icons";
  font-size: 86px;
  transform: rotate(270deg);
  color: #06c2cc;
  z-index: -1;
  right: 42px;
}

.article-Comment-Section-bg {
  background-image: url('./assets/images/books-banner.png');
  width: 100%;
  max-height: 800px;
  min-height: 715px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-Comment-Section-bg h2 {
  color: #fff;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: irswf-md;
  font-size: 20px;
}
.article-Comment-Section-bg .form-section-1 {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  justify-content: center;
  align-items: center;
}
.article-Comment-Section-bg .form-section-1 .review-icon-section {
  background-image: url(../images/review-form-shape.svg);
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  background-position: center;
  background-size: 100px;
  height: 75px;
  width: 75px;
  align-items: center;
  color: white;
  font-family: irswf-bold;
  font-size: 40px;
}
.article-Comment-Section-bg .form-section-1 form {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.article-Comment-Section-bg .form-section-1 form .name-and-email {
  display: flex;
  gap: 20px;
}
.article-Comment-Section-bg .form-section-1 form .form-group {
  display: flex;
  flex-direction: column;
}
.article-Comment-Section-bg .form-section-1 form .form-group label {
  font-size: 14px;
  font-family: irswf-rg;
  color: #ffffff;
  padding: 10px 4px;
}
.article-Comment-Section-bg .form-section-1 form .form-group input {
  background: #fff;
  border-radius: 12px;
  height: 48px;
  padding: 14px;
  font-size: 14px;
  font-family: irswf-rg;
  color: #514949;
}
.article-Comment-Section-bg *{
  outline: none !important;
}
.article-Comment-Section-bg .form-section-1 form .form-group textarea {
  background: #fff;
  border-radius: 12px;
  height: 36px;
  padding: 14px;
  font-size: 14px;
  font-family: irswf-rg;
  color: #514949;
  overflow: hidden !important;
  height: 100px;
  text-align: right;
  direction: rtl;
  min-height: 100px;
  max-height: 300px;
}
.article-Comment-Section-bg .form-section-1 form .form-group #email-adress {
  direction: ltr;
}
.article-Comment-Section-bg .form-section-1 form button {
  background: #fff;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  width: auto;
  border-radius: 30px;
  margin: 1.5rem 0;
}
.article-Comment-Section-bg .form-section-1 form button span {
  transform: rotate(90deg);
  font-size: 30px;
}

.related-article-section {
  text-align: center;
  margin: 9rem 0;
}
.related-article-section .item {
  background: #F8F8F8;
  padding: 30px;
  border-radius: 30px;
  margin: 2rem 0;
}
.related-article-section .item h3 {
  font-family: irswf-bold;
  font-size: 18px;
}
.related-article-section .item p {
  font-family: irswf-light;
  font-size: px;
  margin: 1rem 0;
}
.related-article-section .item .review-date {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.related-article-section .item::before {
  position: absolute;
  content: "\e902";
  top: -32px;
  font-family: "icons";
  font-size: 86px;
  transform: rotate(90deg);
  color: #06c2cc;
  z-index: -1;
  right: 42px;
}
.related-article-section .item-outside-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 26px;
}
.related-article-section .item-outside-details .icon-shape-two {
  transform: rotate(90deg);
}
.related-article-section .item-outside-details .icon-shape-two::before {
  font-size: 44px;
  color: #ECC08B !important;
}
.related-article-section .item-outside-details p {
  font-family: irswf-light;
  font-size: 14px;
  margin: 1rem 0;
}
.related-article-section #related-article {
  margin: 2rem 0;
}

.articles-lists-banner {
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: space-between;
  font-size: 18px;
  font-family: irswf-md;
}

.articles-lists .sidebar-1 {
  top: -3rem !important;
  padding: 40px !important;
}
.articles-lists .sidebar-1 .Sidebar-article {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #515151;
  width: 100%;
  justify-content: space-between;
}
.articles-lists .sidebar-1 .Sidebar-article a {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.articles-lists .sidebar-1 .Sidebar-article a:hover {
  opacity: 0.7;
  transition: 0.2s;
}
.articles-lists .sidebar-1 .Sidebar-article span {
  background: linear-gradient(308.77deg, #E1A964 3.68%, rgba(248, 191, 123, 0.69) 136.19%);
  border-radius: 30px;
  padding: 4px 10px;
  color: #fff;
  font-size: 18px;
}
.articles-lists .article-sidebar-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  position: relative;
  top: 4.5rem;
}
.articles-lists .article-sidebar-left .article-box {
  position: relative;
  top: -7.5rem !important;
  min-width: 580px;
  max-width: 580px;
}
.articles-lists .article-sidebar-left .article-box .article {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: right !important;
  border-radius: 30px;
  gap: 1.5rem;
  padding: 40px;
  text-align: justify;
  margin-bottom: 1.5rem;
}
.articles-lists .article-sidebar-left .article-box .article a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.articles-lists .article-sidebar-left .article-box .article a h2 {
  font-family: irswf-bold;
  font-size: 16px;
}
.articles-lists .article-sidebar-left .article-box .article a p {
  font-family: irswf-light;
  font-size: 14px;
  line-height: 30px;
  word-spacing: -2px;
}
.articles-lists .article-sidebar-left .article-box .article a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.articles-lists .article-sidebar-left .article-box .article .article-category {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  font-size: 13px;
}
.articles-lists .article-sidebar-left .article-box .reading-deatil {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 0 1rem;
}
.articles-lists .article-sidebar-left .article-box .reading-deatil .read-more {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.articles-lists .article-sidebar-left .article-box .reading-deatil .read-more a:hover {
  opacity: 0.7;
}
.articles-lists .article-sidebar-left .article-box .reading-deatil .icon-shape-two {
  transform: rotate(90deg) !important;
}
.articles-lists .article-sidebar-left .article-box .reading-deatil .icon-shape-two::before {
  font-size: 50px;
  color: #ECC08B;
}
.articles-lists .article-sidebar-left .article-box-full {
  position: relative;
  top: -7.5rem !important;
}
.articles-lists .article-sidebar-left .article-box-full .article {
  background: #fff;
  display: flex;
  justify-content: right !important;
  border-radius: 30px;
  padding: 40px;
  text-align: justify;
  margin-bottom: 1.5rem;
  align-items: center !important;
}
.articles-lists .article-sidebar-left .article-box-full .article .right-section img {
  border-radius: 15px;
}
.articles-lists .article-sidebar-left .article-box-full .article .left-section a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.articles-lists .article-sidebar-left .article-box-full .article .left-section a h2 {
  font-family: irswf-bold;
  font-size: 16px;
}
.articles-lists .article-sidebar-left .article-box-full .article .left-section a p {
  font-family: irswf-light;
  font-size: 14px;
  line-height: 30px;
  word-spacing: -2px;
}
.articles-lists .article-sidebar-left .article-box-full .article .left-section a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.articles-lists .article-sidebar-left .article-box-full .article .left-section .article-category {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: right;
  gap: 4rem;
  margin: 1rem 0;
}
.articles-lists .article-sidebar-left .article-box-full .reading-deatil {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 0 1rem;
}
.articles-lists .article-sidebar-left .article-box-full .reading-deatil .read-more {
  display: flex;
  align-items: center;
}
.articles-lists .article-sidebar-left .article-box-full .reading-deatil .read-more a:hover {
  opacity: 0.7;
}
.articles-lists .article-sidebar-left .article-box-full .reading-deatil .icon-shape-two {
  transform: rotate(90deg) !important;
}
.articles-lists .article-sidebar-left .article-box-full .reading-deatil .icon-shape-two::before {
  font-size: 50px;
  color: #ECC08B;
}

.contact-us-form-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}
.contact-us-form-section h2 {
  color: #515151;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: irswf-md;
  font-size: 20px;
}
.contact-us-form-section .form-section-1 {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
}
.contact-us-form-section .form-section-1 .review-icon-section {
  background-image: url('./assets/images/review-form-shape.svg');
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  background-position: center;
  background-size: 100px;
  height: 75px;
  width: 75px;
  align-items: center;
  color: white;
  font-family: irswf-bold;
  font-size: 40px;
}
.contact-us-form-section .form-section-1 form {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.contact-us-form-section .form-section-1 form .name-and-email {
  display: flex;
  gap: 20px;
}
.contact-us-form-section .form-section-1 form .form-group {
  display: flex;
  flex-direction: column;
}
.contact-us-form-section .form-section-1 form .form-group label {
  font-size: 14px;
  font-family: irswf-rg;
  color: #BABABA;
  padding: 10px 4px;
}
.contact-us-form-section .form-section-1 form .form-group input {
  background: #FAFAFA;
  border-radius: 12px;
  height: 48px;
  padding: 14px;
  font-size: 14px;
  font-family: irswf-rg;
  color: #515151;
}
.contact-us-form-section .form-section-1 form .form-group textarea {
  background: #FAFAFA;
  border-radius: 12px;
  height: 36px;
  padding: 14px;
  font-size: 14px;
  font-family: irswf-rg;
  color: #515151;
  overflow: hidden !important;
  height: 100px;
  text-align: right;
  direction: ltr;
}
.contact-us-form-section .form-section-1 form .form-group #email-adress {
  direction: ltr;
}
.contact-us-form-section .form-section-1 form .button-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
}
.contact-us-form-section .form-section-1 form .button-section .send-msg-btn {
  background: #ECC08B;
  padding: 13px 35px;
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: left;
  text-align: left;
  font-size: 14px;
  width: auto;
  border-radius: 30px;
  color: #fff;
}
.contact-us-form-section .form-section-1 form .button-section .send-msg-btn:hover {
  background: linear-gradient(270deg, #E1A964 0%, rgba(248, 191, 123, 0.69) 100%);
}
.contact-us-form-section .form-section-1 form .button-section .send-msg-btn span {
  transform: rotate(90deg);
  font-size: 30px;
}
.contact-us-form-section .form-section-1 form .button-section .captcha {
  background: #ECC08B;
  padding: 8px 18px;
  border-radius: 30px;
}
.contact-us-form-section .cu-image-section {
  position: relative;
}
.contact-us-form-section .cu-image-section::before {
  position: absolute;
  content: "\e902";
  bottom: -22px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(270deg);
  color: #06C2CC;
  right: 50%;
  left: 50%;
  z-index: -1;
}
.contact-us-form-section .cu-image-section img {
  border-radius: 25px;
}

.pagination-section nav {
  display: flex;
  justify-content: center;
}
.pagination-section .numbers {
  background: white;
  display: flex;
  justify-content: center;
  padding: 20px 34px;
  border-radius: 50px;
  gap: 15px;
  margin: 2rem 0;
  position: relative;
  z-index: 100;
}
.pagination-section .numbers::before {
  position: absolute;
  content: "\e902";
  top: -4px;
  font-family: "icons";
  font-size: 55px;
  color: #ECC08B;
  right: 80%;
  left: 0;
  z-index: -1;
}
.pagination-section .page-item {
  background: #F8F8F8;
  max-width: 20px;
  min-width: 30px;
  max-height: 20px;
  min-height: 31px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-section .page-item:active {
  background: #18C7D0 !important;
}

.contact-ways-section {
  display: flex;
  gap: 20px;
  align-items: center;
  color: #2A534C;
  margin: auto;
  padding-bottom: 8rem;
  padding-top: 5rem;
}
.contact-ways-section a .email-adress {
  border: #f1f1f1 2px solid;
  border-radius: 20px;
  padding: 26px 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.contact-ways-section a .email-adress:hover {
  border: #E6E6E6 2px solid;
}
.contact-ways-section a .email-adress .right-section {
  direction: ltr;
  text-align: right;
}
.contact-ways-section a .email-adress .icon-email {
  background: #ECC08B;
  border-radius: 100px;
  padding: 20px;
  font-size: 55px;
  color: #fff;
  position: absolute;
  top: -20px;
  left: 10%;
}
.contact-ways-section a .email-adress .icon-email::after {
  position: absolute;
  content: "\e902";
  font-family: "icons";
  left: 0;
  right: 0;
  font-size: 70.7px;
  top: -35px;
  color: #ECC08B;
  padding: 0;
  transform: rotate(90deg);
  z-index: -1;
}
.contact-ways-section a .telegram-adress {
  border: #f1f1f1 2px solid;
  border-radius: 20px;
  padding: 26px 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.contact-ways-section a .telegram-adress:hover {
  border: #E6E6E6 2px solid;
}
.contact-ways-section a .telegram-adress .right-section {
  direction: ltr;
  text-align: right;
}
.contact-ways-section a .telegram-adress .icon-send {
  background: #18C7D0;
  border-radius: 100px;
  padding: 20px;
  font-size: 55px;
  color: #fff;
  position: absolute;
  top: -20px;
  left: 10%;
}
.contact-ways-section a .telegram-adress .icon-send::after {
  position: absolute;
  content: "\e902";
  font-family: "icons";
  left: 0;
  right: 0;
  font-size: 70.7px;
  top: -35px;
  color: #18C7D0;
  padding: 0;
  transform: rotate(90deg);
  z-index: -1;
}
.contact-ways-section a .whatsapp-adress {
  border: #f1f1f1 2px solid;
  border-radius: 20px;
  padding: 26px 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.contact-ways-section a .whatsapp-adress:hover {
  border: #E6E6E6 2px solid;
}
.contact-ways-section a .whatsapp-adress .right-section {
  direction: ltr;
  text-align: right;
}
.contact-ways-section a .whatsapp-adress .icon-whatsapp {
  background: #ECC08B;
  border-radius: 100px;
  padding: 20px;
  font-size: 55px;
  color: #fff;
  position: absolute;
  top: -20px;
  left: 10%;
}
.contact-ways-section a .whatsapp-adress .icon-whatsapp::after {
  position: absolute;
  content: "\e902";
  font-family: "icons";
  left: 0;
  right: 0;
  font-size: 70.7px;
  top: -35px;
  color: #ECC08B;
  padding: 0;
  transform: rotate(90deg);
  z-index: -1;
}

.internal-page-section {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 3rem;
  gap: 1.5rem;
  position: relative;
  top: -4rem;
}
.internal-page-section::before {
  position: absolute;
  content: "\e902";
  top: -20px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(90deg);
  color: #fff;
  right: 50%;
  left: 50%;
}
.internal-page-section p {
  font-size: 15px;
  font-size: 15px;
  font-family: irswf-rg;
}

.error-404-section {
  background-image: url(../images/404.png);
  background-repeat: no-repeat;
  margin-top: 4rem;
  margin-bottom: 1rem;
  display: flex;
  height: 340px;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background-position: center;
  background-size: 300px;
  gap: 18px;
  color: #2A534C !important;
  padding: 2.5rem;
}
.error-404-section h2 {
  font-size: 34px;
  font-family: irswf-black;
  word-spacing: 3px;
}
.error-404-section p {
  font-size: 15px;
  font-family: irswf-rg;
}

.error-btn-section {
  margin-bottom: 3rem;
  text-align: center;
}
.error-btn-section p {
  font-size: 16px;
}

.main-page {
  background-color: #ecc08b;
  padding: 5px 20px;
  display: inline-flex;
  align-items: center;
  color: white;
  gap: 6px;
  font-size: 14px;
  word-spacing: -2px;
  min-height: 48px;
  color: white;
  gap: 6px;
  min-width: 159.25px !important;
  font-size: 14px;
  color: #fff !important;
  gap: 6px;
  font-size: 14px;
  justify-content: center;
}

.contact-us-btn {
  background-color: #ecc08b;
  padding: 5px 29px;
  display: inline-flex;
  align-items: center;
  color: white;
  gap: 6px;
  font-size: 14px;
  word-spacing: -2px;
  min-height: 48px;
  min-width: 159.25px !important;
  color: #E1A964 !important;
  gap: 6px;
  font-size: 14px;
  justify-content: center;
}

.hover-style-orange:hover {
  border: 2px solid #E1A964;
}

.btn-stroke-orange {
  background-color: transparent !important;
  border: 1px solid #ECC08B;
}

.form-section-1 {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  justify-content: center;
  align-items: center;
}
.form-section-1 .review-icon-section {
  background-image: url('./assets/images/review-form-shape.svg');
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  background-position: center;
  background-size: 100px;
  height: 75px;
  width: 75px;
  align-items: center;
  color: white;
  font-family: irswf-bold;
  font-size: 40px;
}
.form-section-1 form {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.form-section-1 form .name-and-email {
  display: flex;
  gap: 20px;
}
.form-section-1 form .form-group {
  display: flex;
  flex-direction: column;
}
.form-section-1 form .form-group label {
  font-size: 14px;
  font-family: irswf-rg;
  color: #ffffff;
  padding: 10px 4px;
}
.form-section-1 form .form-group input {
  background: #fff;
  border-radius: 12px;
  height: 48px;
  padding: 14px;
  font-size: 14px;
  font-family: irswf-rg;
  color: #514949;
}
.form-section-1 form .form-group textarea {
  background: #fff;
  border-radius: 12px;
  height: 36px;
  padding: 14px;
  font-size: 14px;
  font-family: irswf-rg;
  color: #514949;
  overflow: hidden !important;
  height: 100px;
  text-align: right;
  direction: ltr;
}
.form-section-1 form .form-group #email-adress {
  direction: ltr;
}
.form-section-1 form button {
  background: #fff;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  width: auto;
  border-radius: 30px;
  margin: 1.5rem 0;
}
.form-section-1 form button span {
  transform: rotate(90deg);
  font-size: 30px;
}

.owl-theme .owl-dots .active span {
  background: #21beca !important;
}/*# sourceMappingURL=style.css.map */


.menu-main-navbar-menu-container .navbar-nav{
  gap: 1rem;
}
.contact-us-form-section{
  padding: 0 4rem !important;
}
.contact-us-form-section .form-section-1 form .form-group input,
.contact-us-form-section .form-section-1 form .form-group textarea{
  width: 100% !important;
}
.wpcf7-not-valid-tip {
  color: #ecc08b !important;
  font-size: 12px !important;
  font-weight: normal !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  padding-top: 5px !important;
}
.wpcf7-response-output{
  width: 100%;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #ecc08b;
  font-size: 14px;
}
#reviewtextarea{

}
.cf7-captcha{
  display: flex;
  align-items: center;
  margin: 0;
}
.cf7-captcha input[type="text"]{
  padding: 12px 40px;
  border-radius: 50px;
  background: #fafafa;
}
.cf7-captcha p{
  display: flex;
}
.wpcf7-spinner{
  display: none !important;
}
.home-education-section .year-of-study{
  padding: 7px 30px;
  background: #06C2CC;
  display: flex;
  border-radius: 45px;
  justify-content: center;
  color: white;
}
.home-education-section .title{
  text-align: right;
}
.university-thumanial img{
  width: 150px !important;
  height: 150px !important;
}
.common-item .item-outside-details{
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  align-items:center;
  padding: 0 3rem;
}
.common-item .left-section .icon-shape-two:before {
  content: "\e910";
  color: #21beca;
  font-size: 3rem;
}
.common-item .left-section{ 
  display: flex;
  align-items: center;
}
.align-center{
  align-items: center;
}
.reading-duration{
  font-size: 14px;
}


#savabeq-tahsili-page-two {
  display: flex;
  gap: 1rem;
  position: sticky;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: start;
  border-radius: 30px;
  padding: 3rem;
  gap: 10px;
  position: relative;
  top: -4rem;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two::before {
  position: absolute;
  content: "\e902";
  top: -20px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(90deg);
  color: #fff;
  right: 50%;
  left: 50%;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two ul {
  line-height: 35px;
  font-size: 16px;
  font-family: irswf-rg;
  width: 100%;
  position: sticky;
  bottom: 0;
  top: 8px;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two ul a {
  background-color: #18C7D0;
  padding: 2px 10px;
  margin: 8px 0;
  word-spacing: -1px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 10px;
  font-size: 14px;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two ul a:hover {
  background-color: #ECC08B;
  word-spacing: 1px;
  font-size: 14px;
  font-family: irswf-bold;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two .download-cv-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two .download-cv-section .version {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: 1rem;
  font-size: 14px;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two .download-cv-section .download-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ECC08B;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two .download-cv-section .download-btn span {
  font-size: 30px;
}
#savabeq-tahsili-page-two .dr-borhan-cv-list-two .w3-animate-zoom {
  animation: animatezoom 0.6s;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  border-radius: 30px;
  padding: 3rem;
  gap: 3rem;
  position: relative;
  top: -4rem;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two::before {
  position: absolute;
  content: "\e902";
  top: -20px;
  font-family: "icons";
  font-size: 80px;
  transform: rotate(90deg);
  color: #fff;
  right: 50%;
  left: 50%;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two table {
  border-collapse: collapse;
  width: 100% !important;
  display: inline-table;
  -moz-text-align-last: center;
       text-align-last: center;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two table thead {
  font-family: irswf-ultra-light;
  font-size: 16px;
  line-height: 35px;
  text-align: left;
  background-color: #18C7D0 !important;
  color: white;
  border-radius: 10px;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two table tbody {
  font-family: irswf-rg;
  font-size: 14px;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two table tbody tr {
  background-color: #FAFAFA;
  line-height: 35px;
  border-bottom: thin solid rgba(221, 221, 221, 0.8666666667);
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two table tbody tr:hover {
  background-color: #f1f1f1;
}
#savabeq-tahsili-page-two .dr-borhan-cv-tables-two table caption {
  font-family: irswf-bold;
  font-size: 18px;
  margin: 1rem 0;
}/*# sourceMappingURL=style.css.map */
html {
  scroll-behavior: smooth;
}