:root {
  --font-lora: 'Lora', sans-serif;
  --font-dmsans: 'DM Sans', sans-serif;
  --font-suse: 'SUSE', sans-serif;
  --white-color: #fff;
  --dark-white-color: #fff;
  --dark-black-color: #1C1A1E;
  --black-color: #1C1A1E;
  --black-color-opc: 28, 26, 30;
  --title-color: #1C1A1E;
  --dark-title-color: #1C1A1E;
  --title-color-opc: 28, 26, 30;
  --title-color2: #003C30;
  --dark-title-color2: #003C30;
  --dark-text-color: #A0A0A0;
  --text-color: #545454;
  --global-text-color: #545454;
  --text-color-opc: 84, 84, 84;

  --primary-color1: #5841D8;
  --primary-color1-opc: 88, 65, 216;
  --primary-color2: #78EB54;
  --primary-color2-opc: 120, 235, 84;
  --secondary-color: #003C30;
  --primary-color3: #5956E9;
  --primary-color3-opc: 89, 86, 233;
  --primary-color4: #60E59D;
  --primary-color4-opc: 96, 229, 157;
  --borders-color: #eee;
}

body.dark {
  --white-color: #fff;
  --dark-white-color: #1C1A1E;
  --black-color: #fff;
  --black-color-opc: 255, 255, 255;
  --title-color: #fff;
  --title-color-opc: 255, 255, 255;
  --title-color2: #fff;
  --text-color: #A0A0A0;
  --text-color-opc: 160, 160, 160;
  --borders-color: #2F2F2F;
  background-color: #131313;
}


/* Default unit test header css  */

.site-title h3 {
  margin: 10px 0;
}

.set-menu h4 {
  margin: 10px 0;
  font-size: 18px;
}

.set-menu h4 a,
.site-title h3 a {
  color: var(--primary-color);
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: var(--primary-color);
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

.bypostauthor {
  display: block;
}

.gallery-caption {
  display: block;
}

.wp-caption-text {
  margin: 0.8075em 0;
}

.wp-block-button {
  margin-bottom: 20px;
}

.alignfull,
.alignwide {
  margin-bottom: 20px;
}

.alignleft {
  float: left;
  margin-right: 2em;
  clear: both;
}

.alignright {
  float: right;
  margin-left: 2em;
  margin-bottom: 20px;
  clear: both;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 20px;
}

.wp-block-cover p.has-large-font-size {
  color: #fff !important;
}

.wp-block-file {
  font-family: var(--font-dm-sans);
  margin-top: 20px;
  margin-bottom: 10px;
}

.wp-block-button__link {
  font-size: 16px;
  font-weight: 500;
  color: var(--white-color);
  background-color: var(--primary-color);
  transition: .35s;
  width: auto;
}

.wp-block-button__link:hover {
  color: #fff;
  background: #2e2d31;
}

.wp-block-file__button {
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  background: #32373c;
  transition: .35s;
}

.wp-block-file__button:hover {
  color: var(--primary-color);
}

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
  margin-right: 10px;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.page-content-wrapper::after,
.details-page-content:after,
.wp-block-image:after {
  content: "";
  clear: both;
  display: table;
}

/* Formatting */
code {
  margin: 20px 0;
  padding: 5px 15px;
  background: var(--primary-color1);
  color: white !important;
  display: inline-block;
}

pre.wp-block-code {
  background: var(--primary-color);
  border: none;
}

.wp-block-code code {
  color: #2a2d33;
}

pre.wp-block-preformatted {
  margin-top: 10px;
}

pre {
  margin-top: 15px;
  color: #212529;
  background-size: 38px 38px;
  background-color: var(--primary-color);
  background-image: linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);
  border: 1px solid var(--primary-color);
  display: block;
  margin-bottom: 20px;
  overflow: visible;
  overflow-y: hidden;
  padding: 0 0 0 4px;
  word-break: break-word;
  white-space: break-spaces;
}

embed,
iframe,
object {
  max-width: 100%;
  width: 100%;
  min-height: 450px;
}

/*--------------------------------------------------------------
# End Accessibility
--------------------------------------------------------------*/



/* *******************Blog Style ************************ */

.blog-card2 .blog-content-wrap h3 a {
  word-wrap: break-word;
}

/* Sticky Post */

.blog-card2 {
  position: relative;
  margin-bottom: 60px;
}

.blog-card2:last-child {
  margin-bottom: 0;
}

.sticky-post-icon {
  position: absolute;
  right: 2rem;
  top: 25px;
  content: "\e6de";
  font-family: "themify";
  display: block;
  font-size: 50px;
  color: var(--primary-color1);
  left: auto;
  padding-top: 14px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
}

.news-insight-details .details-content-wrap ul li a {
  color: var(--text-color);
}

.news-insight-details .details-content-wrap ul li a:hover {
  color: var(--primary-color1);
}

.wp-block-group.has-background {
  padding: 20px;
  margin-bottom: 30px;
}

.page-content-wrapper .inquiry-form {
  margin-top: 60px;
  clear: both;
}

.page-content-wrapper .inquiry-form .comment-form-cookies-consent label {
  margin-left: 5px;
}


/* Blog Standard Style */
.blog-card2 .blog-img {
  text-align: center;
}

/* Post Single Page style */
.details-content-wrap table {
  width: 100%;
  text-align: center;
}

.post-thumb {
  text-align: center;
}

.news-insight-details .details-content-wrap p {
  line-height: 1.8;
  margin-bottom: 10px;
}


blockquote {
  position: relative;
  max-width: 738px;
  width: 100%;
  display: flex;
  align-items: self-start;
  flex-direction: column;
  color: var(--title-color);
  font-family: var(--font-suse);
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  min-height: 130px;
  margin-left: 30px !important;
  padding-left: 70px !important;
  margin-bottom: 0;
  z-index: 1;
}

blockquote cite,
blockquote h6 {
  color: var(--title-color);
  font-family: var(--font-suse);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 5px;
}

blockquote span {
  color: var(--title-color);
  font-family: var(--font-dmsans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}

blockquote::before {
  content: "";
  width: 28px;
  height: 127px;
  background-image: url('data:image/svg+xml,<svg width="28" height="127" viewBox="0 0 28 127" xmlns="http://www.w3.org/2000/svg"><path d="M23 10L27.7735 0H16.2265L21 10H23ZM22 52L22.725 52.6888L23 52.3993V52H22ZM3 72L2.275 71.3112L0.670689 73H3V72ZM22 72H23V71H22V72ZM21 117L16.2265 127H27.7735L23 117H21ZM21 9V52H23V9H21ZM21.275 51.3112L2.275 71.3112L3.725 72.6888L22.725 52.6888L21.275 51.3112ZM3 73H22V71H3V73ZM21 72V118H23V72H21Z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
}

blockquote::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 10px;
  transform: translateY(-50%);
  width: 120px;
  height: 88px;
  background-image: url('data:image/svg+xml,<svg class="quote" width="100" height="74" viewBox="0 0 100 74" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(240, 240, 240)" d="M76.0844 0.333984C62.1979 0.333984 52.1722 11.7089 52.1722 28.5534C52.2591 53.0243 70.802 70.326 97.5533 73.6474C100.031 73.958 100.988 70.5417 98.7054 69.5366C88.4449 65.0074 83.2581 59.2617 82.5886 53.5764C82.0886 49.3275 84.4146 45.6049 87.3406 44.9061C94.9186 43.0987 99.9967 33.734 99.9967 24.0586C99.9967 17.7665 97.4774 11.732 92.993 7.28277C88.5086 2.83354 82.4264 0.333984 76.0844 0.333984ZM23.9123 0.333984C10.0258 0.333984 0 11.7089 0 28.5534C0.0869522 53.0243 18.6298 70.326 45.3811 73.6474C47.8593 73.958 48.8158 70.5417 46.5333 69.5366C36.2727 65.0074 31.0859 59.2617 30.4164 53.5764C29.9164 49.3275 32.2424 45.6049 35.1684 44.9061C42.7464 43.0987 47.8245 33.734 47.8245 24.0586C47.8245 17.7665 45.3052 11.732 40.8208 7.28277C36.3364 2.83354 30.2542 0.333984 23.9123 0.333984Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

body.dark blockquote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%232f2f2f%22%20width%3D%2228%22%20height%3D%22127%22%20viewBox%3D%220%200%2028%20127%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23%2010L27.7735%200H16.2265L21%2010H23ZM22%2052L22.725%2052.6888L23%2052.3993V52H22ZM3%2072L2.275%2071.3112L0.670689%2073H3V72ZM22%2072H23V71H22V72ZM21%20117L16.2265%20127H27.7735L23%20117H21ZM21%209V52H23V9H21ZM21.275%2051.3112L2.275%2071.3112L3.725%2072.6888L22.725%2052.6888L21.275%2051.3112ZM3%2073H22V71H3V73ZM21%2072V118H23V72H21Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

body.dark blockquote::after {
  background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22quote%22%20fill%3D%22%232f2f2f%22%20width%3D%22100%22%20height%3D%2274%22%20viewBox%3D%220%200%20100%2074%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M76.0844%200.333984C62.1979%200.333984%2052.1722%2011.7089%2052.1722%2028.5534C52.2591%2053.0243%2070.802%2070.326%2097.5533%2073.6474C100.031%2073.958%20100.988%2070.5417%2098.7054%2069.5366C88.4449%2065.0074%2083.2581%2059.2617%2082.5886%2053.5764C82.0886%2049.3275%2084.4146%2045.6049%2087.3406%2044.9061C94.9186%2043.0987%2099.9967%2033.734%2099.9967%2024.0586C99.9967%2017.7665%2097.4774%2011.732%2092.993%207.28277C88.5086%202.83354%2082.4264%200.333984%2076.0844%200.333984ZM23.9123%200.333984C10.0258%200.333984%200%2011.7089%200%2028.5534C0.0869522%2053.0243%2018.6298%2070.326%2045.3811%2073.6474C47.8593%2073.958%2048.8158%2070.5417%2046.5333%2069.5366C36.2727%2065.0074%2031.0859%2059.2617%2030.4164%2053.5764C29.9164%2049.3275%2032.2424%2045.6049%2035.1684%2044.9061C42.7464%2043.0987%2047.8245%2033.734%2047.8245%2024.0586C47.8245%2017.7665%2045.3052%2011.732%2040.8208%207.28277C36.3364%202.83354%2030.2542%200.333984%2023.9123%200.333984Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.wp-block-quote {
  border-left: none;
}

.wp-block-code code {
  padding: 30px;
}

.page-content-wrapper ul ul,
.page-content-wrapper ol ol {
  margin-top: 15px;
}

.page-content-wrapper ul li,
.page-content-wrapper ol li,
.news-insight-details ul li,
.news-insight-details ol li {
  color: var(--title-color);
  font-family: var(--font-suse);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
  align-items: center;
  gap: 5px;
}

.news-insight-details ul.paginations li::before,
.news-insight-details .wp-block-gallery ul li::before,
.news-insight-details ul.wp-block-social-links li::before,
.news-insight-details ul.wp-block-rss li::before,
.news-insight-details ul.wp-block-page-list li::before,
.news-insight-details ul.wp-block-latest-posts__list li::before,
.news-insight-details ul.wp-block-archives-list li::before,
.news-insight-details .details-content-wrap nav ul li::before,
.news-insight-details .comment-and-form-area ul li::before,
.news-insight-details .wp-block-query .wp-block-post-template li::before,
.news-insight-details .tag-and-social-area ul li::before {
  background-image: unset;
}

.news-insight-details ul.paginations li {
  margin-bottom: 0;
}

.news-insight-details .wp-block-tag-cloud a,
.news-insight-details .wp-block-latest-comments article footer a,
.news-insight-details .wp-block-comment-template a,
.news-insight-details a.wp-block-read-more,
.news-insight-details .post-navigation-link-next a,
.news-insight-details .post-navigation-link-previous a,
.news-insight-details .taxonomy-category a,
.news-insight-details nav a {
  color: var(--black-color);
}

.news-insight-details .wp-block-button a {
  background-color: var(--primary-color3);
}

.news-insight-details .wp-block-button a:hover {
  background-color: var(--black-color);
}

.news-insight-details .is-style-outline a {
  background-color: transparent;
  border: 1px solid var(--black-color);
  border-radius: 9999px;
  color: var(--black-color);
}

.news-insight-details .is-style-outline a:hover {
  background-color: var(--primary-color3);
  color: var(--white-color);
}

.news-insight-details .details-content-wrap p a {
  color: var(--text-color);
}

.news-insight-details .details-content-wrap .nice-select {
  float: none;
  margin-bottom: 30px;
}

.wp-block-cover p.wp-block-cover-text,
.wp-block-cover p.wp-block-cover-text a {
  line-height: 1.25;
  margin-bottom: 0;
  max-width: 840px;
  padding: .44em;
  text-align: center;
  color: var(--white-color);
  z-index: 1;
}

.news-insight-details table th {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  font-family: var(--font-suse);
}

.news-insight-details table td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.news-insight-details .details-content-wrap .post-password-form input[type=password] {
  background-color: #F8F8F8;
  padding: 10px 20px;
}

.news-insight-details .details-content-wrap .post-password-form input[type=submit] {
  padding: 10px 20px;
  background-color: var(--primary-color3);
  transition: all 0.6s;
  color: var(--white-color);
  font-weight: 700;
}

.news-insight-details .details-content-wrap .post-password-form input[type=submit]:hover {
  background-color: var(--title-color);
}

ul.page-paginations {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 15px;
  margin-top: 70px;
}

ul.page-paginations li {
  margin: 0;
}

ul.page-paginations li a,
ul.page-paginations li span {
  color: var(--text-color);
  font-family: var(--font-suse);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--borders-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

ul.page-paginations li span.current {
  color: var(--white-color);
  background: var(--primary-color1);
}

.details-pagination .single-pagination .content h6 a {
  word-wrap: break-word;
}

.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
  color: var(--text-color);
  font-family: var(--font-suse);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--borders-color);
  display: inline-block;
  transition: 0.5s;
}

.wp-block-query-pagination-numbers span.current {
  background-color: var(--primary-color3);
  color: var(--white-color);
}

/* Comments Area Style */
.single-comment-area .replay-btn a {
  color: var(--title-color);
  font-family: var(--font-suse);
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
  cursor: pointer;
  transition: 0.35s;
}

.single-comment-area .replay-btn a:hover {
  color: var(--primary-color3);
}

.comment-and-form-area .comment-area .comment .children {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 70px;
  border-top: 1px solid var(--borders-color);
  padding-top: 24px;
}

.comment-form .logged-in-as {
  padding-bottom: 20px;
}

.comment-form .logged-in-as a {
  color: var(--primary-color3);
}

.comment-respond h2,
.comment-respond .comment-form .comment-notes,
.comment-respond .comment-form .comment-form-cookies-consent {
  padding-bottom: 20px;
}

.comment-respond .comment-form .comment-form-cookies-consent input {
  margin-right: 5px;
}

.comment-respond .comment-reply-title small {
  float: right;
  clear: both;
}

.comment-respond .comment-reply-title {
  font-family: var(--font-suse);
}

.comment-respond .comment-reply-title a,
.comment-respond .comment-reply-title small a {
  color: var(--primary-color3);
  font-size: 16px;
}

.comment-respond .comment-reply-title small a:hover {
  color: red;
}

.news-insight-details form .wp-element-button,
.comment-respond .form-submit input.submit {
  display: block;
  border-radius: 10px;
  background-color: var(--primary-color3);
  transition: all 0.6s;
  padding: 10px 27px;
  z-index: -1;
  color: var(--white-color);
  font-weight: 700;
}

.comment-respond .form-submit input.submit:hover {
  background-color: var(--black-color);
}

.comment-respond {
  margin-bottom: 15px;
}

/* Team Page Style */
.team-page-content-banner .banner-wrapper img {
  width: 88%;
  max-height: 250px;
}

/* .team-page-content-banner.style-2 .banner-wrapper .title-area, */
.team-page-content-banner .banner-wrapper .title-area {
  position: relative;
}

.team-page-content-banner.style-2 .banner-wrapper img,
.team-page-content-banner .banner-wrapper img {
  position: absolute;
  top: 48%;
  left: 0;
  fill: none;
  stroke: var(--borders-color);
  z-index: -1;
}

@media screen and (max-width: 1400px) {
  .team-page-content-banner .banner-wrapper img {
    width: 100%;
  }
}

.team-page-content-banner.style-2 .banner-wrapper img {
  width: 40%;
  max-height: 250px;
}

.team-page-content-banner.style-2 .banner-wrapper img {
  position: absolute;
  top: 30%;
  left: 30px;
  fill: none;
  z-index: -1;
}

@media screen and (max-width: 1400px) {
  .team-page-content-banner .banner-wrapper img {
    width: 100%;
  }
}

.team-page-gallery-section .team-gallery .gallery-img-one {
  max-width: 240px;
}

.team-page-gallery-section .team-gallery .gallery-img-three {
  max-width: 312px;
}

.team-page-gallery-section .team-gallery-col2 .gallery-img-four {
  max-width: 207px;
}

.team-page-gallery-section .team-gallery-col2 .gallery-img-six {
  max-width: 350px;
}

.social-responsibility-section .inner-post-images {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.social-responsibility-section .inner-post-images img {
  width: 100%;
  height: auto;

}

/******* LAST Update ----Noor *************/
.home2-banner-section .wpcf7-response-output{ color: #fff; }

/*** Footer Four News Letter Contact Form ***/
.newsletter-area .newsletter-form {
  position: relative;
}
.footer-section .footer-menu-wrap .newsletter-area .wpcf7 .newsletter-form svg {
  right: 30px;
  position: absolute;
}
.footer-section .footer-menu-wrap .newsletter-area .wpcf7 .newsletter-form input[type=submit] {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: transparent;
  text-align: right;
  width: 40px;
  height: 30px;
}
.footer-section .footer-menu-wrap .newsletter-area .wpcf7 .newsletter-form .wpcf7-response-output{ color: #fff; }

