@media (max-width: 1530px) {
  .dr-borhan-publications-section-tab-content {
    display: flex;
    flex-wrap: wrap;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: right;
    margin: 26px 0;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details {
    background-color: #F8F8F8;
    text-align: right;
    padding: 3rem 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 620px !important;
  }
  .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-publications-section-tab-content .dr-borhan-publications-item .item-details a {
    font-size: 16px;
    font-family: irswf-bold;
    transition: 0.3s;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details a:hover {
    color: #919191;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details p {
    font-size: 14px;
    font-family: irswf-rg;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item p {
    font-size: 12px;
    padding: 12px;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-outside-details {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  .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;
  }
}
@media (max-width: 1200px) {
  .mobile-menu-navigation {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 1280px) {
  .navbar-mobile {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .dr-borhan-publications-section-tab-content {
    display: flex;
    flex-wrap: wrap;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: right;
    margin: 26px 0;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details {
    background-color: #F8F8F8;
    text-align: right;
    padding: 3rem 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 480px !important;
  }
  .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-publications-section-tab-content .dr-borhan-publications-item .item-details a {
    font-size: 16px;
    font-family: irswf-bold;
    transition: 0.3s;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details a:hover {
    color: #919191;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details p {
    font-size: 14px;
    font-family: irswf-rg;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item p {
    font-size: 12px;
    padding: 12px;
  }
  .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-outside-details {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  .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;
  }
  .articles-lists .article-sidebar-left {
    justify-content: center;
  }
  .articles-lists .article-sidebar-left .article-box {
    position: relative;
    top: -7.5rem !important;
    min-width: auto;
    max-width: 100% !important;
  }
  .articles-lists .article-sidebar-left .article-box .article a h2 {
    font-size: 14px;
  }
  .articles-lists .article-sidebar-left .article-box .article a p {
    font-size: 13px;
  }
  .articles-lists .article-sidebar-left .article-box .article .article-category {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 13px;
    flex-direction: column;
  }
  .articles-lists .article-sidebar-left .article-box .reading-deatil {
    font-size: 12px;
  }
  .articles-lists .article-sidebar-left .article-box-full .article a h2 {
    font-size: 14px;
  }
  .articles-lists .article-sidebar-left .article-box-full .article a p {
    font-size: 13px;
  }
  .articles-lists .article-sidebar-left .article-box-full .article .article-category {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 13px;
    justify-content: space-between !important;
    word-spacing: -2px !important;
  }
  .articles-lists .article-sidebar-left .article-box-full .reading-deatil {
    font-size: 12px;
  }
  .articles-lists-banner {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-family: irswf-md;
    flex-direction: column;
    line-height: 35px;
  }
  .articles-lists-banner h2 {
    padding: 0 !important;
  }
  .contact-ways-section {
    flex-direction: row;
    gap: 2rem;
  }
  .contact-ways-section a .email-adress {
    border: #F1F1F1 solid 2px;
    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: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20px;
    left: 6%;
  }
  .contact-ways-section a .email-adress .icon-email::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #ECC08B;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
  .contact-ways-section a .telegram-adress {
    border: #F1F1F1 solid 2px;
    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: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20px;
    left: 6%;
  }
  .contact-ways-section a .telegram-adress .icon-send::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #18C7D0;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
  .contact-ways-section a .whatsapp-adress {
    border: #F1F1F1 solid 2px;
    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: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20px;
    left: 6%;
  }
  .contact-ways-section a .whatsapp-adress .icon-whatsapp::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #ECC08B;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
}
@media (max-width: 1024px) {
  .contact-us-form-section {
    padding: 0 !important;
}
  .introduction {
    flex-direction: column-reverse !important;
    justify-content: center !important;
  }
  .navbar-section .navbar-nav {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 1rem 0 !important;
    padding: 0 !important;
  }
  .navbar-section .navbar-nav .nav-link {
    margin: 0 !important;
    padding: 6px 0 !important;
  }
  .navbar-section .navbar-nav .active {
    font-family: irswf-bold !important;
    color: white !important;
  }
  .dr-borhan-section .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details {
    max-width: 740px !important;
  }
}
@media (max-width: 780px) {
  .bold-title {
    font-family: irswf-black;
    font-size: 16px !important;
    position: relative;
    display: inline-block;
  }
  .bold-title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
    margin: auto;
    width: 100%;
    height: 6px;
    background: #06C2CC;
    z-index: -2;
  }
  .black-title::before {
    content: "";
    position: absolute;
    background-color: #06C2CC;
    width: 120px;
    height: 5px;
    right: 35%;
    bottom: -3px;
    z-index: -3;
    border-radius: 2px;
  }
  .title-margin-6-1 {
    margin-top: 3rem !important;
  }
  .navbar-section {
    margin: 14px 0;
  }
  .navbar-section .navbar-collapse {
    display: flex;
    flex-direction: column;
  }
  .navbar-section .navbar-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 !important;
  }
  .navbar-section .navbar-mobile img {
    width: 90%;
    padding-left: 4rem;
  }
  .navbar-section .navbar-mobile span {
    font-size: 42px;
  }
  .navbar-section .navbar-mobile .mobile-logo {
    width: 75%;
  }
  .navbar-section .desktop-logo {
    display: none;
  }
  .introduction {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 !important;
    text-align: center;
    justify-content: center;
    margin-top: 0;
  }
  .introduction h1 {
    font-size: 18px;
    font-family: irswf-bold;
  }
  .introduction .right-section .introduction-text {
    padding: 0 !important;
  }
  .introduction .right-section .cv-section {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
  }
  .introduction .right-section .cv-section .items h2 {
    background-size: 50px;
    font-size: 14px;
  }
  .introduction .right-section .cv-section .items-navy-blue h2 {
    background-size: 50px;
    font-size: 14px;
  }
  .introduction .right-section .download-btn-section {
    justify-content: center !important;
  }
  .introduction .left-section .portrait-section {
    margin-top: 30px;
    display: flex !important;
    justify-content: center !important;
  }
  .introduction .left-section .portrait-section img {
    width: 50% !important;
  }
  .dr-borhan-books-category {
    padding: 45px 15px 15px 15px !important;
    display: flex;
    background-image: url(../images/books-banner.png);
    max-height: 850px;
    -o-object-fit: cover;
       object-fit: cover;
    background-position: center;
  }
  .dr-borhan-books-category .books-category-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px !important;
  }
  .dr-borhan-books-category .books-category-section .books-category-right-section {
    text-align: center;
  }
  .dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item {
    border-radius: 20px !important;
  }
  .dr-borhan-books-category .books-category-section .books-category-left-section .books-category-item img {
    border-radius: 15px !important;
    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: 13px !important;
    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-books-category .books-category-section .books-category-left-section .owl-nav button {
    font-size: 50px !important;
  }
  .dr-borhan-books-category .books-category-section .books-category-left-section .owl-nav .owl-prev {
    color: #f30505;
  }
  .dr-borhan-books-category .books-category-section .books-category-left-section .owl-nav .owl-next {
    color: yellow;
  }
  .dr-borhan-section .dr-borhan-nav-tab {
    align-items: center;
    gap: 10px;
    flex-direction: column !important;
  }
  .dr-borhan-section .dr-borhan-nav-tab .nav-item a {
    background-color: #eaeaea;
    font-family: irswf-rg;
    font-size: 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px;
  }
  .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";
    right: -40px;
    font-size: 70.3px;
    top: -29px;
    color: #bd9206 !important;
    padding: 0;
  }
  .tab-content {
    margin-top: 4rem !important;
    margin-bottom: 7rem !important;
  }
  .tab-content .dr-borhan-section-tab-content {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    gap: 2rem !important;
  }
  .tab-content .dr-borhan-item {
    display: flex;
    flex-direction: row;
    gap: 14px;
    align-items: center;
  }
  .tab-content .dr-borhan-item span {
    border: 2px solid #eaeaea;
    padding: 15px 0px !important;
    border-radius: 45px !important;
    display: flex;
    justify-content: center;
  }
  .tab-content .dr-borhan-item img {
    border-radius: 33px !important;
    width: 80% !important;
  }
  .tab-content .dr-borhan-item .item-details {
    display: flex;
    flex-direction: column;
    gap: 8px !important;
    text-align: right;
  }
  .tab-content .dr-borhan-item .item-details h2,
  .tab-content .dr-borhan-item .item-details h3 {
    font-size: 14px !important;
    font-family: irswf-bold;
  }
  .tab-content .dr-borhan-item .item-details h3 {
    font-size: 13px !important;
    font-family: irswf-rg;
  }
  .tab-content .dr-borhan-item .item-details p {
    padding: 5px 40px !important;
    background: #06C2CC;
    display: flex;
    border-radius: 45px;
    justify-content: center;
    color: white;
    font-family: irswf-light;
    font-size: 14px !important;
  }
  .tab-content .dr-borhan-item .item-details .vector-after-text {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  .tab-content .dr-borhan-item .item-details .vector-after-text img {
    position: relative;
    left: -20px !important;
    height: 30px;
  }
  .tab-content .dr-borhan-publications-section-tab-content {
    display: flex;
    flex-wrap: wrap;
  }
  .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;
  }
  .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details {
    background-color: #F8F8F8;
    text-align: right;
    padding: 3rem 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 740px;
  }
  .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;
  }
  .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;
  }
  .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details a:hover {
    color: #919191;
  }
  .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item .item-details p {
    font-size: 14px;
    font-family: irswf-rg;
  }
  .tab-content .dr-borhan-publications-section-tab-content .dr-borhan-publications-item p {
    font-size: 12px;
    padding: 12px;
  }
  .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;
  }
  .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;
  }
  .footer-icon {
    align-items: center;
  }
  .footer-icon .icon-shape-two {
    display: flex;
    justify-content: center;
    font-size: 65px;
    margin: 2rem 0;
    position: relative;
  }
  .footer-icon .icon-shape-two::before {
    content: "\e910";
    color: #f8f8f8 !important;
  }
  .footer-icon .icon-shape-two::after {
    position: absolute;
    content: "";
    background-color: #F8F8F8;
    width: 500px;
    height: 2px;
    top: 30px;
    z-index: -3;
  }
  .footer-widgets-section {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }
  .footer-widgets-section::before {
    content: "";
    position: absolute;
    width: 1920px;
    height: 1010px;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(2.11deg, #FDFDFD -15.41%, rgba(217, 217, 217, 0) 60.22%);
    z-index: -1;
  }
  .footer-widgets-section .footer-widget {
    line-height: 40px;
    max-width: 280px;
  }
  .footer-widgets-section .footer-widget .flex-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-widgets-section .footer-widget .footer-icon-size {
    font-size: 26px;
    color: #503A8C;
    font-weight: bolder;
  }
  .footer-widgets-section .footer-widget h2 {
    font-size: 18px;
    font-family: irswf-black;
    margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
    color: #514949;
  }
  .footer-widgets-section .footer-widget h3 {
    font-size: 16px;
    font-family: irswf-bold;
  }
  .footer-widgets-section .footer-widget p {
    font-size: 16px;
    font-family: irswf-light;
  }
  .footer-widgets-section .footer-widget li {
    font-size: 16px;
    font-family: irswf-rg;
    word-spacing: -2px;
  }
  .footer-widgets-section .footer-widget li:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
  .footer-widgets-section .footer-widget .licenses {
    display: flex;
    align-items: center;
  }
  .footer-social-media {
    display: flex;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 5rem !important;
    margin-bottom: 3rem;
  }
  .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-social-media .social-media-item:hover {
    opacity: 0.7;
    transition: 0.4s;
  }
  .footer-social-media span {
    font-size: 42px;
    font-weight: 500;
  }
  .footer-social-media span:hover {
    animation: flip;
    animation-duration: 1s;
  }
  .footer-social-media p {
    font-family: irswf-md;
    font-size: 12px;
  }
  .footer-social-media sub {
    font-family: irswf-light;
    font-size: 12px;
  }
  .footer-social-media .twitter-color {
    background: #00D5F2;
  }
  .footer-social-media .youtube-color {
    background: #DA5071;
  }
  .footer-social-media .instagram-color {
    background: #D24187;
  }
  .footer-social-media .aparat-color {
    background: #ECC08B;
  }
  .footer-social-media .whatsapp-color {
    background: #25D366;
  }
  .mobile-margin {
    margin: 0 !important;
  }
}
@media (max-width: 1024px) {
  .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: -1rem;
  }
  .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: 1.5rem;
    background: #E1A964;
    padding: 14px 24px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
  }
  .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: 3.5rem;
  }
  .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;
  }
}
@media (max-width: 780px) {
  .adp-breadcrumb-section {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center !important;
    margin-bottom: 2rem;
    margin-top: 2rem;
    font-size: 12px;
  }
  .adp-banner-section {
    background-image: url(../images/article-Detail-Page-banner.png);
    display: flex;
    max-width: 1920px;
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 360px;
    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: 14px;
    color: #fff;
  }
  .adp-banner-section .article-detail {
    margin-top: 1.5rem;
  }
  .adp-banner-section .article-detail ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    font-size: 11px;
  }
  .adp-banner-section .article-detail ul li {
    background: #fff;
    padding: 10px 18px;
    border-radius: 30px;
    text-align: center;
  }
  .article-section {
    display: flex;
    flex-direction: column-reverse;
    margin: 5rem 0;
  }
  .grey-bg {
    background: #FAFAFA;
    padding: 2rem 20px;
  }
  .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 !important;
  }
  .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: -2.5rem !important;
  }
  .internal-page-section p {
    text-align: justify;
  }
}
@media (max-width: 640px) {
  .contact-ways-section {
    flex-direction: column !important;
    gap: 5rem !important;
  }
  .contact-ways-section .email-adress {
    border: #F1F1F1 solid 2px;
    border-radius: 20px;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .contact-ways-section .email-adress:hover {
    border: #E6E6E6 2px solid;
  }
  .contact-ways-section .email-adress .right-section {
    direction: ltr;
    text-align: center;
  }
  .contact-ways-section .email-adress .icon-email {
    background: #ECC08B;
    border-radius: 100px;
    padding: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 40% !important;
  }
  .contact-ways-section .email-adress .icon-email::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #ECC08B;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
  .contact-ways-section .telegram-adress {
    border: #F1F1F1 solid 2px;
    border-radius: 20px;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .contact-ways-section .telegram-adress:hover {
    border: #E6E6E6 2px solid;
  }
  .contact-ways-section .telegram-adress .right-section {
    direction: ltr;
    text-align: center;
  }
  .contact-ways-section .telegram-adress .icon-send {
    background: #18C7D0;
    border-radius: 100px;
    padding: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 40% !important;
  }
  .contact-ways-section .telegram-adress .icon-send::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #18C7D0;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
  .contact-ways-section .whatsapp-adress {
    border: #F1F1F1 solid 2px;
    border-radius: 20px;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .contact-ways-section .whatsapp-adress:hover {
    border: #E6E6E6 2px solid;
  }
  .contact-ways-section .whatsapp-adress .right-section {
    direction: ltr;
    text-align: center;
  }
  .contact-ways-section .whatsapp-adress .icon-whatsapp {
    background: #ECC08B;
    border-radius: 100px;
    padding: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 40% !important;
  }
  .contact-ways-section .whatsapp-adress .icon-whatsapp::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #ECC08B;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
}
@media (max-width: 780px) {
  .common-item .item-outside-details{
    flex-direction: column;
  }
  .contact-us-form-section {
    flex-direction: column !important;
    margin: 2rem 0 !important;
  }
  .contact-us-form-section label {
    font-size: 12px !important;
  }
  .contact-us-form-section input {
    font-size: 12px !important;
  }
  .contact-us-form-section textarea {
    font-size: 12px !important;
  }
  .articles-lists {
    flex-direction: column !important;
  }
  .articles-lists .article-sidebar-left {
    justify-content: center !important;
  }
  .articles-lists .article-sidebar-left .article-box .article {
    align-items: center !important;
    justify-content: center !important;
  }
  .articles-lists .article-sidebar-left .article-box .article a {
    font-size: 14px;
    word-spacing: -2px;
    text-align: justify;
  }
  .articles-lists .article-sidebar-left .article-box .article-category {
    font-size: 12px;
    gap: 10px !important;
    flex-direction: column;
  }
  .articles-lists .article-sidebar-left .reading-deatil {
    font-size: 13px !important;
  }
  .articles-lists .article-box-full .article {
    flex-direction: column;
    padding: 35px 25px !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }
  .articles-lists .article-box-full .article .right-section img {
    border-radius: 15px;
  }
  .articles-lists .article-box-full .article a {
    font-size: 14px;
    word-spacing: -2px;
    text-align: justify;
  }
  .articles-lists .article-box-full .article .article-category {
    font-size: 12px;
    gap: 10px !important;
    flex-direction: column;
  }
  .articles-lists .article-box-full .reading-deatil {
    font-size: 13px !important;
  }
}
@media (max-width: 1024px) {
  .contact-us-form-section {
    flex-direction: column !important;
    margin: 2rem 0 !important;
  }
  .contact-us-form-section label {
    font-size: 12px !important;
  }
  .contact-us-form-section input {
    font-size: 12px !important;
  }
  .contact-us-form-section textarea {
    font-size: 12px !important;
  }
  .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;
  }
  .contact-ways-section {
    flex-direction: row;
    gap: 2rem;
  }
  .contact-ways-section a .email-adress {
    border: #F1F1F1 solid 2px;
    border-radius: 20px;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    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: center;
  }
  .contact-ways-section a .email-adress .icon-email {
    background: #ECC08B;
    border-radius: 100px;
    padding: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 34%;
  }
  .contact-ways-section a .email-adress .icon-email::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #ECC08B;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
  .contact-ways-section a .telegram-adress {
    border: #F1F1F1 solid 2px;
    border-radius: 20px;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    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: center;
  }
  .contact-ways-section a .telegram-adress .icon-send {
    background: #18C7D0;
    border-radius: 100px;
    padding: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 34%;
  }
  .contact-ways-section a .telegram-adress .icon-send::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #18C7D0;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
  .contact-ways-section a .whatsapp-adress {
    border: #F1F1F1 solid 2px;
    border-radius: 20px;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    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: center;
  }
  .contact-ways-section a .whatsapp-adress .icon-whatsapp {
    background: #ECC08B;
    border-radius: 100px;
    padding: 14px;
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 34%;
  }
  .contact-ways-section a .whatsapp-adress .icon-whatsapp::after {
    position: absolute;
    content: "\e902";
    font-family: "icons";
    left: 0;
    right: 0;
    font-size: 65px;
    top: -25px;
    color: #ECC08B;
    padding: 0;
    transform: rotate(90deg);
    z-index: -1;
  }
}
@media (max-width: 640px) {
  .contact-us-form-section .form-section-1 form .button-section .send-msg-btn{
    width: 100% !important;
    margin-top: 1rem !important;
  }
  .contact-us-form-section{
    padding: 0rem !important;
  }
  .contact-us-form-section .form-section-1 form .button-section{
    flex-direction: column;
    justify-content: space-around;
  }
  .mobile-menu-navigation {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-menu-navigation img {
    margin: auto !important;
  }
  .error-404-section h2 {
    font-size: 24px;
    font-family: irswf-black;
    word-spacing: 3px;
  }
  .error-btn-section {
    margin-bottom: 3rem;
    text-align: center;
    display: flex;
    gap: 8px;
    justify-content: center;
  }
  .error-btn-section p {
    font-size: 14px !important;
  }
  .form-section-1 form .name-and-email {
    gap: 8px !important;
  }
  .form-section-1 form .name-and-email label {
    font-size: 12px !important;
  }
  .related-article-section .item {
    text-align: justify;
  }
  .related-article-section .item h2 {
    line-height: 24px;
    font-size: 14px;
    font-family: irswf-md !important;
  }
  .related-article-section .item p {
    line-height: 26px;
    font-size: 13px;
  }
}
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}
@media (max-width: 1280px) and (min-width: 1200px) {
  .mobile-menu-navigation {
    display: none;
  }
}
@media (max-width: 420px) {
  .right-section .introduction-text {
    padding: 0 !important;
  }
  .right-section .cv-section {
    display: flex;
    flex-direction: column !important;
    padding: 0 !important;
  }
  .right-section .cv-section .items h2 {
    background-size: 50px;
    font-size: 14px;
  }
  .right-section .cv-section .items-navy-blue h2 {
    background-size: 50px;
    font-size: 14px;
  }
  .right-section .download-btn-section {
    justify-content: center !important;
  }
  .download-btn-section p {
    font-size: 12px !important;
  }
}/*# sourceMappingURL=responsive.css.map */