/*!
Theme Name: doctorcv
Theme URI: https://doctorsdigitalbranding.com/
Author: Doctors Digital Branding
Author URI: https://doctorsdigitalbranding.com/
Description: A powefull theme for Doctors Digital Branding Marketing.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 8.1
Text Domain: doctorsdigitalbranding
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

MediCap is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
*/

/*=====================****===================== */
/* browser prefix adding  */
/*=====================****===================== */
/*=====================****===================== */
/*Keyframes mixin with vendor prefix*/
/*=====================****===================== */
/*=====================****===================== */
/*=====================****===================== */
/*=====================****===================== */
/*Retina ready image */
/*=====================****===================== */
/*=====================****===================== */
/* Arrow with border */
/*=====================****===================== */
/*=====================****===================== */
/*Creating box */
/* ===== Usage ===== */
/*=====================****===================== */
/*=====================****===================== */
/*backgorund size cover*/
/* ===== Usage ===== */
/*=====================****===================== */
/*=====================****===================== */
/*Hover effect for no-touch device only. (touch screen device dont have any hover state)*/
/*=====================****===================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Basic typography style for copy text
 */
body {
  color: #555555;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Circular Std", sans-serif;
  background: #f5f6f8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1e306e;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

h1,
h2,
h4,
h5,
h6 {
  font-family: "Libre Baskerville", serif;
}

h1 {
  font-size: calc(1.5625rem + 3.75vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 4.375rem;
  }
}

h2 {
  font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.25rem;
  }
}

h3 {
  font-size: calc(1.3125rem + 0.75vw);
  font-family: "Circular Std", sans-serif;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.875rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #555555;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media not all and (pointer: coarse) {
  a:hover {
    color: #502ec4;
  }
}

p {
  line-height: 1.7;
}

ul li {
  list-style: none;
}

input, textarea, select {
  border-radius: 3px;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}

/*===== keyframes for banner img ====*/
@keyframes zoomin {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    opacity: 1.01;
  }
  100% {
    transform: scale(1.02);
    opacity: 0;
  }
}
@keyframes light {
  10%, 90% {
    opacity: 0.5;
  }
  20%, 80% {
    opacity: 0.7;
  }
  30%, 50%, 70% {
    opacity: 0.9;
  }
  40%, 60% {
    opacity: 1;
  }
}
.mt-15-none {
  margin-top: -15px;
}

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

.bg-tdark {
  background: #091437;
}

.z-index-1 {
  z-index: 1;
}

.play-btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  color: #502ec4;
  border-radius: 100%;
  font-size: 1.25rem;
}
.play-btn i, .play-btn svg {
  z-index: 1;
}
.play-btn::after, .play-btn::before {
  border-radius: 100%;
  background: #fff;
  animation: zoomin 3s infinite;
}
.play-btn::before {
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  left: -15px;
  top: -15px;
  opacity: 0.3;
}
.play-btn::after {
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  left: -10px;
  top: -10px;
  opacity: 0.5;
}

.default-pagination {
  margin: -7px !important;
  margin-top: 31px !important;
}
@media (min-width: 768px) {
  .default-pagination {
    margin-top: 41px !important;
  }
}
.default-pagination .page-numbers {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.default-pagination li {
  padding: 7px;
  background: transparent !important;
}
.default-pagination li a, .default-pagination li .page-numbers {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
  color: #000000;
}
.default-pagination li a:hover, .default-pagination li a.active, .default-pagination li a.current, .default-pagination li .page-numbers:hover, .default-pagination li .page-numbers.active, .default-pagination li .page-numbers.current {
  background: #502ec4;
  box-shadow: none;
  color: #fff;
}

@media (min-width: 768px) {
  .navbar-expand-md {
    display: flex !important;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    display: flex !important;
  }
}

.social-media li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background: #502ec4;
}
.social-media li a:hover {
  color: #3b5998;
}
.social-media li a span {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100%;
  font-family: "Font Awesome 5 Brands";
  margin-bottom: 0 !important;
  background: #3b5998;
  color: #fff;
}
.social-media li a p, .social-media li a span {
  color: #fff;
}
.social-media li a i, .social-media li a svg {
  font-size: 1rem;
}
.social-media li a.facebook {
  background: #3b5998;
  color: #fff;
}
.social-media li a.facebook span {
  background: #fff;
  color: #3b5998;
}
.social-media li a.linkedin {
  background: #007bb5;
  color: #fff;
}
.social-media li a.linkedin span {
  background: #fff;
  color: #007bb5;
}
.social-media li a.youtube {
  background: #cd201f;
  color: #fff;
}
.social-media li a.youtube span {
  background: #fff;
  color: #cd201f;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*=-=-=-=-=-=====> utility classes start here <======= -=-=-=-=-=-=-=*/
.color--theme-color {
  color: #502ec4;
}

.padding--top {
  padding-top: 70px;
}
@media (min-width: 992px) {
  .padding--top {
    padding-top: 100px;
  }
}

.padding--bottom {
  padding-bottom: 70px;
}
@media (min-width: 992px) {
  .padding--bottom {
    padding-bottom: 100px;
  }
}

/*=-=-=-=-=-=====> utility classes end here <======= -=-=-=-=-=-=-=*/
/* @@@@@@@@@@@@@  Extend Property CSS start here  @@@@@@@@@@@@@@ */
.contact-form-wrapper .contact-form form.comment-form, .contact-item, .oi-item, .service-item .service-content, .comment-respond .add-comment .comment-form, .comments .comment-list .comment .com-content .com-title, .authors, .article-pagination .prev-article,
.article-pagination .next-article, .article-pagination, .publication-section .publication-area .publication-right .pr-content.publication ul li, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul, .publication-section .publication-area .publication-right .pr-content .prc-head, .publication-section .publication-area .publication-left a, .education-head, .footer-menu .footer-menu-area ul, .person-info .pi-content ul li, .mobile-menu .mobile-area, .header .header-bottom .menu ul, .header .header-top .header-top-area .info ul li, .header .header-top .header-top-area .info ul, .header .header-top .header-top-area, .default-pagination, .social-media {
  display: flex;
  flex-wrap: wrap;
}

.contact-section .contact-area .contact, .publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-thumb, .publication-section .publication-area .publication-left a, .default-btn, footer, .navbar-toggler--icon, .z-index-1, .play-btn, .play-btn i, .play-btn svg {
  position: relative;
}

.contact-section .contact-area .contact::after, .contact-section .contact-area .contact::before, .publication-section .publication-area .publication-left a.active::after, .footer-menu, .navbar-toggler--icon:after, .navbar-toggler--icon:before, .play-btn::after, .play-btn::before {
  position: absolute;
  content: "";
}

.ofice-information, .widget .recent-articale .widget-body ul li .post-thumb, .comments .comment-list .comment .com-content, .comments .comment-list .comment .com-thumb, .authors .author-thumb, .preloader, .default-btn, .widget .recent-articale .widget-body ul li .post-content h6 {
  overflow: hidden;
}

.contact-form-wrapper .contact-form form.comment-form button.lab-btn, form button, .comment-respond .add-comment .comment-form .default-button, .education-head {
  cursor: pointer;
}

.contact-form-wrapper .contact-form form.comment-form textarea, .contact-form-wrapper .contact-form form.comment-form input[type=text],
.contact-form-wrapper .contact-form form.comment-form [type=email], .contact-form-wrapper .contact-form form.comment-form, .oi-item .oi-address, .oi-item .oi-map iframe, .oi-item .oi-map, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body img, .publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-thumb img, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li .articles-thumb img, .education-head, .footer-menu, .banner-pagination, .banner-thumb img, .navbar-toggler--icon:after, .navbar-toggler--icon:before, .header .header-top .header-top-area .info ul li .info-left, input, textarea, select {
  width: 100%;
}

.oi-item .oi-map iframe {
  height: 100%;
}

.oi-item .oi-map iframe, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li, .education-head, .accordion-item, .header .header-top .header-top-area .info ul li:last-child {
  border: none;
}

.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link, .comments .comment-list .comment .com-content .com-title .com-title-meta a, .article-pagination .prev-article a,
.article-pagination .next-article a, .education-head .eh-item, .header .header-top .header-top-area .info ul li .info-right p, .header .header-top .header-top-area .info ul li .info-right span, h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.ofice-information .abs-shape-img, .video-icon {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.footer-menu .footer-menu-area ul, .header .header-bottom .menu ul, .header .header-top .header-top-area, .default-pagination, .social-media {
  justify-content: center;
}

.contact-form-wrapper .contact-form form.comment-form, .comment-respond .add-comment .comment-form, .comments .comment-list .comment .com-content .com-title, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul, .publication-section .publication-area .publication-right .pr-content .prc-head, .education-head, .mobile-menu .mobile-area, .header .header-top .header-top-area .info ul li {
  justify-content: space-between;
}

.service-item .service-content, .comments .comment-list .comment .com-content .com-title, .publication-section .publication-area .publication-right .pr-content.publication ul li, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social, .publication-section .publication-area .publication-right .pr-content .prc-head, .publication-section .publication-area .publication-left a, .education-head, .person-info .pi-content ul li, .mobile-menu .mobile-area, .header .header-top .header-top-area .info ul li, .header .header-top .header-top-area {
  align-items: center;
}

.oi-item .oi-map iframe {
  display: block;
}

.comments .comment-list .comment .com-content .com-title .com-title-meta span, .article-pagination .prev-article a,
.article-pagination .next-article a, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.like span, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a span, .publication-section .publication-area .publication-right .pr-content .prc-head h3, .about-section .about-area .about-content span, .default-btn, .footer-menu .footer-menu-area ul li a, .navbar-toggler--icon, .header .header-bottom .menu ul li a, .header .header-top .header-top-area .info ul li .info-right span, .play-btn, .default-pagination li a, .default-pagination li .page-numbers, .social-media li a span {
  display: inline-block;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.widget .recent-articale .widget-body ul li .post-content h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.article-pagination .prev-article a,
.article-pagination .next-article a, .publication-section .publication-area .publication-right .pr-content .prc-head h3, .footer-top .ft-content h3, .section-header h3 {
  text-transform: uppercase;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.contact-form-wrapper {
  background-color: #fff;
}

.contact-info-wrapper .contact-info-content .contact-info-item, .service-item .service-content .service-thumb, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.like span, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a span, .footer-bottom .fb-area, .banner-pagination, .play-btn, .social-media li a span {
  text-align: center;
}

ul.code-ul li {
  list-style: none;
}

/* @@@@@@@@@@@@@  Extend Property Margin 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
ul.code-ul {
  margin: 0;
}

.social-media li {
  margin: 5px;
}

.form-message, .service-item .service-content .service-title h6, .authors .author-content p, .publication-section .publication-area .publication-left a .pa-content p, .about-section .about-area .about-content .default-btn span, .footer-bottom .fb-area p, .header .header-top .header-top-area .info ul li .info-right p {
  margin-bottom: 0;
}

.comments .comment-list .comment .com-content .com-title .com-title-meta span, .article-pagination .prev-article a,
.article-pagination .next-article a, .publication-section .publication-area .publication-right .pr-content .prc-body ul li p, .education-area > .education-head, .accordion-item {
  margin-bottom: 5px;
}

.comments .comment-list .comment .com-content .com-title, .navbar-toggler, .header .header-top .header-top-area .info ul li .info-left {
  margin-bottom: 10px;
}

.widget .recent-articale .widget-body ul li, .widget .recent-articale .widget-header, .comments .comment-list .comment .com-thumb, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li, .publication-section .publication-area .publication-right .pr-content .prc-head, .about-section .about-area .about-content span, .person-info .pi-content h5 {
  margin-bottom: 15px;
}

.person-info .pi-content p {
  margin-bottom: 20px;
}

.contact-info-wrapper .contact-info-content .contact-info-item .contact-info-inner .contact-info-thumb {
  margin-bottom: 25px;
}

.contact-form-wrapper .contact-form form.comment-form input[type=text],
.contact-form-wrapper .contact-form form.comment-form [type=email], .contact-form-wrapper .contact-form form, .oi-item .oi-address ul, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body p, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body img {
  margin-bottom: 30px;
}

.contact-form-wrapper .contact-form form.comment-form {
  margin-top: 0;
}

.about-section .about-area .about-content .default-btn {
  margin-top: 20px;
}

.contact-form-wrapper .contact-form form.comment-form button.lab-btn, .comment-respond, .comments, .person-info .pi-content .default-btn, .social-media {
  margin-top: 30px;
}

.comments .comment-list .comment .com-content .com-title .com-title-meta a, .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.like span {
  margin-right: 5px;
}

.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a span, .header .header-top .header-top-area .info ul li .info-left, .social-media li a span {
  margin-right: 10px;
}

.comments .comment-list .comment .com-thumb {
  margin-right: 15px;
}

.publication-section .publication-area .publication-left a .pa-thumb {
  margin-right: 25px;
}

.form-message {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* @@@@@@@@@@@@@  Extend Property padding 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.contact-form-wrapper .contact-form form, .comment-respond .add-comment .comment-form, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li, .navbar-toggler, ul.code-ul {
  padding: 0;
}

.oi-item, .widget .recent-articale .widget-body ul li, .article-pagination .prev-article,
.article-pagination .next-article {
  padding: 10px;
}

.contact-form-wrapper .contact-form form.comment-form input[type=text],
.contact-form-wrapper .contact-form form.comment-form [type=email], .service-item .service-content .service-title {
  padding: 15px;
}

.contact-info-wrapper .contact-info-content .contact-info-item, .contact-info-wrapper, .contact-form-wrapper, form, .contact-section .contact-area .contact .contact-title, .oi-item .oi-address, .comment-respond .add-comment, .comment-respond h6, .comments .comment-list .com-item, .comments .comment-title, .publication-section .publication-area .publication-right, .publication-section .publication-area .publication-left a, .about-section .about-area, .person-info {
  padding: 30px;
}

.contact-section .contact-area .contact .contact-title, .comments .comment-list .com-item {
  padding-bottom: 0;
}

.comments .comment-list .comment .com-content {
  padding-bottom: 20px;
}

.oi-item .oi-address ul li {
  padding-top: 5px;
}

.publication-section .publication-area .publication-right .pr-content .prc-body.articles {
  padding-top: 30px;
}

.article-pagination .prev-article .na-content,
.article-pagination .next-article .na-content {
  padding-left: 10px;
}

.article-pagination .next-article .na-content {
  padding-right: 10px;
}

.person-info .pi-content ul li {
  padding-top: 10px;
  padding-bottom: 10px;
}

.publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-content, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li .articles-content {
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}

.oi-item .oi-address .default-btn {
  padding-left: 20px;
  padding-right: 20px;
}

.article-pagination .prev-article p,
.article-pagination .next-article p, .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li .articles-content h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

header.header-fixed .header-bottom {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

@media (min-width: 992px) {
  .header .header-top .header-top-area {
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .header .header-top .header-top-area .logo {
    padding: 15px 0;
  }
}
@media (max-width: 991px) {
  .header .header-top .header-top-area .info {
    border-top: 1px solid #ecf0f3;
  }
}
.header .header-top .header-top-area .info ul li {
  padding: 15px 30px;
  border-bottom: 1px solid #ecf0f3;
  text-align: center;
  width: 100%;
}
@media (min-width: 576px) {
  .header .header-top .header-top-area .info ul li {
    border-right: 1px solid #ecf0f3;
    border-bottom: none;
    text-align: left;
    width: auto;
  }
}
@media (min-width: 576px) {
  .header .header-top .header-top-area .info ul li .info-left {
    width: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .header .header-top .header-top-area .info ul li .info-right {
    width: 100%;
  }
}
.header .header-top .header-top-area .info ul li .info-right span {
  font-size: 0.875rem;
}
.header .header-top .header-top-area .info ul li .info-right p {
  color: #1e306e;
}
.header .header-bottom {
  background: #502ec4;
  transition: all 0.3s ease;
}
.header .header-bottom .menu ul li {
  position: relative;
}
@media (max-width: 767px) {
  .header .header-bottom .menu ul li {
    width: 100%;
  }
}
.header .header-bottom .menu ul li a {
  padding: 10px 15px;
  color: #fff;
}
@media (min-width: 768px) {
  .header .header-bottom .menu ul li a {
    padding: 18px 20px;
  }
}

.navbar-toggler:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.navbar-toggler--icon {
  background-color: #fff;
  height: 2px;
  width: 27px;
  -webkit-transform: rotate(45deg) translateY(-5px);
  -moz-transform: rotate(45deg) translateY(-5px);
  -ms-transform: rotate(45deg) translateY(-5px);
  -o-transform: rotate(45deg) translateY(-5px);
  transform: rotate(45deg) translateY(-5px);
}
.navbar-toggler--icon:after, .navbar-toggler--icon:before {
  background-color: #fff;
  height: 2px;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.navbar-toggler--icon:after {
  bottom: 7px;
  left: 0;
  -webkit-transform: rotate(-90deg) translateX(-6px);
  -moz-transform: rotate(-90deg) translateX(-6px);
  -ms-transform: rotate(-90deg) translateX(-6px);
  -o-transform: rotate(-90deg) translateX(-6px);
  transform: rotate(-90deg) translateX(-6px);
}
.navbar-toggler--icon:before {
  top: 7px;
  left: 0;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}
.navbar-toggler.collapsed .navbar-toggler--icon {
  transform: none;
}
.navbar-toggler.collapsed .navbar-toggler--icon:after {
  transform: none;
}
.navbar-toggler.collapsed .navbar-toggler--icon:before {
  opacity: 1;
  transform: none;
}

.mobile-menu {
  padding: 15px 0;
  background: #502ec4;
}
.mobile-menu .mobile-area .logo {
  width: 150px;
  height: 60px;
}
.mobile-menu .mobile-area .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    display: flex !important;
  }
}
.banner-section {
  background: url(../../assets/images/banner/banner-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.person-info {
  background: #fff;
}
.person-info .pi-content h4 {
  color: #502ec4;
}
.person-info .pi-content h3 {
  color: #8067bd;
  font-family: "Circular Std", sans-serif;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .person-info .pi-content h3 {
    font-size: 26px;
    margin-bottom: 0;
  }
}
.person-info .pi-content p {
  max-width: 430px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .person-info .pi-content h5 {
    font-size: 16px;
  }
}
.person-info .pi-content ul li {
  border-top: 1px solid #ecf0f3;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .person-info .pi-content ul li {
    font-size: 14px;
    padding-block: 8px;
  }
}
@media (max-width: 575px) {
  .person-info .pi-content ul li {
    font-size: 14px;
  }
}
.person-info .pi-content ul li .pic-left {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.person-info .pi-content ul li .pic-left::after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .person-info .pi-content .default-btn {
    margin-top: 15px;
  }
}

.banner-pagination {
  bottom: -40px;
}
.banner-pagination .swiper-pagination-bullet {
  margin: 3px;
  width: 12px;
  height: 12px;
  background: #fff;
}

.pageheader-section {
  background: url(../../assets/images/pageheader/pageheader-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.pageheader-section .pageheader-content h2 {
  font-family: "Circular Std", sans-serif;
  color: #fff;
}
.pageheader-section .pageheader-content ol li {
  color: #fff;
}
.pageheader-section .pageheader-content ol li a {
  color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

.footer-menu {
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.footer-menu .footer-menu-area {
  max-width: 1320px;
  margin: 0 auto;
  background: #fff;
  padding: 15px 30px;
}
.footer-menu .footer-menu-area ul li:last-child a {
  border-right: none;
}
.footer-menu .footer-menu-area ul li a {
  padding: 5px 10px;
  border-right: 1px solid #ecf0f3;
}

.footer-top {
  background: url(../../assets/images/footer/footer-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991px) {
  .footer-top {
    padding-top: 120px;
  }
}
@media (max-width: 575px) {
  .footer-top {
    padding-top: 250px;
  }
}
.footer-top .ft-content h3 {
  color: #fff;
}
.footer-top .ft-content p {
  color: #fff;
}
.footer-top .ft-content ul.social-media li a {
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  color: #502ec4;
  background: #fff;
}
.footer-top .ft-content ul.social-media li a.facebook {
  color: #3b5998;
}
.footer-top .ft-content ul.social-media li a.twitter {
  color: #55acee;
}
.footer-top .ft-content ul.social-media li a.instagram {
  color: #e4405f;
}
.footer-top .ft-content ul.social-media li a.linkedin {
  color: #007bb5;
}
.footer-top .ft-content ul.social-media li a.pinterest {
  color: #1769ff;
}
.footer-top .ft-content ul.social-media li a.reddit {
  color: #ff7500;
}
.footer-top .ft-content ul.social-media li a.twitch {
  color: #4661a5;
}
.footer-top .ft-content ul.social-media li a.vimeo {
  color: #86c9ef;
}
.footer-top .ft-content ul.social-media li a.youtube {
  color: #cd201f;
}
.footer-top .ft-content ul.social-media li a.skype {
  color: #2fb7df;
}
.footer-top .ft-content ul.social-media li a.rss {
  color: #f26522;
}
.footer-top .ft-content ul.social-media li a.telegram {
  color: #0088cc;
}
.footer-top .ft-content ul.social-media li a.whatsapp {
  color: #075e54;
}
.footer-top .ft-content ul.social-media li a.google {
  color: #dd4b39;
}
.footer-top .ft-content ul.social-media li a.envelope {
  color: #e7c9a9;
}

.footer-bottom .fb-area {
  max-width: 1170px;
  margin: 0 auto;
}
.footer-bottom .fb-area p a {
  color: #d30c39;
}

ul#menu-footer-menu {
  padding: 0;
  margin: 0;
}
ul#menu-footer-menu li a {
  text-transform: capitalize;
}

.default-btn {
  text-decoration: none;
  color: #fff;
  padding: 0 2rem;
  line-height: 46px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.9375rem;
  transform-origin: right;
  transition: all 0.3s ease;
  background: #502ec4;
  font-weight: bold;
  text-transform: capitalize;
}
@media (min-width: 1440px) {
  .default-btn {
    padding: 0 3rem;
    line-height: 50px;
  }
}
.default-btn span {
  position: inherit;
  z-index: 1;
}
.default-btn.move-right:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #68bb0b;
  transition: transform 0.5s;
  transform-origin: right;
  transform: scaleX(0);
  z-index: 0;
}
.default-btn.move-right:hover:before {
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.5s;
}
.default-btn.move-left {
  background: #68bb0b;
}
.default-btn.move-left:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #502ec4;
  transition: transform 0.5s;
  transform-origin: left;
  transform: scaleX(0);
  z-index: 0;
}
.default-btn.move-left:hover:before {
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.5s;
}
.default-btn.move-bottom {
  background: #0190d8;
}
.default-btn.move-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #502ec4;
  transition: transform 0.5s;
  transform-origin: bottom;
  transform: scaleY(0);
  z-index: 0;
}
.default-btn.move-bottom:hover:before {
  transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.5s;
}
.default-btn.move-top {
  background: #e96800;
}
.default-btn.move-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #502ec4;
  transition: transform 0.5s;
  transform-origin: top;
  transform: scaleY(0);
  z-index: 0;
}
.default-btn.move-top:hover:before {
  transform: scaleY(1);
  transform-origin: bottom;
  transition: transform 0.5s;
}
.default-btn:hover {
  color: #fff;
}
.default-btn.bg-white {
  background: #fff;
  color: #502ec4;
}
.default-btn.bg-white::before {
  background: #502ec4;
}
.default-btn.bg-white:hover {
  color: #fff;
}
.default-btn.bg-primary {
  background: #502ec4;
  color: #fff;
}
.default-btn.bg-primary::before {
  background: #502ec4;
}
.default-btn.bg-primary:hover {
  color: #fff;
}
.default-btn.border-btn {
  border: 2px solid #fff;
  background: transparent;
  line-height: 46px;
}
.default-btn.border-btn:hover {
  border-color: #00b6cb;
  color: #fff;
}
.default-btn.border-btn.move-bottom::before {
  background: #00b6cb;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: #000000;
}
.preloader .preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.preloader .preloader-inner .preloader-icon {
  width: 72px;
  height: 72px;
  display: inline-block;
  padding: 0px;
}
.preloader .preloader-inner .preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background: #fff;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader .preloader-inner .preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes price-ani {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0.1;
  }
}
.about-section {
  background: #f0f0f0;
}
.about-section .about-area {
  background: #fff;
}
@media (min-width: 992px) {
  .about-section .about-area {
    padding: 70px;
  }
}
.about-section .about-area .about-thumb {
  width: 150px;
  height: 150px;
  margin: 0 auto 30px;
}
.about-section .about-area .about-content p {
  line-height: 1.7;
}
@media (min-width: 1200px) {
  .about-section .about-area .about-content p {
    max-width: 1024px;
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .about-section .about-area .about-content ul li a span {
    display: none;
  }
}
.about-section .about-area .about-content ul li a p {
  margin-bottom: 0;
  text-transform: capitalize;
}
.about-section .about-area .about-content ul li a.facebook {
  background: #3b5998;
}
.about-section .about-area .about-content ul li a.twitter {
  background: #55acee;
}
.about-section .about-area .about-content ul li a.twitter span {
  background: #fff;
  color: #55acee;
}
.about-section .about-area .about-content ul li a.instagram {
  background: #e4405f;
}
.about-section .about-area .about-content ul li a.instagram span {
  background: #fff;
  color: #e4405f;
}
.about-section .about-area .about-content ul li a.linkedin {
  background: #007bb5;
}
.about-section .about-area .about-content ul li a.linkedin span {
  background: #fff;
  color: #007bb5;
}
.about-section .about-area .about-content ul li a.pinterest {
  background: #1769ff;
}
.about-section .about-area .about-content ul li a.pinterest span {
  background: #fff;
  color: #1769ff;
}
.about-section .about-area .about-content ul li a.reddit {
  background: #ff7500;
}
.about-section .about-area .about-content ul li a.reddit span {
  background: #fff;
  color: #ff7500;
}
.about-section .about-area .about-content ul li a.twitch {
  background: #4661a5;
}
.about-section .about-area .about-content ul li a.twitch span {
  background: #fff;
  color: #4661a5;
}
.about-section .about-area .about-content ul li a.vimeo {
  background: #86c9ef;
}
.about-section .about-area .about-content ul li a.vimeo span {
  background: #fff;
  color: #86c9ef;
}
.about-section .about-area .about-content ul li a.youtube {
  background: #cd201f;
}
.about-section .about-area .about-content ul li a.youtube span {
  background: #fff;
  color: #cd201f;
}
.about-section .about-area .about-content ul li a.skype {
  background: #2fb7df;
}
.about-section .about-area .about-content ul li a.skype span {
  background: #fff;
  color: #2fb7df;
}
.about-section .about-area .about-content ul li a.rss {
  background: #f26522;
}
.about-section .about-area .about-content ul li a.rss span {
  background: #fff;
  color: #f26522;
}
.about-section .about-area .about-content ul li a.telegram {
  background: #0088cc;
}
.about-section .about-area .about-content ul li a.telegram span {
  background: #fff;
  color: #0088cc;
}
.about-section .about-area .about-content ul li a.whatsapp {
  background: #075e54;
}
.about-section .about-area .about-content ul li a.whatsapp span {
  background: #fff;
  color: #075e54;
}
.about-section .about-area .about-content ul li a.google {
  background: #dd4b39;
}
.about-section .about-area .about-content ul li a.google span {
  background: #fff;
  color: #dd4b39;
}
.about-section .about-area .about-content ul li a.envelope {
  background: #e7c9a9;
}
.about-section .about-area .about-content ul li a.envelope span {
  background: #fff;
  color: #e7c9a9;
}

.education-section {
  background: url(../../assets/images/education/education-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.education-section .section-header {
  margin-bottom: 60px;
}
.education-section .section-wrapper {
  overflow-x: auto;
}
.accordion-item {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.education-list ul {
  padding: 0;
  margin: 0;
}
.education-list ul li {
  padding: 30px;
  background: #fff;
  margin-bottom: 5px;
}
.education-list ul li span {
  display: inline-block;
  margin-bottom: 15px;
}
.education-list ul li p {
  margin-bottom: 0;
}

.education-head {
  background: transparent;
  padding: 20px 30px;
}
@media (min-width: 576px) {
  .education-head {
    padding: 20px 50px;
  }
}
.education-head .eh-item {
  font-size: 1.125rem;
  color: #1e306e;
}
@media (max-width: 575px) {
  .education-head .eh-item {
    text-align: left;
    padding: 5px 0;
  }
}

.accordion-body {
  border-top: 1px solid #ecf0f3;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 576px) {
  .accordion-body {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.education-area > .education-head {
  cursor: auto;
  background: #502ec4;
  color: #fff;
}
.education-area > .education-head .eh-item {
  color: #fff;
}

.publication-section {
  background: url(../../assets/images/publication/publication-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.publication-section .publication-area {
  background: #000000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .publication-section .publication-area .publication-left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .publication-section .publication-area .publication-left a {
    width: 50%;
  }
}
.publication-section .publication-area .publication-left a.active {
  background: #3a3a3a;
}
.publication-section .publication-area .publication-left a.active::after {
  width: 0;
  height: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .publication-section .publication-area .publication-left a.active::after {
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 20px solid transparent;
  }
}
.publication-section .publication-area .publication-left a .pa-content p {
  color: #fff;
}
.publication-section .publication-area .publication-right {
  background: #fff;
}
.publication-section .publication-area .publication-right .pr-content .prc-head {
  padding: 15px 0;
}
.publication-section .publication-area .publication-right .pr-content .prc-body ul li {
  padding: 20px 0;
  border-top: 1px solid #ecf0f3;
}
.publication-section .publication-area .publication-right .pr-content .prc-body ul li a {
  color: #d30c39;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles {
  border-top: 1px solid #ecf0f3;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li {
  width: 100%;
}
@media (min-width: 576px) {
  .publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li {
    width: calc(50% - 15px);
  }
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li:hover .articles-thumb img {
  transform: scale(1.2);
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li:hover .articles-content h6 {
  color: #d30c39;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li .articles-thumb {
  overflow: hidden;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li .articles-thumb img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.articles ul li .articles-content h6 {
  font-family: "Circular Std", sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .filter-2 {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-start;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .filter-2 li {
  padding: 10px 30px;
  display: inline-block;
  width: auto;
  background: #f9fafb;
  color: #502ec4;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .filter-2 li.active {
  background: #502ec4;
  color: #fff;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .grid {
  overflow: hidden;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-thumb {
  overflow: hidden;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-thumb img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-content h6 {
  font-family: "Circular Std", sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social {
  border-top: 1px solid #ecf0f3;
  border-bottom: 1px solid #ecf0f3;
}
@media (min-width: 992px) {
  .publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social {
    justify-content: space-between;
  }
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li {
  margin: 5px;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a {
  padding: 12px 20px;
  color: #fff;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a span {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #fff;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.facebook {
  background: #3b5998;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.facebook span {
  color: #3b5998;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.youtube {
  background: #cd201f;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.youtube span {
  color: #cd201f;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.linkedin {
  background: #007bb5;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.linkedin span {
  color: #007bb5;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.like {
  background: transparent;
  border: 1px solid #ecf0f3;
  color: #d30c39;
}
.publication-section .publication-area .publication-right .pr-content.article-single .prc-body .article-social ul li a.like span {
  color: #d30c39;
  width: auto !important;
  height: auto !important;
  border-radius: none;
  background: transparent;
}
.publication-section .publication-area .publication-right .pr-content.publication ul li {
  padding-left: 15px !important;
  padding-right: 15px !important;
  background: #f9fafb;
}
.publication-section .publication-area .publication-right .pr-content.publication ul li .publication-icon {
  width: 50px;
}
.publication-section .publication-area .publication-right .pr-content.publication ul li .publication-icon i, .publication-section .publication-area .publication-right .pr-content.publication ul li .publication-icon svg {
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .publication-section .publication-area .publication-right .pr-content.publication ul li .publication-icon i, .publication-section .publication-area .publication-right .pr-content.publication ul li .publication-icon svg {
    font-size: 3rem;
  }
}
.publication-section .publication-area .publication-right .pr-content.publication ul li .publication-content {
  width: calc(100% - 70px);
}
.publication-section.articles-page {
  background: transparent;
}
.publication-section.articles-page .publication-area {
  transform: translateY(-50px);
}
.publication-section.articles-page .publication-area .publication-right .pr-content .prc-body.articles {
  border-top: none;
  border-bottom: 1px solid #ecf0f3;
}
.publication-section.article-single-page .publication-area {
  background: #f9fafb;
}

.article-pagination {
  justify-content: space-between;
  margin: 30px -15px 0;
}
@media (min-width: 768px) {
  .article-pagination {
    flex-wrap: nowrap;
  }
}
.article-pagination .prev-article,
.article-pagination .next-article {
  background: #f9fafb;
  margin: 15px;
}
.article-pagination .prev-article .na-thumb,
.article-pagination .next-article .na-thumb {
  width: 30%;
}
.article-pagination .prev-article .na-content,
.article-pagination .next-article .na-content {
  width: 70%;
}
.article-pagination .prev-article a,
.article-pagination .next-article a {
  font-size: 14px;
  color: #d30c39;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article-pagination .prev-article a:hover,
.article-pagination .next-article a:hover {
  color: #502ec4;
}
.article-pagination .prev-article p,
.article-pagination .next-article p {
  margin-bottom: 0;
  line-height: 1.2;
}
.article-pagination .next-article {
  text-align: right;
}
.authors {
  justify-content: space-between;
  align-items: center;
  padding: 25px;
  margin: 30px 0;
  background: #f9fafb;
}
@media (max-width: 575px) {
  .authors {
    justify-content: center;
  }
}
.authors .author-thumb {
  width: 100px;
  text-align: center;
  border: 5px solid rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.authors .author-thumb a {
  width: 140px;
  height: 140px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.authors .author-thumb img {
  height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.authors .author-content {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
@media (min-width: 576px) {
  .authors .author-content {
    width: calc(100% - 120px);
    margin-top: 0;
    text-align: left;
  }
}
.authors .author-content h6 {
  margin-bottom: 5px;
}
.comments {
  background: #f9fafb;
}
.comments .comment-title {
  border-bottom: 1px solid #ecf0f3;
}
@media (max-width: 575px) {
  .comments .comment-list {
    margin: 0;
  }
}
.comments .comment-list .comment .com-thumb {
  height: 50px;
  width: 50px;
  float: left;
  border: 5px solid rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
@media (min-width: 576px) {
  .comments .comment-list .comment .com-thumb {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .comments .comment-list .comment .com-thumb {
    height: 80px;
    width: 80px;
  }
}
.comments .comment-list .comment .com-thumb img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
@media (max-width: 575px) {
  .comments .comment-list .comment .com-content {
    width: 100%;
  }
}
.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a {
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a:hover {
  color: #502ec4;
}
@media (max-width: 575px) {
  .comments .comment-list .comment .com-content .com-title .reply {
    margin-bottom: 10px;
    display: inline-block;
  }
}
.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link {
  padding: 3px 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link:hover {
  color: #502ec4;
  border-radius: 5px;
}
.comments .comment-list .comment .comment-list {
  padding: 0 20px;
  border-top: 1px solid #ecf0f3;
}
@media (min-width: 576px) {
  .comments .comment-list .comment .comment-list {
    padding-left: 60px;
    padding-right: 30px;
  }
}
.comments .comment-list .comment .comment-list .comment {
  list-style: none;
  overflow: hidden;
  padding-top: 30px;
}
.comments .comment-list .comment .comment-list .comment:last-child {
  border: none;
  padding-bottom: 0px;
}

.comment-respond {
  background: #f9fafb;
}
.comment-respond h6 {
  border-bottom: 1px solid #ecf0f3;
}
.comment-respond .add-comment .comment-form {
  background: #f9fafb;
}
.comment-respond .add-comment .comment-form input[type=text] {
  padding: 16px 15px;
  border-radius: 4px;
  width: 100%;
}
@media (min-width: 576px) {
  .comment-respond .add-comment .comment-form input[type=text] {
    width: calc(50% - 15px);
  }
}
.comment-respond .add-comment .comment-form input,
.comment-respond .add-comment .comment-form textarea {
  border: none;
  outline: none;
  margin-bottom: 20px;
  background: #fff;
  color: #000000;
}
.comment-respond .add-comment .comment-form textarea {
  padding: 15px;
  width: 100%;
  border-radius: 4px;
}
.comment-respond .add-comment .comment-form .default-button {
  border: none;
  outline: none;
  margin-top: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 50px;
}

.widget {
  padding: 30px;
}
.widget .recent-articale .widget-body ul {
  padding: 0;
}
.widget .recent-articale .widget-body ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #fff;
}
.widget .recent-articale .widget-body ul li:last-child {
  border-bottom: none;
}
.widget .recent-articale .widget-body ul li:hover .post-thumb img {
  transform: scale(1.05);
}
.widget .recent-articale .widget-body ul li:hover .post-content h6 {
  color: #502ec4;
}
.widget .recent-articale .widget-body ul li .post-thumb {
  width: 100px;
  height: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .widget .recent-articale .widget-body ul li .post-thumb {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
}
.widget .recent-articale .widget-body ul li .post-thumb a {
  display: inline-flex;
  height: 100%;
}
.widget .recent-articale .widget-body ul li .post-thumb a img {
  width: 100%;
  transition: all 0.3s ease;
}
.widget .recent-articale .widget-body ul li .post-content {
  width: calc(100% - 100px);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .widget .recent-articale .widget-body ul li .post-content {
    width: calc(100% - 80px);
  }
}
.widget .recent-articale .widget-body ul li .post-content h6 {
  line-height: 1.5;
  color: #1e306e;
  margin-bottom: 2px;
  font-family: "Circular Std", sans-serif;
  font-size: 1rem;
}
.widget .recent-articale .widget-body ul li .post-content p {
  margin: 0;
}

.service-section {
  background: #502ec4;
}
.service-section .section-header {
  margin-bottom: 60px;
}
.service-section .section-header h3 {
  color: #fff;
}
.service-item .service-content {
  background: #fff;
}
.service-item .service-content .service-thumb {
  width: 70px;
}
.service-item .service-content .service-title {
  width: calc(100% - 90px);
  border-left: 1px solid #ecf0f3;
}
@media (min-width: 576px) {
  .service-item .service-content .service-title {
    padding: 18px 20px;
  }
}
.ofice-information .abs-shape-img {
  top: 40%;
}
.ofice-information .abs-shape-img img {
  max-width: none;
}
.ofice-information .section-header {
  margin-bottom: 60px;
}
.oi-item {
  background: #fff;
}
.oi-item .oi-map {
  height: 350px;
}
@media (max-width: 575px) {
  .oi-item .oi-address {
    padding: 30px 15px;
  }
}
.oi-item .oi-address h6 {
  font-family: "Circular Std", sans-serif;
}
.oi-item .oi-address .default-btn {
  text-transform: capitalize;
  line-height: 40px;
}
.contact-section {
  background: #eaeaea;
}
.contact-section .contact-area .contact {
  background: #fff;
}
.contact-section .contact-area .contact::after, .contact-section .contact-area .contact::before {
  background: #68bb0b;
  border-bottom-right-radius: 12px;
}
.contact-section .contact-area .contact::after {
  width: 100px;
  height: 10px;
  top: -10px;
  left: 0;
}
.contact-section .contact-area .contact::before {
  width: 10px;
  height: 100px;
  top: -10px;
  left: -10px;
}
form {
  background: #fff;
}
form input,
form textarea {
  background: #f8f8f8;
  border-color: transparent;
  padding: 15px;
  color: #1e306e;
}
form input {
  height: 50px;
}
@media (min-width: 576px) {
  form input {
    width: 100%;
  }
}
form button {
  height: 50px;
}
form button.default-btn {
  padding: 0px 20px;
  border: none;
  outline: none;
}
@media (min-width: 576px) {
  form button.default-btn {
    padding: 0px 30px;
  }
}

.form-message {
  font-size: 14px;
}
.form-message.success {
  color: green;
}
.form-message.error {
  color: red;
}

div#wpcf7-f87-p117-o1 {
  width: 100%;
}

/*Contact Item Css Start here*/
.ct-area {
  transform: translateY(-50px);
  background: #f9fafb;
}

.contact-item {
  width: 100%;
  padding: 30px 25px;
  margin-bottom: 25px;
  background: #fff;
  box-shadow: 0 5px 5px rgba(136, 136, 136, 0.05);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-item:hover {
  box-shadow: 0 5px 5px rgba(136, 136, 136, 0.12);
}
.contact-item .contact-icon {
  width: 72px;
}
.contact-item .contact-icon i {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-size: 24px;
  background: #f85b82;
}
.contact-item .contact-details {
  width: calc(100% - 72px);
}
.contact-item .contact-details p {
  margin: 0;
}

.col-12:nth-child(2) .contact-item .contact-icon i {
  background: #502ec4;
}
.col-12:nth-child(3) .contact-item .contact-icon i {
  background: #5ce1b9;
}

/*Contact Item Css end here*/
/* @@@@@@@@@@@@@  Contact Us Section Start Here  @@@@@@@@@@@@@@ */
@media (max-width: 991px) {
  .location-map {
    margin-bottom: 15px;
  }
}
.location-map #map {
  height: 253px;
  width: 100%;
}
.location-map #map iframe {
  height: 100%;
  width: 100%;
  border: none;
}

@media (min-width: 992px) {
  .contact-form-wrapper {
    padding: 60px 40px;
  }
}
.contact-form-wrapper .contact-form form::after, .contact-form-wrapper .contact-form form::before {
  display: none;
}
.contact-form-wrapper .contact-form form input, .contact-form-wrapper .contact-form form textarea {
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-form-wrapper .contact-form form.comment-form input[type=text],
.contact-form-wrapper .contact-form form.comment-form [type=email] {
  background: #fff;
}
.contact-form-wrapper .contact-form form.comment-form input[type=text]:focus-visible,
.contact-form-wrapper .contact-form form.comment-form [type=email]:focus-visible {
  outline: none;
}
@media (min-width: 576px) {
  .contact-form-wrapper .contact-form form.comment-form input[type=text],
  .contact-form-wrapper .contact-form form.comment-form [type=email] {
    width: calc(50% - 10px);
  }
}
.contact-form-wrapper .contact-form form.comment-form textarea {
  background: #fff;
  padding: 10px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-form-wrapper .contact-form form.comment-form textarea:focus-visible {
  border: 1px solid rgba(80, 46, 196, 0.5);
  outline: none;
}
.contact-form-wrapper .contact-form form.comment-form button.lab-btn {
  background: #502ec4;
  outline: none;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 5px 5px rgba(80, 46, 196, 0.3);
}
.contact-form-wrapper .contact-form form.comment-form button.lab-btn:hover {
  box-shadow: none;
  transform: translateY(-3px);
}

@media (min-width: 992px) {
  .contact-info-wrapper {
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .contact-info-wrapper {
    margin-top: 50px;
  }
}
.contact-info-wrapper .contact-info-title p {
  max-width: 280px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .contact-info-wrapper .contact-info-content {
    display: flex;
    flex-wrap: wrap;
  }
}
.contact-info-wrapper .contact-info-content .contact-info-item {
  height: 100%;
  background: #fff;
}
.contact-info-wrapper .contact-info-content .contact-info-item .contact-info-inner .contact-info-details span {
  color: #000000;
}
.publication-section .publication-area .publication-right .pr-content .prc-body.video .grid .articles-thumb iframe {
    height: 225px;
}
/*# sourceMappingURL=style.css.map */