/* Theme Name: eLuminous V2.6 */
.blog-tital h1,
.blog-tital h2,
.blog-tital p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.author-img img,
.img-recent img {
  height: 100%;
  width: 100%
}

.author-img img,
.avtar-img-wrapper img,
.img-recent,
.img-recent img {
  object-fit: cover;
  object-position: center
}

.grediant-title h2,
.grediant-title div.heading,
section.error-page::after {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent
}

html {
  scroll-behavior: smooth
}

.blog-listing {
  display: flex;
  gap: 55px;
  margin-top: 60px
}

.left-recent-blog {
  max-width: 570px;
  flex: 0 0 570px
}

.img-recent {
  border-radius: 20px;
  overflow: hidden;
  height: 401px;
  position: relative
}

.blog-list-blck {
  display: flex;
  gap: 30px;
  position: relative
}

.left-recent-blog .blog-list-blck,
.side-bar-sticky form {
  flex-direction: column
}

.blog-tital h1,
.blog-tital h2 {
  font-weight: 700;
  font-size: 46px;
  line-height: 54px;
  color: #1d2026;
  -webkit-line-clamp: 2;
  line-clamp: 2
}

.text-data h2,
.text-data h3,
.text-data h4,
.text-data h5 {
  color: #212529;
  line-height: 1.3;
  font-weight: 700
}

.text-data h2 {
  font-size: 28px;
  margin-bottom: 20px
}

.text-data h3 ,.text-data div.dataFormH3 {
  font-size: 22px;
  margin-bottom: 20px
}

.text-data h4 {
  font-size: 18px;
  margin-bottom: 15px
}

.text-data h5 {
  font-size: 16px;
  margin-bottom: 20px
}

.text-data a {
  font-weight: 500;
  color: #1c63ff
}

.blog-tital p {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #5d6476;
  margin-top: 15px;
  -webkit-line-clamp: 2;
  line-clamp: 2
}

.blog-tital {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
  width: 100%
}

.filter-by ul .dropdown-menu {
  height: 250px;
  overflow-y: scroll;
  border: 0;
  background: #e8efff;
  left: auto;
  right: 0;
  top: 47px;
  border-radius: 12px
}

.filter-by ul .dropdown-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #f5f5f5;
  border-radius: 10px
}

.filter-by ul .dropdown-menu::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
  border-radius: 10px
}

.filter-by ul .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px
}

.filter-by ul a.dropdown-item,
.with_frm_style .frm_message p {
  font-size: 14px
}

.filter-by ul .dropdown-menu a {
  border-bottom: 1px solid #3333;
  padding: 8px 15px
}

.blog-list-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.autor-wrapper {
  display: flex;
  align-items: center;
  gap: 15px
}

.autor-wrapper h4,
.autor-wrapper span.author-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #1d2026;
  margin-bottom: 0;
  display: block;
}

.autor-wrapper h6,
.autor-wrapper span.date,
.autor-wrapper span.designation {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #5d6476;
  margin-bottom: 0;
  text-align: left;
}

.blog-list-blck a.linking-arrow img {
  transition: .5s
}

.blog-list-blck:hover a.linking-arrow img {
  transform: rotate(45deg)
}

.right-update-blog .img-recent {
  max-width: 341px;
  flex: 0 0 341px;
  height: 203px
}

.small-font-h2 .blog-tital h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
  color: #1d2026;
  margin-bottom: 0;
  min-height: 54px
}

.right-update-blog .blog-tital {
  margin-bottom: 0;
  padding-bottom: 0
}

.black-box-design,
.right-update-blog .blog-list-blck {
  margin-bottom: 60px
}

.small-font-h2 .blog-tital p {
  font-size: 14px;
  margin-top: 6px
}

.auto-heigh-img .img-recent,
.blog-content-wrapper.blog-details-page .insights-articles .img-recent {
  height: 290px
}

.small-button .light-button {
  display: inline-block;
  margin-left: auto;
  margin-right: auto
}

.no_post,
.small-button {
  text-align: center
}

.most-popular-blog {
  background: #eaf0ff
}

.tag-labal {
  position: absolute;
  left: 15px;
  top: 15px;
  background: #8bc34a;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  padding: 4px 12px;
  border-radius: 5px;
  display: none !important
}

.labal-Outsourcing {
  background: #db5e48
}

.labal-CMS {
  background: #db4877
}

.labal-Application {
  background: #48db9b
}

.labal-Web {
  background: #488ddb
}

.labal-Software {
  background: #b648db
}

.black-box-design .logo-celebrating-achievements,
.breadcrumb li:last-child::after,
.dropdown-none a::after,
.ez-toc-counter nav ul li a::before,
legend.frm_screen_reader.form-subdiv {
  display: none
}

.black-box-design .skilled-developers {
  margin-top: 0
}

.black-box-design {
  background: #fff
}

.blog-details-page .left-recent-blog {
  max-width: calc(100% - 411px);
  flex: 0 0 calc(100% - 411px)
}

.blog-details-page .left-recent-blog .img-recent {
  height: auto
}

.side-bar-sticky {
  max-width: 356px;
  flex: 0 0 356px;
  padding-bottom: 100px
}

.author-block-details {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid #3333;
  padding-bottom: 20px;
  margin-bottom: 0
}

.author-box1 {
  display: flex;
  align-items: center
}

.author-box1 .autor-wrapper:first-child {
  margin-right: 38px;
  padding-right: 38px;
  border-right: 1px solid rgba(0, 0, 0, .2)
}

.publish-date h6,
.publish-date span {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #6e7191;
  margin: 0
}

.publish-date h6 small,
.publish-date span small {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #6e7191;
  display: block
}

.blog-details-page .blog-tital,
.blog-details-page img.img-fluid {
  margin-bottom: 20px
}

.blog-details-page .text-data p {
  font-weight: 400;
  font-size: 18px;
  color: #212529;
  margin-bottom: 30px;
  line-height: 1.7
}

.blog-details-page h1,
.blog-details-page h2 {
  font-weight: 700;
  color: #212529;
  font-size: 32px;
  margin-bottom: 20px;
  line-height: 1.3
}

body .text-data .syntaxhighlighter td.code * {
  color: revert !important
}

.blog-details-page ul {
  list-style: disc;
  padding-left: 20px
}

.blog-details-page .right-update-blog ul li {
  font-weight: 400;
  font-size: 20px;
  color: #212529;
  margin-bottom: 0;
  border-left: 3px solid transparent
}

.author-person-details {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #f2f2f2;
  border-radius: 30px;
  gap: 30px
}

.author-img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  max-width: 182px;
  flex: 0 0 182px;
  height: 193px
}

.author-img img {
  max-width: 100% !important
}

.author-Bio h4 {
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  color: #385aa4
}

.author-Bio small {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  margin-bottom: 17px;
  display: block
}

.author-Bio p {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin: 0
}

.Related-posts-blog .left-recent-blog {
  max-width: 100%;
  flex: 0 0 100%
}

.Related-posts-blog h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin-bottom: 27px
}

.sidebar-wrapper-box-1 h3 ,.sidebar-wrapper-box-1 > div {
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  color: #fff;
  max-width: 170px;
  margin-bottom: 10px
}

a.blog-white-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #1c63ff;
  width: auto;
  height: 41px;
  background: #fff;
  box-shadow: 0 0 32.4px rgba(255, 255, 255, .25);
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px
}

.sidebar-wrapper-box-1 {
  background: url(https://eluminoustechnologies.com/blog/wp-content/uploads/2025/03/code-smarter.png) 0 0/cover;
  min-height: 165px;
  padding: 26px;
  border-radius: 20px
}

.side-bar-sticky h5,
.side-bar-sticky span.share-artical {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #1b1b1f;
  margin-bottom: 20px;
  display: block;
}

.article-links {
  margin-top: 45px;
  margin-bottom: 50px
}

.article-links ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #1b1b1f;
  padding: 10px 20px;
  display: block;
  text-decoration: none
}

.article-links ul {
  list-style: none;
  padding: 0;
  margin: 0
}

#ez-toc-container a:hover,
.article-links ul li a:hover,
.article-links ul li.active-links a {
  color: #1c63ff;
  font-weight: 600;
  border-color: #1c63ff
}

.article-links ul li.active-links,
.article-links ul li:hover,
.blog-content-wrapper .filter-by .dropdown a:hover:after,
div#ez-toc-container ul li:hover {
  border-color: #1c63ff
}

.article-links-social-media ul {
  list-style: none;
  display: flex;
  padding: 0;
  gap: 10px
}

.author-person-details+.Related-posts-blog {
  border-top: 1px solid #3333;
  padding-top: 30px;
  margin-top: 30px
}

.reply-container {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
  width: 350px
}

.reply-form {
  display: flex;
  flex-direction: column
}

.input-group {
  margin-bottom: 15px
}

.forms-light-css label,
.input-group label {
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
  color: #000;
  width: 100%
}

.forms-light-css input,
.forms-light-css textarea,
.input-group input,
.input-group textarea {
  width: 100%;
  border: none;
  font-size: 14px;
  padding: 12px 20px;
  background: #f3f3f3;
  border-radius: 12px;
  outline: 0;
  box-shadow: none
}

.forms-light-css textarea,
.input-group textarea {
  resize: vertical;
  outline: 0;
  box-shadow: none
}

.submit-btn {
  background-color: #007bff;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px
}

.submit-btn:hover {
  background-color: #0056b3
}

.comment-respond h3,
.forms-all-commen h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin-bottom: 25px
}

.forms-all-commen p {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #000
}

p.comment-notes {
  margin-bottom: 47px
}

.forms-all-commen {
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 17px;
  padding: 50px;
  margin-bottom: 100px;
  margin-top: 50px
}

.checkbox-group label,
.comment-form-cookies-consent label,
p.comment-form-cookies-consent label,
p.mc4wp-checkbox label {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  margin-left: 0;
  padding-left: 30px;
  position: relative;
  cursor: pointer
}

.checkbox-group input#agree,
p.comment-form-cookies-consent input[type=checkbox],
p.mc4wp-checkbox label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.checkbox-group label::after,
p.comment-form-cookies-consent label::after,
p.mc4wp-checkbox span::after {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  transition: background-color .25s;
  border-radius: 4px;
  content: ""
}

.checkbox-group label::before,
p.comment-form-cookies-consent label::before,
p.mc4wp-checkbox span:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity .25s;
  z-index: 1
}

.checkbox-group input:checked~label::after,
p.comment-form-cookies-consent input:checked~label::after,
p.mc4wp-checkbox input:checked~span::after {
  background-color: #1fd882
}

.checkbox-group input:checked~label::before,
p.comment-form-cookies-consent input:checked~label::before,
p.mc4wp-checkbox input:checked~span::before {
  opacity: 1;
  border-bottom-color: #fff;
  border-right-color: #fff
}

form.reply-form button.light-button,
section.error-page .btn-comman {
  display: inline-block
}

.sticky {
  top: 10%;
  position: sticky
}

.comment-form p,
p.comment-form-comment,
p.comment-form-cookies-consent {
  display: block;
  overflow: unset
}

p.mc4wp-checkbox label {
  position: relative;
  padding-left: 30px
}

.nav-wrapper .title-commen h1,
.nav-wrapper .title-commen h2,
.nav-wrapper .title-commen div.heading,
.nav-wrapper .title-commen p {
  text-align: left
}

.nav-wrapper {
  padding-top: 35px
}

.nav-wrapper .title-commen h1,
.nav-wrapper .title-commen h2,
.nav-wrapper .title-commen div.heading {
  font-size: 36px
}

.search-box {
  text-align: right;
  display: flex;
  align-items: center;
  height: 57px;
  background: #f5f7fe;
  border-radius: 10px;
  padding: 0 20px 0 0;
  max-width: 577px;
  float: right;
  width: 100%
}

.search-box input[type=search] {
  border: 0;
  background: #f5f7fe;
  outline: 0;
  width: 100%;
  padding: 0 15px;
  margin: 0 15px 0 0;
  height: 57px;
  order: 1;
  border-radius: 5px
}

.search-box button {
  border: 0;
  background: 0 0;
  padding: 0;
  order: 2;
  outline: 0
}

input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #667085
}

.filter-by {
  display: flex;
  align-items: center;
  margin-top: 20px
}

.filter-by ul {
  display: flex;
  margin: 0;
  gap: 7px
}

.filter-by h6 {
  margin: 0 16px 0 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #192839
}

.filter-by ul li .dropdown a.dropdown-toggle,
.filter-by ul li .dropdown-none a.dropdown-toggle {
  height: 50px;
  background: #f5f7fe;
  border-radius: 10px;
  padding: 10px 20px;
  display: flex;
  text-align: center;
  align-items: center;
  color: #6f6c90;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  text-decoration: none
}

.blog-content-wrapper .blog-navigation .filter-by .dropdown-none a {
  font-size: 14px;
  padding: 0 20px
}

.blog-content-wrapper .blog-navigation .filter-by ul {
  justify-content: start;
  width: 100%
}

.blog-content-wrapper .filter-by .dropdown a:hover {
  background: rgba(28, 99, 255, .2);
  color: #1c63ff
}

.avtar-img-wrapper {
  border-radius: 50px;
  overflow: hidden;
  width: 50px;
  height: 50px
}

.avtar-img-wrapper img {
  height: 100%;
  width: 100%
}

.grediant-title h2,
.grediant-title div.heading {
  background: linear-gradient(270.13deg, #33bfff .04%, #1c63ff 104.77%);
  -webkit-background-clip: text;
  background-clip: text
}

section.error-page {
  position: relative;
  padding: 218px 0;
  text-align: center;
  background: url(img/top-banner-bg.png) center top/calc(100% - 600px) no-repeat #fff;
  background-position: center top
}

section.error-page::after {
  content: "404";
  background: linear-gradient(180deg, rgba(28, 99, 255, .03) 62.71%, rgba(255, 255, 255, .03) 85.69%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
  font-size: 600px;
  line-height: 756px;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  left: 0;
  pointer-events: none
}

section.error-page span {
  width: 132px;
  height: 55px;
  background: rgba(28, 99, 255, .1);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #1c63ff
}

section.error-page h2 {
  font-weight: 800;
  font-size: 68px;
  line-height: 86px;
  color: #192839;
  margin-bottom: 10px
}

section.error-page p {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #5b7797;
  margin-bottom: 44px
}

.blog-details-page .text-data table.custMultipleTr {
  text-align: left !important;
  margin: 0 0 25px !important;
  border-collapse: collapse;
  border-style: solid;
  border-color: #3768d4 !important;
  border-radius: 10px;
  overflow: hidden;
  width: 100% !important
}

.blog-details-page .text-data table.custMultipleTr tr:first-child td {
  background: #3768d4 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 19px;
  height: 55px;
  padding: 5px 25px !important;
  color: #fff
}

.blog-details-page .text-data table.custMultipleTr tr:first-child td a {
  color: #fff
}

.box-inner p,
.download_form_warpper .form-control,
table.custSingleTr {
  margin: 0 !important
}

.text-data table tr td {
  font-size: 16px !important;
  border: 1px solid #3333;
  vertical-align: middle;
  padding: 5px 25px !important
}

.text-data table tr td a {
  font-size: 16px;
  font-weight: inherit !important;
  line-break: anywhere;
}

.text-data table tr:first-child td strong {
  color: #fff !important
}

.blog-details-page .text-data ul li {
  font-weight: 400;
  font-size: 18px;
  color: #212529;
  margin-bottom: 10px
}

.blog-details-page .right-update-blog ul li a img {
  width: 44px
}

.interests span img {
  width: auto;
  height: 45px
}

.filter-by ul li.active a.dropdown-toggle {
  background: #1c63ff !important;
  color: #fff !important
}

.saboxplugin-wrap {
  display: none !important
}

p.form-submit {
  margin-top: 50px;
  margin-bottom: 0;
  text-align: right
}

p.form-submit input {
  display: inline-block;
  width: auto;
  border: 0;
  border-radius: 8px;
  background: #e8efff;
  color: #1c63ff;
  font-weight: 600
}

.reply a,
.text-data td a {
  color: #000;
  font-weight: 600
}

.blog-details-page ul ul,
.blog-details-page ul ul ul {
  padding: 0
}

.blog-details-page .left-recent-blog ul {
  margin-bottom: 25px
}

.text-data {
  overflow: hidden
}

div.error,
span.error {
  font-size: 12px;
  color: red
}

.img-right img {
  width: 100%;
  height: auto
}

p.no-results {
  text-align: center;
  width: 100%
}

.no_post .row {
  justify-content: center;
  margin-top: 50px
}

label input#wpcaptcha_captcha {
  margin-top: 0;
  width: 250px
}

img.wpcaptcha-captcha-img {
  padding: 5px;
  border: 1px solid #3333;
  width: 80px;
  margin-left: 15px
}

label[for=wpcaptcha_captcha] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}

.blog-tital a:hover {
  text-decoration: none
}

.comment-body .row {
  gap: 15px;
  margin: 0
}

.small-3.columns {
  width: 32px;
  flex: 0 0 32px;
  height: 32px;
  border-radius: 50px;
  overflow: hidden
}

.small-9.columns {
  width: calc(100% - 47px)
}

.comment-author {
  font-weight: 600;
  font-size: 16px
}

.comment-metadata {
  font-size: 12px;
  margin-bottom: 15px
}

.comment-content * {
  font-size: 14px !important
}

.reply a::after {
  content: "⤻";
  margin-left: 5px;
  font-size: 22px;
  position: absolute;
  top: 7px;
  line-height: 1;
  right: 17px
}

.reply a {
  background: #e8e8e8;
  display: flex;
  align-items: flex-start;
  padding: 10px 13px;
  text-align: left;
  font-size: 14px;
  line-height: 1;
  position: relative;
  width: 110px;
  border-radius: 4px
}

.small-12.columns {
  width: 100%;
  text-align: right
}

.reply {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #3333;
  padding-top: 20px;
  margin-bottom: 20px
}

#ez-toc-container,
.download_form_warpper {
  margin-bottom: 40px
}

.download_form_warpper,
.sidebar-form-wrapper {
  background: #fff;
  border: 1px solid #b7cdff;
  border-radius: 20px;
  padding: 30px;
  margin-top: 30px
}

.download_form_warpper h2,
.sidebar-form-wrapper h2,
.sidebar-form-wrapper div.sidebarH2 {
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  color: #192839;
  display: block !important;
  margin-bottom: 8px
}

.wpcf7-response-output {
  font-size: 13px;
  padding: 15px !important
}

.download_form_warpper p,
.sidebar-form-wrapper p {
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #4a5567;
  margin-bottom: 11px
}

.download_form_warpper .form-control,
.form-subdiv input {
  height: 48px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  padding-left: 15px;
  font-size: 12px
}

.download_form_warpper .form-control::placeholder,
.form-subdiv input::placeholder {
  font-size: 12px
}

.forms-light-css textarea::placeholder,
.input-group textarea::placeholder {
  color: #000
}

.form-subdiv {
  margin-top: 25px
}

.download_form_warpper button.btn,
.form-footer.btn-comman input {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px !important;
  text-align: center;
  color: #fff !important;
  display: block;
  padding: 14px 32px;
  border: 0;
  transition: .5s;
  background: #1c63ff;
  border-radius: 4px;
  height: auto
}

.form-footer.btn-comman p {
  margin: 0
}

.wpcf7-spinner {
  position: absolute;
  right: 20px;
  bottom: 43px
}

.download_form_warpper form {
  display: flex;
  align-items: start;
  gap: 15px;
  justify-content: center;
  text-align: left
}

span.success {
  text-align: center;
  font-size: 14px;
  color: green;
  margin: 15px 0 0;
  display: block;
  letter-spacing: .4px
}

.download_form_warpper .form-group {
  margin: 0;
  width: 33.33%
}

.download_form_warpper h2 {
  max-width: 750px;
  margin: 0 auto 40px
}

.cta_section .cta_wrapper .cta_icon img,
.side-bar-sticky form .form-group,
.side-bar-sticky form button {
  width: 100%
}

#ez-toc-container {
  border: 0 !important;
  padding: 0;
  width: 100%;
  box-shadow: none !important
}

div#ez-toc-container ul li {
  font-weight: 400;
  font-size: 20px;
  color: #212529;
  margin-bottom: 15px;
  border-left: 0
}

#ez-toc-container a {
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 19px;
  color: #1b1b1f;
  padding: 10px 20px;
  display: block;
  text-decoration: none !important;
  border-left: 3px solid transparent
}

a.ez-toc-link.ez-toc-heading-1 {
  color: #1c63ff !important;
  font-weight: 600 !important;
  border-left-color: #1c63ff !important
}

.ez-toc-title-container {
  display: flex;
  align-items: center;
  background: #f5f5fa;
  border-radius: 5px;
  padding: 18px 34px;
  justify-content: space-between
}

#ez-toc-container a.ez-toc-toggle {
  padding: 0;
  margin: 0;
  border: 0
}

#ez-toc-container a.ez-toc-toggle span.ez-toc-js-icon-con * {
  height: 0;
  width: 0;
  border: 0
}

#ez-toc-container a.ez-toc-toggle span.ez-toc-js-icon-con {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 0
}

#ez-toc-container a.ez-toc-toggle span.ez-toc-js-icon-con::after {
  content: "";
  width: 12px;
  height: 12px;
  border-left: 2px solid #333;
  border-top: 2px solid #333;
  position: absolute;
  left: 15px;
  top: 15px;
  transform: rotate(-135deg);
  transition: .5s
}

div#ez-toc-container.toc_close a.ez-toc-toggle span.ez-toc-js-icon-con::after {
  transform: rotate(45deg);
  top: 21px
}

#ez-toc-container ul.ez-toc-list.ez-toc-list-level-1 {
  padding: 0 35px 35px;
  background: #f5f5fa
}

.filter-by ul li.active a.dropdown-toggle::after {
  border-color: #fff
}

.blog-content-wrapper .blog-navigation .filter-by .dropdown-none a:hover {
  background: #1c63ff;
  color: #fff
}

nav[aria-label=breadcrumb] ul.breadcrumb {
  margin: 0 !important;
  list-style: none;
  display: flex;
  padding: 0;
  background: 0 0
}

.breadcrumb li {
  margin-right: 5px
}

ul.breadcrumb li:first-child a {
  font-weight: 700
}

ul.breadcrumb li,
ul.breadcrumb li a {
  font-size: 14px;
  color: #192839
}

.breadcrumb li::after {
  content: "";
  margin: 0 8px;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(-45deg)
}

.form-footer.btn-comman {
  position: relative
}

.form-footer.btn-comman span.wpcf7-spinner {
  bottom: 11px
}

.with_frm_style .frm-card-element.StripeElement,
.with_frm_style input[type=email],
.with_frm_style input[type=file],
.with_frm_style input[type=number],
.with_frm_style input[type=password],
.with_frm_style input[type=search],
.with_frm_style input[type=tel],
.with_frm_style input[type=text],
.with_frm_style input[type=url],
.with_frm_style select {
  height: 48px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  padding-left: 15px;
  outline: 0;
  font-size: 12px
}

.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn,
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.frm_style_formidable-style.with_frm_style input[type=submit] {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px !important;
  text-align: center;
  color: #fff !important;
  display: block;
  padding: 14px 32px;
  border: 0;
  transition: .5s;
  background: #1c63ff;
  border-radius: 4px;
  height: auto;
  outline: 0;
  width: 100%;
  margin: 0
}

.frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 0;
  outline: 0;
  margin-top: 15px
}

.frm_style_formidable-style.with_frm_style .frm_error,
.frm_style_formidable-style.with_frm_style .frm_limit_error {
  color: red !important;
  margin-top: 6px
}

.frm_success_style,
.with_frm_style .frm_message {
  padding: 5px
}

.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top,
.with_frm_style .frm_top_container .frm_primary_label {
  font-size: 12px
}

b,
strong {
  font-weight: 700
}

.padding-top {
  padding-top: 100px
}

.padding-bottom {
  padding-bottom: 100px
}

.padding-top-70 {
  padding-top: 70px
}

.padding-bottom-70 {
  padding-bottom: 70px
}

.title-commen {
  margin-bottom: 60px;
}

.title-commen h1,
.title-commen h2,
.title-commen div.heading {
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
  text-align: center;
  margin-bottom: 15px;
  color: #000;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown,
.dropup {
  position: relative;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem;
}

.blog-details-page .sidebar-wrapper-box-1 h3 ,.blog-details-page .sidebar-wrapper-box-1 > div{
  max-width: 230px;
  font-size: 20px;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.sidebar-wrapper-box-1.banner-cta-wrap {
    display: flex;
    padding: 0;
    align-items: end;
    background: url(https://eluminoustechnologies.com/blog/wp-content/uploads/2025/03/sidebar-banner-1.png) 0 0/cover;
}
 
.banner-cta-wrap .content {
    padding: 20px;
}
 
.banner_image-bg img {
    vertical-align: middle;
        height: 160px;
}
/*  */

@media (min-width: 1366px) {

  .blog-details-page h1,
  .blog-details-page h2,
  .blog-details-page div.sidebarH2 {
    overflow: auto;
    display: -webkit-box;
    -webkit-line-clamp: none;
    line-clamp: auto
  }

  .small-font-h2 .blog-tital h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
  }
}

@media (min-width: 1024px) {
  .insights-articles .mb-4 {
    margin-bottom: 60px !important
  }
}

.widget.widget_block h3.blog_sidebar_banner_title ,.widget.widget_block div.blog_sidebar_banner_title{
  max-width: 230px;
  font-size: 20px
}

.forms-light-css textarea::-webkit-input-placeholder,
.input-group textarea::-webkit-input-placeholder {
  color: #000
}

.forms-light-css textarea::-moz-placeholder,
.input-group textarea::-moz-placeholder {
  color: #000
}

.forms-light-css textarea:-ms-input-placeholder,
.input-group textarea:-ms-input-placeholder {
  color: #000
}

.forms-light-css textarea:-moz-placeholder,
.input-group textarea:-moz-placeholder {
  color: #000
}

.box-inner {
  background: #dee8fd;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .09);
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0;
  gap: 40px;
  border: 2px solid #d0dfff;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.box-inner p a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px !important;
  text-align: center;
  color: #fff !important;
  display: block;
  padding: 18px 32px;
  border: 0;
  transition: .5s;
  background: #1c63ff;
  border-radius: 4px
}

.box-inner p a:hover {
  text-decoration: none;
  background-color: #023bb9;
  color: #fff !important
}

.comment-meta {
  background: #f6f6f6;
  padding: 15px;
  border-radius: 15px
}

span.commenter a {
  color: #333
}

p.comment-awaiting-moderation {
  text-align: center;
  font-size: 12px;
  letter-spacing: .4px;
  background: #bdb76b;
  padding: 3px 0;
  font-style: italic;
  border-radius: 5px;
  color: #fff
}

div#form-messages p {
  color: green;
  font-size: 12px;
  margin-top: 9px;
  line-height: 1.3
}

.Key-takeaways {
  padding: 75px 42px 35px;
  background: #fafafa;
  border: 1px solid #ececec;
  border-radius: 29px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px
}

.Key-takeaways h3,
.Key-takeaways .h3,
.Key-takeaways .key-takeaways-text {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  padding: 14px 28px;
  background: #192839;
  border-radius: 109px;
  display: inline-block;
  margin: 0;
  position: absolute;
  top: -20px
}

.Key-takeaways ul {
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  list-style: none
}

.Key-takeaways ul li {
  color: #fff;
  position: relative;
  padding-left: 35px;
  width: 100%;
  padding-bottom: 11px;
  padding-top: 11px;
  margin: 0 0 5px !important;
  border-bottom: 1px dashed #dadada
}

.Key-takeaways ul li::before {
  content: "";
  width: 8px;
  height: 4px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  position: absolute;
  left: 7px;
  z-index: 1;
  transform: rotate(313deg);
  top: 20px
}

.Key-takeaways ul li::after {
  content: "";
  width: 21px;
  height: 21px;
  background: #1fd882;
  position: absolute;
  left: 1px;
  border-radius: 50px;
  top: 13px
}

.Key-takeaways ul li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important
}

section.cta_section {
  padding: 10px 0 40px
}

.cta_section .cta_wrapper {
  background-color: #f1f1f1;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
  margin: 0 auto
}

.cta_section .cta_wrapper .left {
  background-image: linear-gradient(to right, #4c56ef, #0fb3fd);
  flex: 0 0 calc(100% - 240px);
  max-width: 240px;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative
}

.cta_section .cta_wrapper .right {
  float: right;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 25px 30px
}

.cta_section .cta_wrapper .cta_content {
  font-size: 18px;
  color: #252525;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 36px
}

.cta_section .cta_wrapper .cta_icon {
  max-width: 120px;
  height: 120px;
  width: 100%;
  background-color: #0fb1fd;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 20px
}

.blog-details-page .right-update-blog {
  opacity: 0;
  visibility: hidden;
  transition: .5s
}

.blog-details-page .right-update-blog.out-of-viewport {
  opacity: 1;
  visibility: visible
}



/*  */
ul,
ol {
  list-style: none outside none;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.title-commen h1,
.title-commen h2,
.title-commen div.heading {
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
  text-align: center;
  margin-bottom: 15px;
  color: #000;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 11px;
  vertical-align: middle;
  content: "";
  border: 1px solid #000;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  margin-top: -2px
}

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #1a1a1a;
}

.light-button {
  border-radius: 12px;
  background: rgb(28 99 255 / .1);
  font-weight: 500;
  font-size: 16px;
  line-height: 19px !important;
  text-align: center;
  color: #1c63ff !important;
  display: block;
  padding: 16px 32px;
  border: 0;
  transition: all .5s;
}

.light-button:hover {
  text-decoration: none;
  background: #1c63ff;
  color: #fff !important;
  transition: all .5s;
}

.light-button::after {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #1c63ff;
  display: inline-block;
  margin-left: 10px;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg);
  position: relative;
  top: -2px;
  transition: all .5s;
  right: 0;
}

.light-button:hover::after {
  right: -10px;
  border-color: #fff;
}

.skilled-developers {
  display: flex;
  background: #0a0a0a;
  border-radius: 31px;
  align-items: center;
  justify-content: space-between;
  padding: 75px;
  position: relative;
  z-index: 1;
  margin-top: 85px
}

.skilled-developers-logo-bg {
  position: absolute;
  bottom: 0;
  right: 240px;
  max-width: 450px;
  z-index: -1
}

.skilled-developers h3 {
  font-weight: 400;
  font-size: 36px;
  line-height: 43px;
  color: #fff;
  max-width: 546px
}

.skilled-developers h3 strong {
  font-weight: 700;
  color: #fff
}

.skilled-developers-logo-bg img {
  width: 100%
}

body .btn-comman a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px !important;
  text-align: center;
  color: #fff !important;
  display: block;
  padding: 18px 32px;
  border: 0;
  transition: all .5s;
  background: #1c63ff;
  border-radius: 4px;
}

.btn-with-arrow a.btn::after {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  display: inline-block;
  margin-left: 10px;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg);
  position: relative;
  top: -2px;
  transition: all .5s;
  right: 0;
}

body .btn-comman a:hover {
  text-decoration: none;
  background-color: #023bb9;
  color: #fff !important;
}

.btn-with-arrow a.btn:hover {
  transition: all .5s;
}

.btn-with-arrow a.btn:hover::after {
  right: -10px;
  border-color: #fff;
}

footer {
  padding-top: 32px;
  max-width: 1920px;
  background: rgb(19, 19, 42);
  margin: 0px auto;
}

.skilled-developers-logo-bg img {
  width: 100%;
}

html,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Plus Jakarta Sans', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.blog-details-page h1,
.blog-details-page h2,
 .blog-details-page div.sidebarH2{
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 20px;
  line-height: 1.3;
  text-transform: capitalize;
}

.d-none {
  display: none !important;
}

.download_form_warpper h2,
.sidebar-form-wrapper h2,
.sidebar-form-wrapper div.sidebarH2,
.sidebar-form-wrapper h3 {
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  color: #192839;
  display: block !important;
  margin-bottom: 8px;
}

/*  */

@media (max-width: 1366px) {
  .blog-content-wrapper .blog-navigation .filter-by ul li {
    flex: 0 0 auto
  }

  section.error-page::after {
    font-size: 150px
  }

  .table-responsive {
    overflow-y: scroll
  }

  .padding-top {
    padding-top: 70px;
  }

  .padding-bottom {
    padding-bottom: 70px;
  }
}

@media (max-width: 1199px) {

  .blog-details-page .text-data p,
  .blog-tital {
    margin-bottom: 15px
  }

  .blog-listing {
    gap: 30px
  }

  .right-update-blog .blog-list-blck {
    margin-bottom: 30px
  }

  .right-update-blog .img-recent {
    max-width: 230px;
    flex: 0 0 230px;
    height: 153px
  }

  .small-font-h2 .blog-tital h2 {
    font-size: 18px;
    line-height: 22px;
    min-height: auto
  }

  .avtar-img-wrapper {
    width: 35px;
    height: 35px
  }

  .right-update-blog .blog-tital {
    margin-bottom: 10px;
    padding-bottom: 10px
  }

  .autor-wrapper h4,
  .autor-wrapper span.author-name {
    font-size: 14px;
    line-height: 16px
  }

  .autor-wrapper h6,
  .autor-wrapper span.date,
  .autor-wrapper span.designation {
    font-size: 12px;
    margin: 0
  }

  .blog-list-blck a.linking-arrow img {
    width: 40px;
    height: 40px
  }

  .left-recent-blog {
    max-width: 45%;
    flex: 0 0 45%
  }

  .blog-tital h1,
  .blog-tital h2 {
    font-size: 36px;
    line-height: 1.2
  }

  .blog-tital {
    padding-bottom: 15px
  }

  .insights-articles .left-recent-blog {
    max-width: 100%
  }

  .text-data table {
    width: 100% !important
  }

  .blog-details-page h1 {
    font-size: 28px;
    line-height: 1.2
  }

  .blog-details-page h2,
  .blog-details-page div.sidebarH2 {
    font-size: 22px;
    line-height: 1.2
  }

  .text-data h3 {
    font-size: 18px;
    line-height: 1.2
  }

  .blog-details-page .text-data ul li {
    font-size: 16px;
    margin-bottom: 12px
  }

  #ez-toc-container a {
    font-size: 16px
  }

  .skilled-developers {
    padding: 40px;
    margin-top: 15px;
  }

  .skilled-developers h3 {
    font-size: 28px;
    line-height: 35px;
  }

  .skilled-developers-logo-bg {
    right: 320px;
  }

  .skilled-developers-logo-bg img {
    width: 300px;
  }

  .padding-bottom {
    padding-bottom: 60px;
  }

  .padding-top {
    padding-top: 60px;
  }

  .title-commen h2,
  .title-commen div.heading {
    font-size: 32px;
    line-height: 38px;
  }
}

@media (max-width: 1024px) {
  .left-recent-blog {
    max-width: 50%;
    flex: 0 0 50%
  }

  .img-recent {
    height: 300px
  }

  .blog-details-page .left-recent-blog {
    max-width: calc(100% - 360px);
    flex: 0 0 calc(100% - 360px)
  }

  .side-bar-sticky {
    max-width: 330px;
    flex: 0 0 330px
  }

  .author-person-details {
    gap: 15px;
    align-items: start
  }

  .author-img {
    flex: 0 0 160px
  }

  .Related-posts-blog .left-recent-blog {
    max-width: 100%
  }

  .forms-all-commen {
    padding: 30px
  }

  .blog-content-wrapper .blog-navigation .filter-by ul li {
    display: none
  }

  .blog-content-wrapper .blog-navigation .filter-by ul li:last-child {
    display: block;
    width: 100%
  }

  .blog-content-wrapper .blog-navigation .filter-by ul li:last-child a.dropdown-toggle {
    display: flex;
    justify-content: space-between
  }

  .nav-wrapper .title-commen h1,
  .nav-wrapper .title-commen h2,
  .nav-wrapper .title-commen div.heading {
    margin-bottom: 0;
    line-height: 2
  }

  .left-logo img {
    max-width: 120px
  }

  .right-menu ul.btn-comman a {
    padding: 8px 10px;
    min-width: auto
  }
}

@media (max-width: 991px) {
  .left-recent-blog {
    max-width: 45%;
    flex: 0 0 45%
  }

  .right-update-blog .blog-list-blck {
    gap: 15px
  }

  section.error-page::after {
    display: none
  }

  section.error-page {
    padding: 100px 0
  }

  section.error-page h2 {
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 30px
  }

  section.error-page p {
    font-size: 18px
  }

  .ez-toc-title-container {
    padding: 18px 14px
  }

  #ez-toc-container ul.ez-toc-list.ez-toc-list-level-1 {
    padding: 0 15px 15px
  }

  div#ez-toc-container ul li {
    margin-bottom: 0
  }

  .download_form_warpper form {
    flex-wrap: wrap
  }

  .download_form_warpper .form-group {
    width: 100%
  }
  .box-inner {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 860px) {
  .left-recent-blog {
    max-width: 100%;
    flex: 0 0 100%;
    background: #efefef;
    border-radius: 20px
  }

  .blog-listing {
    flex-wrap: wrap
  }

  .left-recent-blog .img-recent {
    height: auto
  }

  .left-recent-blog .blog-list-section {
    padding: 0 35px 35px
  }

  .insights-articles .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 21px
  }

  .insights-articles .col-md-4 .blog-list-blck {
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 0
  }

  .insights-articles .col-md-4 .blog-list-blck .img-recent {
    width: 250px;
    flex: 0 0 250px
  }

  .blog-details-page .left-recent-blog,
  .insights-articles .left-recent-blog {
    background: 0 0
  }

  .blog-details-page .left-recent-blog .blog-list-section {
    padding: 0
  }

  #ez-toc-container a {
    font-size: 16px
  }

  .text-data table tr td {
    font-size: 14px !important;
    padding: 5px 15px !important
  }

  .box-inner p a {
    padding: 13px 32px
  }

  .skilled-developers {
    flex-wrap: wrap;
  }

  .skilled-developers .btn-comman {
    margin-top: 30px;
  }

  .skilled-developers-logo-bg {
    right: 0;
    top: auto;
  }

  .padding-bottom {
    padding-bottom: 40px;
  }

  .padding-top {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .author-person-details {
    align-items: start
  }

  .author-img {
    height: auto;
    max-width: 100px;
    flex: 0 0 100px
  }

  .author-img img {
    width: 100%
  }

  .blog-details-page .left-recent-blog {
    max-width: 100%;
    flex: 0 0 100%
  }

  .Related-posts-blog .left-recent-blog,
  .forms-all-commen {
    margin-bottom: 50px
  }

  .right-update-blog.side-bar-sticky {
    max-width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px solid #3333;
    margin-bottom: 80px;
    padding-bottom: 30px
  }

  .sidebar-wrapper-box-1 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #4a81fe
  }

  .publish-date {
    width: 100%;
    margin-bottom: 14px;
    border-bottom: 1px solid #3333;
    padding-bottom: 14px
  }

  .author-block-details {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-bottom: 15px
  }

  .publish-date h6,
  .publish-date span {
    display: flex;
    align-items: center;
    margin: 0
  }

  .publish-date h6 small,
  .publish-date span small {
    margin-left: 5px
  }

  .blog-details-page .blog-tital {
    margin-bottom: 0
  }

  .author-box1 .autor-wrapper:first-child {
    margin-right: 15px;
    padding-right: 13px
  }

  .blog-details-page .text-data p,
  .forms-all-commen p {
    font-size: 16px
  }

  .text-data table tr td,
  .text-data td a {
    font-size: 12px
  }

  .text-data table tr:first-child td,
  .text-data table tr:first-child td *,
  .text-data table tr:first-child td span {
    font-size: 14px !important
  }

  .navigaion {
    padding: 10px 0
  }

  .avtar-img-wrapper {
    width: 40px;
    height: 40px
  }

  .box-inner {
    flex-direction: column;
    text-align: center
  }

  .light-button {
    font-size: 14px;
  }
}

@media (max-width: 640px) {
  .insights-articles .col-md-4 .blog-list-blck {
    flex-wrap: wrap
  }

  .insights-articles .left-recent-blog .blog-list-section {
    padding: 30px 0 15px
  }

  .insights-articles .col-md-4 .blog-list-blck .img-recent {
    width: 100%;
    flex: 0 0 100%
  }

  .Key-takeaways ul {
    padding-left: 0
  }

  .Key-takeaways {
    padding: 55px 20px 20px
  }

  .Key-takeaways h3,
  .Key-takeaways .h3,
  .Key-takeaways .key-takeaways-text {
    font-size: 16px
  }
}

@media (max-width: 540px) {
  .right-update-blog .img-recent {
    max-width: 170px;
    flex: 0 0 170px;
    height: 113px
  }

  .blog-tital h1,
  .blog-tital h2 {
    font-size: 26px;
    line-height: 1.2
  }

  .left-recent-blog .blog-list-section {
    padding: 0 20px 20px
  }

  .tag-labal {
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .1px
  }

  .title-commen h2,
  .title-commen div.heading {
    font-size: 24px;
    line-height: 22px
  }

  .author-person-details {
    flex-wrap: wrap
  }

  .author-img {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto
  }

  .forms-all-commen {
    margin-top: 0;
    padding: 15px
  }

  .checkbox-group label {
    font-size: 14px;
    line-height: 1.2;
    padding-left: 26px
  }

  form.reply-form button.light-button {
    display: block;
    width: 100%
  }
}

@media (max-width: 480px) {
  .right-update-blog .img-recent {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto
  }

  .right-update-blog .img-recent img {
    height: auto
  }

  .right-update-blog .blog-list-blck {
    flex-wrap: wrap
  }

  .skilled-developers.btn-with-arrow {
    padding: 20px;
  }

  .skilled-developers h3 {
    font-size: 22px;
    line-height: 1.2;
  }

  .skilled-developers .btn-comman {
    margin-top: 16px;
  }

  body .btn-comman a {
    font-size: 14px;
    padding: 13px 16px;
  }

  .light-button::after {
    display: none;
  }
}

.h3.blog_sidebar_banner_title span {
  display: block;
}



/*  */
@media (min-width: 768px) {
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (min-width: 1024px) {
  .insights-articles .mb-4 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 1366px) {

  .blog-details-page h1,
  .blog-details-page h2 {
    overflow: auto;
    display: -webkit-box;
    -webkit-line-clamp: none;
    line-clamp: auto;
  }
}

/*  */