@font-face {
  font-family: TT Commons;
  src: url(../otf/tt-commons-demibold.otf);
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: TT Commons;
  src: url(../otf/tt-commons-regular.otf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: TT Commons light;
  src: url(../otf/tt-commons-light.otf);
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: TT Commons;
  src: url(../otf/tt-commons-medium.otf);
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: TT Tricks;
  src: url(../woff2/tttricks-light.woff2);
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "TT Tricks Italic";
  src: url("../woff2/tttricks-lightitalic.woff2") format("woff2"), url("../woff/tttricks-lightitalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "TT Tricks Regular";
  src: url("../woff2/tttricks-regular.woff2") format("woff2"), url("../woff/tttricks-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* @font-face {
font-family: "TT Tricks";
font-display: swap;
font-weight: 400;
font-style: normal;
src: url("../fonts/../fonts-TT-Tricks-Regular.woff2")
format("woff2"),
url("../fonts/../fonts-TT-Tricks-Regular.woff") format("woff");
} */
/* @font-face {
font-family: "TT Tricks";
src: url("../fonts/TTTricks-Regular.ttf");
font-weight: 400;
font-style: italic;
font-display: swap;
} */
@font-face {
  font-family: "TT Tricks Bold";
  src: url("../woff2/tttricks-bold.woff2") format("woff2"), url("../woff/tttricks-bold.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

body,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'TT Commons';
}

.flexWidget {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-end {
  align-items: flex-end;
}
.blogImage{
position: relative;
}
/* header.mpw-navbar.fixed-header {
  transform: translateY(-100px);
} */
/* header.mpw-navbar.sticked {
  transform: translateY(0px);
  top: 0;
  left: 0;
  background-color: #0F3870;
  box-shadow: 0 4px 10px rgb(119 119 119 / 15%);
  z-index: 8;
} */

.brdr {
  background-color: #c9daf8;
  padding: 10px;
  border: 1px solid #000;
}

.nav-toggel svg path {
  fill: #000;
}

.light {
  color: white !important;
}

.container {
  max-width: 1440px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

header .container {
  max-width: 1440px;
}

.nav-wraper {
  max-width: 100%;
}

.blogHead {
  background-color: #2D96EE;
}

.breadcrum {
  padding-top: 30px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}

.breadcrum a {
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  color: #3d3d3d;
  font-family: 'TT Commons';
}

.breadcrum p {
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  color: #3d3d3d;
  font-family: 'TT Commons';
}

.breadcrum span {
  display: block;
  padding: 0 10px;
  color: #3d3d3d;
}

.blogHeadWrapper.light .readTime span svg path {
  fill: #3d3d3d;
}

.breadcrum .BreadcrumbList {
  display: flex;
}

.breadcrum .BreadcrumbList p {
  margin-bottom: 0px;
  margin-top: 0;
  white-space: nowrap;
}

.crumbs {
  max-width: 100%;
  margin-bottom: 0px;
}

/* .crumbs::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  cursor: pointer;
}

.crumbs::-webkit-scrollbar{
  width:5px;
  max-height:5px
}
.crumbs::-webkit-scrollbar-track{
  background:#e5e5e5
}
.crumbs::-webkit-scrollbar-thumb{
  background:#9e9e9e;
  border-radius:4px
}
.breadcrum.light .crumbs::-webkit-scrollbar-thumb{
  color: rgba(255,255,255,.5)!important;
} */
.blogBodyContent img {
  display: block;
  margin: 16px;
}

.breadcrum.light p,
.breadcrum.light a,
.breadcrum.light span {
  color: rgb(195 215 242);
}

.breadcrum.light a:hover {
  color: #fff;
}

.breadcrum a:hover {
  color: #1e2532;
}

.blogHeadWrapper {
  display: flex;
  align-items: center;
  column-gap: 85px;
  padding-bottom: 58px;
}

.blogHeadWrapper.light .writerInfo label,
.blogHeadWrapper.light .readTime p {
  color: rgb(195 215 242);
}

.blogHeadWrapper.light .writerInfo span,
.blogHeadWrapper.light h1 {
  color: #fff;
}

.writerInfo .avatar {
  position: relative;
}

.blogHead .blog-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 23px;
  -moz-column-gap: 23px;
  column-gap: 23px;
  padding: 25px 0 27px;
}

.blogHead .blog-info .readTime {
  padding-top: 0px !important;
  font-size: 16px !important;
  width: unset;
}

.blogHead .blog-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blogHead .blog-info-item p {
  font-family: 'CircularStd';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  /* identical to box height */
  color: #3d3d3d;
  padding-bottom: 0;
}

.blogHeadWrapper.light .blog-info-item p {
  color: rgb(195 215 242);
}

.blogHead .blog-info-item p strong {
  font-weight: 500;
}

.blogHead .svg-icon {
  display: flex;
  margin-right: 5px;
}

.blogHead .svg-icon svg path {
  fill: #3d3d3d;
}

.blogHead .svg-icon:not(.stroke)::before {
  content: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6808 9.34375C18.6806 9.15696 18.6144 8.97296 18.477 8.83555L12.727 3.08555C12.5895 2.94768 12.4056 2.88079 12.2188 2.88079V2.875H7.90625C5.92479 2.875 4.3125 4.48729 4.3125 6.46875V16.5312C4.3125 18.5127 5.92479 20.125 7.90625 20.125H15.0938C17.0752 20.125 18.6875 18.5127 18.6875 16.5312V9.34375H18.6808ZM12.9375 5.32886L16.2336 8.625H15.0938C13.9047 8.625 12.9375 7.65779 12.9375 6.46875V5.32886ZM15.0938 18.6875H7.90625C6.71721 18.6875 5.75 17.7203 5.75 16.5312V6.46875C5.75 5.27971 6.71721 4.3125 7.90625 4.3125H11.5V6.46875C11.5 8.45021 13.1123 10.0625 15.0938 10.0625H17.25V16.5312C17.25 17.7203 16.2828 18.6875 15.0938 18.6875ZM15.0938 15.8125C15.0938 16.2098 14.7719 16.5312 14.375 16.5312H8.625C8.22807 16.5312 7.90625 16.2098 7.90625 15.8125C7.90625 15.4152 8.22807 15.0938 8.625 15.0938H14.375C14.7719 15.0938 15.0938 15.4152 15.0938 15.8125ZM15.0938 12.9375C15.0938 13.3348 14.7719 13.6562 14.375 13.6562H8.625C8.22807 13.6562 7.90625 13.3348 7.90625 12.9375C7.90625 12.5402 8.22807 12.2188 8.625 12.2188H14.375C14.7719 12.2188 15.0938 12.5402 15.0938 12.9375ZM7.90625 10.0625C7.90625 9.66521 8.22807 9.34375 8.625 9.34375H10.0625C10.4594 9.34375 10.7812 9.66521 10.7812 10.0625C10.7812 10.4598 10.4594 10.7812 10.0625 10.7812H8.625C8.22807 10.7812 7.90625 10.4598 7.90625 10.0625Z' fill='%2368676A'/%3E%3C/svg%3E");
  display: inline-flex;
  flex-shrink: 0;
}

.blogHeadWrapper.light .svg-icon:not(.stroke)::before {
  content: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6808 9.34375C18.6806 9.15696 18.6144 8.97296 18.477 8.83555L12.727 3.08555C12.5895 2.94768 12.4056 2.88079 12.2188 2.88079V2.875H7.90625C5.92479 2.875 4.3125 4.48729 4.3125 6.46875V16.5312C4.3125 18.5127 5.92479 20.125 7.90625 20.125H15.0938C17.0752 20.125 18.6875 18.5127 18.6875 16.5312V9.34375H18.6808ZM12.9375 5.32886L16.2336 8.625H15.0938C13.9047 8.625 12.9375 7.65779 12.9375 6.46875V5.32886ZM15.0938 18.6875H7.90625C6.71721 18.6875 5.75 17.7203 5.75 16.5312V6.46875C5.75 5.27971 6.71721 4.3125 7.90625 4.3125H11.5V6.46875C11.5 8.45021 13.1123 10.0625 15.0938 10.0625H17.25V16.5312C17.25 17.7203 16.2828 18.6875 15.0938 18.6875ZM15.0938 15.8125C15.0938 16.2098 14.7719 16.5312 14.375 16.5312H8.625C8.22807 16.5312 7.90625 16.2098 7.90625 15.8125C7.90625 15.4152 8.22807 15.0938 8.625 15.0938H14.375C14.7719 15.0938 15.0938 15.4152 15.0938 15.8125ZM15.0938 12.9375C15.0938 13.3348 14.7719 13.6562 14.375 13.6562H8.625C8.22807 13.6562 7.90625 13.3348 7.90625 12.9375C7.90625 12.5402 8.22807 12.2188 8.625 12.2188H14.375C14.7719 12.2188 15.0938 12.5402 15.0938 12.9375ZM7.90625 10.0625C7.90625 9.66521 8.22807 9.34375 8.625 9.34375H10.0625C10.4594 9.34375 10.7812 9.66521 10.7812 10.0625C10.7812 10.4598 10.4594 10.7812 10.0625 10.7812H8.625C8.22807 10.7812 7.90625 10.4598 7.90625 10.0625Z' fill='%23C3D7F2'/%3E%3C/svg%3E");
}

.blogHeadWrapper.light .readTime svg path,
.blogHeadWrapper.light .svg-icon svg path {
  fill: #C3D7F2;
}

.blogHeadWrapper.light .readTime svg path,
.blogHeadWrapper.light .svg-icon.stroke svg path {
  stroke: #C3D7F2;
}

.blogHead .svg-icon.stroke::before {
  content: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9674 11.5162C4.9674 13.7002 6.05246 15.6308 7.71287 16.7982C8.00547 17.004 8.02104 17.4314 7.73998 17.6526L7.73207 17.6589C7.54854 17.8034 7.29122 17.813 7.10004 17.6787C5.16169 16.3174 3.89465 14.0646 3.89465 11.5162C3.89465 7.38254 7.31625 4.02682 11.4416 3.99155V5.06455C7.90833 5.09957 4.9674 7.97474 4.9674 11.5162Z' fill='%2368676A' stroke='%2368676A' stroke-width='0.5'/%3E%3Cpath d='M11.6386 3.03203L13.61 4.38052C13.7156 4.45276 13.7156 4.60853 13.61 4.68077L11.6386 6.02925C11.5178 6.11187 11.354 6.02536 11.354 5.87919V3.18222C11.354 3.03592 11.5178 2.94954 11.6386 3.03203Z' fill='%2368676A'/%3E%3Cpath d='M18.0187 11.4838C18.0187 9.29977 16.9335 7.36919 15.2731 6.20177C14.9805 5.99594 14.9649 5.56858 15.246 5.34731L15.2539 5.34108C15.4374 5.1966 15.6947 5.187 15.8859 5.32124C17.8244 6.68256 19.0913 8.93531 19.0913 11.4838C19.0913 15.6174 15.6755 18.9731 11.55 19.0084V17.9354C15.0833 17.9004 18.0187 15.0253 18.0187 11.4838Z' fill='%2368676A' stroke='%2368676A' stroke-width='0.5'/%3E%3Cpath d='M11.3474 19.9679L9.37593 18.6194C9.27036 18.5472 9.27036 18.3914 9.37593 18.3192L11.3474 16.9707C11.468 16.8881 11.6319 16.9746 11.6319 17.1208V19.8177C11.6319 19.964 11.468 20.0505 11.3474 19.9679Z' fill='%2368676A'/%3E%3Cpath d='M14.8393 10.6639L11.6101 13.342L10.796 14.0172C10.6041 14.1761 10.3613 14.2623 10.1144 14.2623C10.0733 14.2623 10.0322 14.26 9.99066 14.2552C9.7026 14.2213 9.43749 14.0685 9.26356 13.8362L8.00782 12.1623C7.72429 11.7843 7.80095 11.2476 8.17915 10.9635C8.55761 10.68 9.09431 10.7567 9.37796 11.1349L10.2257 12.2652L10.2325 12.2596L13.7464 9.34553C14.1104 9.04385 14.6502 9.09418 14.952 9.45824C15.2539 9.82231 15.2034 10.3621 14.8393 10.6639Z' fill='%2368676A'/%3E%3Cpath d='M14.8393 10.6639L11.6101 13.342C11.0819 13.0783 10.6175 12.7138 10.2325 12.2596L13.7464 9.34553C14.1104 9.04385 14.6502 9.09418 14.952 9.45824C15.2539 9.82231 15.2034 10.3621 14.8393 10.6639Z' fill='%2368676A'/%3E%3C/svg%3E");
  display: inline-flex;
  flex-shrink: 0;
}

.blogHeadWrapper.light .svg-icon.stroke::before {
  content: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9674 11.5162C4.9674 13.7002 6.05246 15.6308 7.71287 16.7982C8.00547 17.004 8.02104 17.4314 7.73998 17.6526L7.73207 17.6589C7.54854 17.8034 7.29122 17.813 7.10004 17.6787C5.16169 16.3174 3.89465 14.0646 3.89465 11.5162C3.89465 7.38254 7.31625 4.02682 11.4416 3.99155V5.06455C7.90833 5.09957 4.9674 7.97474 4.9674 11.5162Z' fill='%23C3D7F2' stroke='%23C3D7F2' stroke-width='0.5'/%3E%3Cpath d='M11.6386 3.03203L13.61 4.38052C13.7156 4.45276 13.7156 4.60853 13.61 4.68077L11.6386 6.02925C11.5178 6.11187 11.354 6.02536 11.354 5.87919V3.18222C11.354 3.03592 11.5178 2.94954 11.6386 3.03203Z' fill='%23C3D7F2'/%3E%3Cpath d='M18.0187 11.4838C18.0187 9.29977 16.9335 7.36919 15.2731 6.20177C14.9805 5.99594 14.9649 5.56858 15.246 5.34731L15.2539 5.34108C15.4374 5.1966 15.6947 5.187 15.8859 5.32124C17.8244 6.68256 19.0913 8.93531 19.0913 11.4838C19.0913 15.6174 15.6755 18.9731 11.55 19.0084V17.9354C15.0833 17.9004 18.0187 15.0253 18.0187 11.4838Z' fill='%23C3D7F2' stroke='%23C3D7F2' stroke-width='0.5'/%3E%3Cpath d='M11.3474 19.9679L9.37593 18.6194C9.27036 18.5472 9.27036 18.3914 9.37593 18.3192L11.3474 16.9707C11.468 16.8881 11.6319 16.9746 11.6319 17.1208V19.8177C11.6319 19.964 11.468 20.0505 11.3474 19.9679Z' fill='%23C3D7F2'/%3E%3Cpath d='M14.8393 10.6639L11.6101 13.342L10.796 14.0172C10.6041 14.1761 10.3613 14.2623 10.1144 14.2623C10.0733 14.2623 10.0322 14.26 9.99066 14.2552C9.7026 14.2213 9.43749 14.0685 9.26356 13.8362L8.00782 12.1623C7.72429 11.7843 7.80095 11.2476 8.17915 10.9635C8.55761 10.68 9.09431 10.7567 9.37796 11.1349L10.2257 12.2652L10.2325 12.2596L13.7464 9.34553C14.1104 9.04385 14.6502 9.09418 14.952 9.45824C15.2539 9.82231 15.2034 10.3621 14.8393 10.6639Z' fill='%23C3D7F2'/%3E%3Cpath d='M14.8393 10.6639L11.6101 13.342C11.0819 13.0783 10.6175 12.7138 10.2325 12.2596L13.7464 9.34553C14.1104 9.04385 14.6502 9.09418 14.952 9.45824C15.2539 9.82231 15.2034 10.3621 14.8393 10.6639Z' fill='%23C3D7F2'/%3E%3C/svg%3E");
}

.skeleton__img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  /* position: absolute; */
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #EEEEEE 47.92%, #F6F6F6 60.42%, #EEEEEE 72.92%);
  animation: shine-header 1s 0s infinite linear;
  background-size: 650px;
}

@keyframes shine-header {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 325px;
  }

  100% {
    background-position: 630px;
  }
}

.blogHeadWrapper.light .readTime span svg path {
  fill: #C3D7F2;
}

.blogHeadWrapper.light .readTime span {
  display: flex;
}

.blogHeadWrapper .readTime span {
  display: flex;
}

.innerHead {
  max-width: 630px;
  width: 100%;
}

.innerHead h1 {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 54px;
  line-height: 99%;
  color: #0F141E;
}

.writerInfo {
  display: flex;
  align-items: center;
  column-gap: 7px;
  width: 100%;
}

.writerInfo label {
  display: block;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  font-family: 'TT Commons';
  color: #3d3d3d;
}

.blogHeadWrapper .writerInfo {
  margin-bottom: 0px !important;
}

.writerInfo span {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  color: #0F141E;
  line-height: 23px;
}

.writerInfo .avatar img {
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  height: 100%;
}

.readTime {
  padding-top: 20px;
  display: flex;
  align-items: center;
  column-gap: 8px;
  width: 100%;
}

.readTime::before {
  content: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5287 13.0011L12.1584 11.2235V7.60225C12.1584 7.23814 11.8641 6.94383 11.5 6.94383C11.1359 6.94383 10.8415 7.23814 10.8415 7.60225V11.5527C10.8415 11.7601 10.939 11.9556 11.1049 12.0794L13.7385 14.0546C13.857 14.1435 13.9953 14.1863 14.1329 14.1863C14.3337 14.1863 14.5312 14.0961 14.6603 13.9223C14.8789 13.6319 14.8197 13.2191 14.5287 13.0011Z' fill='%233d3d3d' stroke='%233d3d3d' stroke-width='0.3'/%3E%3Cpath d='M11.5 3C6.81281 3 3 6.81281 3 11.5C3 16.1872 6.81281 20 11.5 20C16.1872 20 20 16.1872 20 11.5C20 6.81281 16.1872 3 11.5 3ZM11.5 18.6832C7.5397 18.6832 4.3168 15.4603 4.3168 11.5C4.3168 7.5397 7.5397 4.3168 11.5 4.3168C15.461 4.3168 18.6832 7.5397 18.6832 11.5C18.6832 15.4603 15.4603 18.6832 11.5 18.6832Z' fill='%233d3d3d' stroke='%233d3d3d' stroke-width='0.3'/%3E%3C/svg%3E");
  display: inline-flex;
  flex-shrink: 0;
}

.blogHeadWrapper.light .readTime::before {
  content: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5287 13.0011L12.1584 11.2235V7.60225C12.1584 7.23814 11.8641 6.94383 11.5 6.94383C11.1359 6.94383 10.8415 7.23814 10.8415 7.60225V11.5527C10.8415 11.7601 10.939 11.9556 11.1049 12.0794L13.7385 14.0546C13.857 14.1435 13.9953 14.1863 14.1329 14.1863C14.3337 14.1863 14.5312 14.0961 14.6603 13.9223C14.8789 13.6319 14.8197 13.2191 14.5287 13.0011Z' fill='%23C3D7F2' stroke='%23C3D7F2' stroke-width='0.3'/%3E%3Cpath d='M11.5 3C6.81281 3 3 6.81281 3 11.5C3 16.1872 6.81281 20 11.5 20C16.1872 20 20 16.1872 20 11.5C20 6.81281 16.1872 3 11.5 3ZM11.5 18.6832C7.5397 18.6832 4.3168 15.4603 4.3168 11.5C4.3168 7.5397 7.5397 4.3168 11.5 4.3168C15.461 4.3168 18.6832 7.5397 18.6832 11.5C18.6832 15.4603 15.4603 18.6832 11.5 18.6832Z' fill='%23C3D7F2' stroke='%23C3D7F2' stroke-width='0.3'/%3E%3C/svg%3E");
}

.readTime p {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #3d3d3d;
}


.blogImage img {
  display: block;
  width: 100%;
  height: 100%;
}

.blogImage-skeleton {
  position: relative;
  inset: 0;
  height: 393px;
  width: 100%;
  min-width: 450px;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: blogSkeletonShimmer 1.5s infinite;
  border-radius: inherit;
}

@media (max-width: 768px) {
  .blogImage-skeleton {
    height: 260px;
    min-width: 370px;
  }
}

@media (max-width: 480px) {
  .blogImage-skeleton {
    height: 200px;
  }
}

@keyframes blogSkeletonShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


.blogBodyWrapper {
  padding-top: 60px;
  display: flex;
  column-gap: 80px;
  width: 100%;
}

.tableofContents {
  max-width: 257px;
  width: 100%;
  position: sticky;
  top: 90px;
  align-self: flex-start;
  margin-bottom: 32px;
}

.blogBodyWrapper .tableofContents .toc-head {

  position: relative;
  padding-bottom: 0;
  border-bottom: 1px solid #E8E9EC;
  word-spacing: 2px;
  opacity: 0.9
}

.blogBodyWrapper .tableofContents .toc-head .tocHeading-mob-none {
  font-family: 'TT Commons', system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 24px;
  color: #1E2532 !important;
  position: relative;

  word-spacing: 2px;
  opacity: 0.9
}

.blogBodyWrapper .tableofContents .toc-head .tocHeading {
  font-family: 'TT Commons', system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 123%;
  color: #213D56 !important;
  position: relative;
  word-spacing: 2px;
}

.blogBodyContent .progress_toc {
  position: absolute;
  width: 3%;
  height: 1px;
  background-color: #0F141E;
  bottom: -1px;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  padding-bottom: 0;
  transition: .3s ease all;
}

.toc_scroll.active span {
  background: #f7f9fc;
  color: #0f141e !important;
  font-weight: 400;
  font-family: 'TT Commons';
  opacity: 0.85;
}

.no-bulletItems {
  padding-top: 12px;
  list-style: none;
}



.no-bulletItems li span {
  display: block;
  font-family: 'TT Commons light';
  font-style: normal;
  font-weight: 400;
  padding: 8px 0;
  font-size: 17px;
  line-height: 123%;
  color: #7086A8;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
}

.no-bulletItems li:hover span {
  background: #f7f9fc;
  color: #0f141e !important;
  font-weight: 400;
  font-family: 'TT Commons';
  opacity: 0.85;
  background: #f7f9fc;
  color: #0f141e !important;
}

.blogBodyContentWraper {
  max-width: 677px;
  width: 100%;
}

.blogBodyContent>p:first-child,
.blogBodyContent>p:first-child strong,
.blogBodyContent>p:first-child span,
.blogBodyContent>p:first-child a,
.blogBodyContent>h2:first-child,
.blogBodyContent>h3:first-child {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  color: #1E2532;
  padding-bottom: 40px;
  -webkit-font-smoothing: antialiased;
  opacity: 0.9;
}

.blogBodyContent>p:first-child a {
  color: #1e98ff;
  border-bottom: 1px solid #c4e2f5;
  padding-bottom: 1px;
  opacity: unset;
}

.blogBodyContent>p:first-child a:hover {
  border-bottom: 1px solid #95B2D1;
}

.samplePdf p,
.faqWraper p,
.blogBodyContent p,
.blogBodyContent em,
.blogBodyContent p span {
  font-family: 'TT Tricks Regular', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 28px;
  color: #1E2532;
  padding-bottom: 16px;
  opacity: 0.98
}

.blogBodyContent em {
  font-style: italic;
}

.blogBodyContent iframe {
  padding: 0 20px;
}

.blogBodyContent table {
  width: 100%;
  border-collapse: collapse;
}

.blogBodyContent .mce-object-iframe {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  padding: 0px;
}

.blogBodyContent iframe {
  border-radius: 15px;
  box-shadow: 1px 5px 14px 9px rgb(0 0 0 / 10%);
}

/* .blogBodyContent table tr:first-child th {
    color: #fff;
    background: #0000FF;
} */
.blogBodyContent table+p,
.blogBodyContent .table-responsive+p {
  padding-top: 20px;
}

.blogBodyContent table th strong,
.blogBodyContent td strong {
  font-family: 'TT Commons';
  font-weight: 500;
}

.blogBodyContent .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.blogBodyContent .box {
  padding: 10px;
  border: 1px solid #000;
}

.blogBodyContent table th,
.blogBodyContent table td {
  padding: 15px;
  border: 1px solid #000;
  font-family: 'TT Commons';
  font-weight: 400;
  color: #1E2532;
  opacity: 0.98;
  font-size: 17px;
}

.samplePdf a,
.faqWraper a,
.blogBodyContent a {
  color: #0938C2;
  text-decoration: none;
  font-family: 'TT Tricks Regular', serif;
  ;
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  border-bottom: 1px solid #CFE2F5;
  opacity: unset;
}

.faqWraper a:hover,
.blogBodyContent a:hover {
  border-bottom: 1px solid #95B2D1;
}

.samplePdf h2,
.faqWraper h2,
.blogBodyContent h2 {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 122.5%;
  padding-top: 32px;
  padding-bottom: 16px;
  color: #1E2532;
  opacity: 0.98;

}

.samplePdf h4,
.samplePdf h3,
.faqWraper h4,
.faqWraper h3,
.blogBodyContent h4,
.blogBodyContent h3 {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 122.5%;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #1E2532;
  opacity: 0.98;
}

.blogBodyContent p strong {
  font-size: 22px;
  line-height: 28px;
  color: #1E2532;
  font-family: 'TT Commons';
  opacity: 0.98;
}

.box p strong {
  font-size: 22px;
  line-height: 28px;
  color: #1E2532;
  font-family: 'TT Commons';
  opacity: 0.98;
  font-weight: 500;
}

.blogBodyContent h4 {
  font-size: 22px;
}

.tipCard {
  background: #F7F9FC;
  border-radius: 6px;
  padding: 20px 22px;
  margin-bottom: 16px;
}

.tipHead {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E7EAF4;
}

.tipHead span {
  display: block;
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 134%;
  color: #656E83;
}

.tipBody {
  padding-top: 20px;
  margin-bottom: 16px;
}

.tipBody span {
  font-family: 'TT Tricks';
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 148.5%;
  color: #1E2532;
}

.tipBody p a span,
.tipBody p a {
  color: #2D96EE;
}

.blogBodyContent ul {
  padding-left: 40px;
}

.blogBodyContent p+.tipCard {
  margin-top: 16px;
}

.blogBodyContent ol li strong+p,
.blogBodyContent ul li strong+p {
  padding-top: 16px;
}

.blogBodyContent ul li .pdfsWrapper {
  padding-top: 16px;
}

.blogBodyContent ul li,
.blogBodyContent ul li span,
.faqWraper ul li,
.faqWraper ol li {
  font-family: 'TT Tricks Regular', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 28px;
  color: #1E2532;
  padding-top: 8px;
  opacity: 0.98
}

.faqWraper ol li+li,
.faqWraper ul li+li {
  padding-top: 8px;
}

.blogBodyContent ul li strong,
.faqWraper ul li strong,
.faqWraper ol li strong {
  font-family: 'TT Commons';
  font-style: normal;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: #1E2532;
  padding-top: 8px;
  opacity: 0.98
}

.blogBodyContent ol li::marker,
.blogBodyContent ul li::marker,
.faqWraper ul li::marker,
.faqWraper ol li::marker {
  color: #117BD4;
  font-size: 19px;
  font-weight: 700;
  font-family: 'TT Tricks Bold';
}

.add-Section {
  background-color: #FFE84D;
  margin-top: 16px;
  border-radius: 6px;
  padding: 25px 20px 40px;
  background-image: url(../cta-bg.html);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  margin-bottom: 32px;
}

.add-Data p {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 134%;
  color: #1E2532;
  padding-bottom: 25px;
}

.add-Cta {
  position: relative;
  max-width: 150px;
  width: 100%;
}

.add-Cta a {
  background-color: #2D96EE;
  display: flex;
  width: 100%;
  padding: 7px 0;
  align-items: center;
  color: #fff;
  text-align: center;
  text-decoration: none;
  justify-content: center;
  font-weight: 400;
  font-size: 13px;
  column-gap: 7px;
  line-height: 1;
  position: relative;
}

.add-Cta::before {
  display: block;
  position: absolute;
  bottom: -25px;
  font-weight: 400;
  font-size: 13px;
  line-height: 134%;
  left: 0;
  color: rgba(30, 37, 50, 0.44);
  right: 0;
  width: 100%;
  content: '* Terms Applied';
  text-align: center;
}

.blogBodyContent ol {
  padding-left: 40px;
}

.blogBodyContent ol li {
  padding-bottom: 8px;
  font-weight: 300;
  font-size: 19px;
  line-height: 28px;
  color: #1E2532;
  font-family: 'TT Tricks Regular', serif;
  opacity: 0.98;
}

.blogBodyContent ol li:last-child {
  padding-bottom: 16px;
}

.blogBodyContent ol li b,
.blogBodyContent ol li strong {
  font-weight: 500;
  font-size: 22px;
  line-height: 122.5%;
  color: #1E2532;
  font-family: 'TT Commons';
  opacity: 0.98;
}


.blogBodyContent .add-Section+h3,
.blogBodyContent .add-Section+h4 {
  padding-top: 0px;
}

.blogBodyContent a[href$=".pdf"] {
  padding: 10px 20px 10px 20px;
  border: 2px solid #e4e4e4;
  border-radius: 4px;
  background-color: #fff;
  transition: all ease .1s;
  width: 100%;
  margin-bottom: 0px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 143%;
  position: relative;
  color: #2D96EE !important;
  text-decoration: none;
  font-family: 'TT Commons';
  font-weight: 500;
}

.blogBodyContent .ctaPreview+.pdfsWrapper {
  margin-top: 16px;
}

.pdfsWrapper div.text-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blogBodyContent a[href$=".pdf"]:hover {
  border: 2px solid #367fd3;
}

.blogBodyContent a[href$=".pdf"]:hover:after,
.blogBodyContent a[href$=".pdf"]:after {
  content: '';
  background-image: url('../pdfdownloadicon.html');
  position: absolute;
  z-index: 111;
  width: 20px;
  height: 24px;
  background-size: contain;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: none
}

.blogBodyContent .samplePdf a[href$=".pdf"]:after,
.blogBodyContent .samplePdf a[href$=".pdf"]:hover:after {
  content: '';
  background-image: unset !important;
  display: none;
}

.pdfsWrapper {
  padding-bottom: 16px;
}

.pdfsWrapper .pdfBtn p,
.blogBodyContent .samplePdf .pdfBtn p {
  padding-bottom: 0px !important;

}

.pdfsWrapper .pdfBtn p {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  color: #595959;
  opacity: unset;
  line-height: 150%;
}

.blogBodyContent .samplePdf {
  padding-bottom: 30px;
  margin-top: 32px;
}

.blogBodyContent a[href$=".pdf"]:hover:after {
  content: '';
  background-image: url('../pdfdownloadiconhover.html');
}

/* PDF Section */
.samplePdf {
  margin-top: 29px;
  border-top: 1px solid #E8E9EC;
}

.samplePdf a p {
  color: #2D96EE;
  font-family: 'TT Tricks Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  padding-bottom: 0px;
}

.pdfBtn:hover svg path,
.pdfBtn:hover svg rect {
  fill: #367fd3 !important;
}

/* FAQ Section  */
.faqWraper {
  margin-top: 29px;
  border-top: 1px solid #E8E9EC;
}

.faqWraper h2,
.faqWraper h3 {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 122.5%;
  color: #1E2532;
  padding: 48px 0 22px;
  opacity: 0.98;
}

.faqWraper ul {
  padding-left: 20px;
}

.faqWraper ol li,
.faqWraper ul li,
.faqWraper a,
.faqWraper p {
  font-size: 17px;
  line-height: 30px;
}

.faqWraper h3 {
  font-size: 22px;
  padding: 3px 0 3px;
}

.answerInner {
  padding-right: 55px;
}

.faqWraper .accord-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 0 0 30px;
}

.accordd .card {
  border-bottom: 1px solid #E8E9EC;
  margin-bottom: 30px;
}

.accordd .card:last-child {
  border-bottom: unset;
  margin-bottom: 0px;
}

span.faq-icon {
  /* position: absolute; */
  right: 0;
  transform: rotate(180deg);
  top: 0;
}

.faqWraper h2 {

  padding: 48px 0 40px;
  opacity: 0.98;
}

.card.show span.faq-icon {
  transform: rotate(0deg);
  transition: 0.3s ease all;
}

.card .accord-card-head:hover span.faq-icon svg circle {
  stroke: #01305c;
  fill: #F6F6F6;
}

.card .accord-card-head:hover span.faq-icon svg path {
  fill: #01305c;
}

.card.show .accord-card-head:hover span.faq-icon svg circle {
  stroke: #117bd4;
  fill: #117bd4;
}

.card.show .accord-card-head span.faq-icon svg circle {
  stroke: #117bd4;
  fill: #117bd4;
}

.card.show .accord-card-head:hover span.faq-icon svg path,
.card.show span.faq-icon svg path {
  fill: #fff;
}

/* Writer Section */
.writerWrapper {
  margin-top: 15px;
  margin-bottom: 50px;
  border-top: 1px solid #E8E9EC;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 29px;
  -moz-column-gap: 29px;
  column-gap: 29px;
  padding-top: 29px;
}

.writerProfile {
  width: 87px;
  height: 87px;
  flex: 0 0 87px;
}

.writerProfile img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 100%;
}

.writerAbout .writtenBy {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.11em;
  color: #3d3d3d;
  padding-bottom: 8px;
}

.media-links ul {
  list-style: none;
  column-gap: 10px;
  margin-bottom: 3px;
}

.media-links ul li a {
  display: flex;
}

.writerAbout .writerbio {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 122.5%;
  color: #1E2532;
  padding-bottom: 0;
  opacity: 0.98;
}

.writerAboutLeft {
  width: 100%;
}

.writerAbout .writerAboutcontent {
  font-family: 'TT Tricks Regular';
  font-style: italic;
  font-weight: 400;
  font-size: 19px;
  line-height: 28px;
  color: #495163;
  opacity: 0.98;
  margin-top: 10px;
}

/* Blog Sidbar Widget */
.blogSideBar {
  max-width: 280px;
  width: 100%;
  flex: 1;
  position: sticky;
  top: 90px;
  align-self: flex-start;
  margin-bottom: 32px;
}

.relatedBlogsWidget {
  border: 1px solid #DADCE0;
  border-radius: 6px;
  padding: 20px 9px 20px 12px;
  max-width: 280px;
  width: 100%;
  margin-bottom: 32px;
}

.relatedBlogsWidget p {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 122.5%;
  color: #474D57;
  padding-bottom: 9px;
  border-bottom: 1px solid #E8E9EC;
  margin-bottom: 20px;
}

.relatedblogwrap {
  max-height: 350px;
  overflow-y: auto;
  padding-right: 3px;
}

.otherBlogsWrapper::-webkit-scrollbar,
.relatedblogwrap::-webkit-scrollbar,
.no-bulletItems::-webkit-scrollbar {
  width: 5px;
}

.otherBlogsWrapper::-webkit-scrollbar {
  height: 5px;
}

/* Track */
.otherBlogsWrapper::-webkit-scrollbar-track,
.relatedblogwrap::-webkit-scrollbar-track,
.no-bulletItems::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #cec8c8;
  border-radius: 10px;
}

/* Handle */
.otherBlogsWrapper::-webkit-scrollbar-thumb,
.relatedblogwrap::-webkit-scrollbar-thumb,
.no-bulletItems::-webkit-scrollbar-thumb {
  background: #1276CE;
  border-radius: 10px;
}

.relatedBlogsWidget ul {
  list-style: none;
  padding-left: 0px;
}

.relatedBlogsWidget ul li+li {
  padding-top: 16px;
}

.relatedBlogsWidget ul li a {
  font-family: 'TT Commons light';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #888F9F;
  display: flex;
  align-items: flex-start;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  text-decoration: none;
}

.relatedBlogsWidget ul li a span {
  padding-top: 3px;
}

.relatedBlogsWidget ul li.active a,
.relatedBlogsWidget ul li.active a svg path,
.relatedBlogsWidget ul li a:hover svg path,
.relatedBlogsWidget ul li a:hover {
  color: #2D96EE;
  fill: #2D96EE;
  text-decoration: underline;
}

.relatedBlogsWidget ul li.active a:hover,
.relatedBlogsWidget ul li.active a:hover svg path {
  text-decoration: underline;
}

.relatedBlogsWidget ul li.active a,
.relatedBlogsWidget ul li.active a svg path {
  pointer-events: none;
  text-decoration: none;
}

.relatedBlogsWidget ul li a svg path,
.relatedBlogsWidget ul li a {
  color: #656e83;
  fill: #656e83;
}

.ShareArticle p {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 122.5%;
  color: #3d3d3d;
  text-align: center;
  padding-bottom: 10px;
}

.ShareArticle ul {
  display: flex;
  align-items: center;
  list-style: none;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  justify-content: center;
}

.ShareArticle ul li a {
  border: 1px solid #DADFEB;
  max-width: 48px;
  min-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  border-radius: 50%;
  transition: all 0.4s ease-in;
}

.ShareArticle ul li a:hover {
  background: #eff2f9;
}

.d-none,
.toc_Close {
  display: none;
}


/* ReadingSection */


.keepReading {
  padding-top: 21px;
  width: 100%;
  padding-bottom: 50px;
}

.cate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 140px;
}

.otherBlogsWrapper {
  width: 100%;
  display: flex;
  column-gap: 20px;
  padding-bottom: 24px;
  white-space: nowrap;
  overflow-x: auto;
}

.otherBlogsWrapper .cardWrapper {
  display: block;
  background: #EFCFB6;
  border-radius: 7px;
  padding: 12px 16px;
  text-decoration: none;
  max-width: 23%;
  width: 100%;
}

.keepReading h2 {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 450;
  font-size: 32px;
  line-height: 122.5%;
  color: #1E2532;
  padding-bottom: 24px;
}

.blogCardHead {
  display: flex;
  align-items: center;
  column-gap: 6px;
  position: relative;
}

.blogCardHead span {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  color: rgba(15, 20, 30, 0.44);
}

.keepReading .blogCard {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blogCard p a {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 33px;
  color: #0F141E;
  padding-top: 8px;
  margin-bottom: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blogCard p a:hover {
  text-decoration: underline;
}

.browseBtn {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  color: #656E83;
  display: block;
  text-decoration: none;
}

.blogCard img {
  display: block;
  width: 100%;
  min-height: 282px;
  height: 100%;
  object-fit: cover;
}

.cardWrapper.light .blogCardHead span {
  color: rgba(255, 255, 255, .5);
}

.cardWrapper.light .blogCard p a {
  color: #fff;
}

/* CTA  */
.blogBodyContent .ctaPreview {
  max-width: 100%;
  width: 100%;
  background: #FFE84D;
  border-radius: 6px;
  padding: 40px 20px 35px;
  position: relative;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  justify-content: end;
}

.blogBodyContent .addText a::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100px;
  animation-name: cta-animation;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes cta-animation {

  0% {
    box-shadow: 0 0 0 0px #fff;
  }

  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}

.blogBodyContent .addText p {
  font-family: 'TT Commons';
  font-style: normal;
  font-weight: 500;
  max-width: 467px;
  font-size: 24px !important;
  line-height: 134% !important;
  color: #1E2532 !important;
  padding: 0 !important;
  padding-bottom: 25px !important;
}

.blogBodyContent .addText a span {
  display: flex;
}

.blogBodyContent .ctaPreview.light .addText p {
  color: #fff !important;
}

.blogBodyContent .ctaPreview.light .addText a::before {
  color: rgba(255, 255, 255, .5);
}

.blogBodyContent .addText a {
  display: flex;
  font-family: 'TT Commons';
  align-items: center;
  column-gap: 5px;
  max-width: 145px;
  width: 100%;
  background-color: #fff;
  color: #000;
  font-weight: 400;
  font-size: 17px;
  line-height: 16px;
  border-radius: 100px;
  padding: 7px 0;
  justify-content: center;
  position: relative;
  text-decoration: none;
  opacity: unset !important;
}

.blogBodyContent .addText a svg path {
  fill: #000 !important;
}

.blogBodyContent .addText {
  position: unset;
  top: 0;
  left: 0;
  background: unset;
  box-shadow: unset;
  max-width: 383px;
  flex: 0 0 383px;
}

/* .blogBodyContent .addText a::before{
  width:100%;
  font-family: 'TT Commons';
  position: absolute;
  content: '* Terms Applied';
  text-align: center;
  bottom:-25px;
  font-weight: 400;
  font-size: 13px;
  color: rgba(30, 37, 50, 0.44);
  line-height: 134%;
} */
.blogBodyContent .ctaPreview img {
  position: absolute;
  display: block;
  left: 40px;
  bottom: 0;
  margin: 0;
}

.addSection .addImage img {
  margin: 0;
}

.blogBodyContent .addImage {
  position: absolute;
  bottom: 0;
  left: 20px;
}

.blogBodyContent a.termsBtn::before {
  content: '' !important;
}

.blogBodyContent .addSection {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  padding: 20px;
  box-shadow: 0px 0px 11px 2px rgb(172 172 172 / 25%);
  border-radius: 4px;
  max-width: 692px;
  width: 100%;
  min-width: unset;
  margin: 100px 0 24px;
  transform: unset;


  max-height: unset;
  height: unset;
}

.blogBodyContent .addData {
  max-width: 284px;
  width: 100%;
  margin-left: auto;
}

.blogBodyContent .addCta {
  max-width: 126px;
  width: 100%;
}

.blogBodyContent .addCta a {
  display: block;
  width: 100%;
  padding: 9px 0px;
  background-color: #117BD4;
  border: 2px solid #FFFFFF;
  border-radius: 25.5px;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  font-family: 'TT Commons';
  font-weight: 600 !important;
  text-align: center;
  color: #FFFFFF;
  position: relative;
  opacity: 1;
}

.blogBodyContent .addData p {
  font-weight: 600;
  font-size: 17px;
  line-height: 28px;
  text-align: left;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-family: 'TT Commons';
  opacity: 1;
}

.blogBodyContent .addSection::before {
  position: absolute;
  content: 'Ad';
  left: 0;
  top: 0;
  background-color: #DEDEDE;
  border-radius: 4px 0px 0px 0px;
  padding: 0 5px;
  font-weight: 400;
  font-size: 13px;
}

/* updated CSs */
.tableofContents.sticked {
  position: fixed;
  max-width: 680px;
  width: 100%;
  position: fixed;
  top: 79px;
  z-index: 7;
  margin-top: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15), 0 8px 16px 0 rgba(0, 0, 0, .05);
  background-color: #fff;
  margin-top: 20px;
  padding: 10px 15px;
  cursor: pointer;
}

.toc-head span {
  padding-bottom: 0 !important;
}

.tocToggel.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 9px !important;
}

.no-bulletItems {
  width: 100%;
  max-height: 450px;
  overflow: auto;
}

.tableofContents.sticked ul.no-bulletItems {
  display: block !important;
  height: 0;
  overflow: hidden;
  padding: 0;
}

.tableofContents.sticked:hover ul.no-bulletItems {
  max-height: 350px;
  height: 100%;
  overflow: auto;
  transition: height .2s;
}

.tableofContents.sticked:hover .arrow-down {
  transform: rotate(180deg);
}

.tableofContents .arrow-down {
  display: block;
  transition: 0.3s ease all;
}

.tableofContents .arrow-down svg {
  display: block;
}

/* getHelpWrapper */
.getHelpWrapper {
  border-radius: 16px;
  background: linear-gradient(180deg, #117BD4 0%, #014074 100%);
  align-self: flex-start;
  flex: 1;
  width: 100%;
  position: sticky;
  top: 110px;
  box-shadow: 0px 0px 11px 2px #ACACAC40;
}

.getHelpWrapperInner {
  position: relative;
  padding: 30px 20px;
  z-index: 1;
}

.getHelpWrapper p {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-family: 'CircularStd';
}

.getHelpWrapper .helpTopHead {
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  line-height: 22px;
  text-align: center;
  font-family: 'CircularStd';
}

.getHelpWrapper img {
  display: block;
  max-width: 242px;
  margin: 26px auto 31px;
  width: 100%;
}

.getHelpWrapper span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  font-family: 'CircularStd';
  color: #fff;
  animation: blink 1s ease infinite;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

.getHelpWrapper a {
  display: block;
  max-width: max-content;
  margin: 21px auto 6px;
  width: 100%;
  padding: 9px 25px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 16.94px;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  color: #117BD4;
}

.getHelpWrapper a:hover {
  transform: scale(1.05);
}

.blogBodyContent .addSection.addSectionNew {
  padding: 17px 34px 14px 37px;
  background: #117BD4 !important;
  border-radius: 5px;
  margin: 0;
  display: block;
  box-shadow: none;
}

.blogBodyContent .addSection.addSectionNew::before {
  position: absolute;
  content: '';
  width: 211px;
  height: 100%;
  right: 0;
  left: unset;
  bottom: 0;
  background: url(../svg/ctaripple.svg);
  background-size: cover;
}

.blogBodyContent .addSection.addSectionNew .addData {
  margin-left: 0;
  max-width: 100%;
}

.blogBodyContent .addSection.addSectionNew p.cahngeText {
  font-size: 22px;
  line-height: 28.6px;
  text-align: left;
  max-width: 351px;
  color: #fff;
  font-weight: 400;
}

.blogBodyContent .addSection.addSectionNew p.cahngeText strong {
  font-size: 22px;
  line-height: 28.6px;
  text-align: left;
  color: #fff;
}

.blogBodyContent .addSection.addSectionNew .addCta {
  max-width: max-content;
  margin-top: 22px;
}

.blogBodyContent .addCta a.termsBtn2 {
  padding: 8px 20px;
  background: #FFFFFF;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20.32px;
  text-align: left;
  color: #117BD4;
}

.blogBodyContent .addSectionNew .addImage {
  display: block;
  top: 53%;
  transform: translateY(-50%);
  right: 34px;
  left: unset;
  bottom: unset;
}

.blogBodyContent .addSectionNew .addImage img {
  display: block;
  margin: 0;
}

/* getHelpWrapper */
@media(max-width:1400px) {
  .container {
    padding: 0 40px;
  }

  .blogBodyWrapper {
    column-gap: 46px;
  }

  .blogBodyContent .addImage img {
    width: 80%;
  }

  .blogBodyContent .addText {
    max-width: 370px;
    flex: 0 0 370px;
  }

  /* .blogHeadWrapper {
    padding-bottom: 13px;
} */
  .blogSideBar {
    max-width: 257px;
  }

  .blogBodyContent .addData {
    padding: 0 6px 0px 11px;
  }
}

@media(max-width:1200px) {
  .container {
    padding: 0 32px;
  }

  .otherBlogsWrapper {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
  }

  .blogBodyContent .addData p {
    font-size: 16px;
    line-height: 26px;
  }

  .blogBodyContent .addCta a {
    font-size: 17px;
    margin-left: auto;
    max-width: max-content;

  }

}


@media(max-width:1100px) {
  .add-Section {
    background-size: 35%;
  }

  .blogHead .blog-info {

    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;

  }
   .blogBodyWrapper {
      column-gap: 29px;
  }
  .tableofContents {
    max-width: 184px;
  }
  .blogBodyContentWraper {
    max-width: 564px;
  }
}

@media(max-width:991px) {
  .blogSideBar {
    max-width: 100%;
    order: 3;
  }

  .blogHeadWrapper {
    flex-direction: column-reverse;
  }

  .blogBodyContentWraper {
    max-width: 100%;
    width: 100%;
    position: relative;
  }

  .blogBodyContent .addSection {
    max-width: 670px;
    width: 100%;
    margin: 22px auto 24px;
  }

  .writerInfo {
    justify-content: center;
  }

  .innerHead h1 {
    font-size: 44px;
    text-align: center;
  }

  .readTime {
    justify-content: center;
  }

  .blogBodyWrapper {
    flex-direction: column;
    padding-top: 0;
  }

  .tableofContents {
    max-width: 100%;
    padding-top: 18px;
    top: 0px;
    z-index: 1;
    background-color: #fff;
    transition: all ease .2s;
  }

  .progress_toc {

    max-width: 100%;

  }

  .d-none {
    display: block;
  }

  .flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .tocHeading-mob-none {
    display: none;

  }

  /* .tocToggel,
.toc_Close{
   position: absolute;
    width: 100%;
    flex: 1;
    max-width: 100%;
    z-index: 11;
} */
  .no-bulletItems li span {
    color: #373737;
    padding: 8px 19px;
    border-radius: 0px;
  }

  .toc-head {
    display: flex;
    align-items: center;
    column-gap: 17px;
  }

  .toc-head::before {
    display: none;
  }

  .toc-head.show .toc_Close {
    display: block;
  }

  .toc-head.show .tocToggel {
    display: flex;
  }

  .toc-head.show .arrow-down {
    transform: rotateX(180deg);
  }

  .no-bulletItems {
    border-bottom: 1px solid #E8E9EC;
    box-shadow: none;
  }

  .no-bulletItems li {
    padding-top: 0;
  }

  .blogBodyContent {
    max-width: 100%;
    padding-top: 80px
  }

  .blogBodyContent>p:first-child {
    font-size: 22px;
  }

  .blogBodyContent em,
  .samplePdf p,
  .faqWraper p,
  .blogBodyContent p,
  .blogBodyContent p span {
    font-size: 17px;
  }


  .blogBodyContent h2 {
    font-size: 26px;
  }

  .tipBody span {
    font-size: 17px;
  }

  .blogBodyContent ul li {
    font-size: 17px;
  }

  .add-Cta::before {
    text-align: left;
  }

  .relatedBlogsWidget {
    display: none;
  }

  .add-Section {
    background-size: unset;
  }

  .otherBlogsWrapper .cardWrapper {
    max-width: 45%;
  }

  .tableofContents p.toc-head {
    font-family: 'TT Commons';
    font-size: 19px;
    font-weight: 400;
    color: #656E83 !important;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
  }

  .tableofContents {
    margin-bottom: 0px;
    position: absolute;
  }

  .blogBodyContent>p:first-child,
  .blogBodyContent>p:first-child strong,
  .blogBodyContent>p:first-child a,
  .blogBodyContent>p:first-child span,
  .blogBodyContent>h2:first-child,
  .blogBodyContent>h3:first-child {
    font-size: 22px;
    padding-bottom: 32px;
    line-height: 28px;
    opacity: .77;
  }

  .blogBodyContent>p:first-child a {
    padding-bottom: 2px;
  }

  .breadcrum span {
    padding: 0px 6px;
  }

  .samplePdf h4,
  .samplePdf h3,
  .faqWraper h4,
  .faqWraper h3,
  .blogBodyContent h4,
  .blogBodyContent h3 {

    font-size: 22px;
    padding-bottom: 8px;

  }

  .blogBodyContent ol li {
    padding-bottom: 8px;
    font-weight: 400;
    font-size: 17px;
  }

  .samplePdf h2,
  .faqWraper h2,
  .blogBodyContent h2 {
    padding-bottom: 12px;
    font-size: 26px;
  }

  .samplePdf a p {
    color: #2D96EE;
    font-family: 'TT Commons';
    line-height: 143.5%;
    font-weight: 500;
    font-size: 14px;
  }

  .writerAbout .writtenBy {
    padding-bottom: 10px;
  }

  .samplePdf a,
  .faqWraper a,
  .blogBodyContent a {

    font-size: 17px;

  }

  .writerAbout .writerAboutcontent {
    font-size: 18px;
  }

  .pdfsWrapper .pdfBtn p {
    font-size: 14px;
  }

  .no-bulletItems {
    width: 100%;
    padding-left: 0 !important;
  }

  .tableofContents.sticked ul.no-bulletItems {
    height: auto;
    overflow: unset;
  }

  .tableofContents.sticked:hover ul.no-bulletItems {
    height: auto;
    overflow: unset;
    transition: none;
  }

  .tocHeading,
  .arrow-down,
  .tocToggel {
    padding-bottom: 0 !important;
  }

  /* header.mpw-navbar.fixed-header {
    position: sticky;
} */
  .tableofContents.stiicked {
    position: fixed;
    top: 99px !important;
    z-index: 20;
    width: 100%;
    left: 0;
    max-width: calc(100% - 30px);
    width: 100%;
    margin: 0 auto;
    transform: translateX(15px);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15), 0 8px 16px 0 rgba(0, 0, 0, .05);
    padding: 10px;
  }
}

@media(max-width:767px) {
  .container {
    padding: 0 20px;
    max-width: 570px;
    margin: 0 auto;
  }

  .blogHeadWrapper {
    padding-bottom: 24px;
  }

  .breadcrum {
    padding-bottom: 0;
    padding-top: 15px;
  }

  .blogHead .blog-info {
    flex-direction: column;
    padding-bottom: 0;
  }

  .blogHead .blog-info .blog-info-item,
  .blogHead .blog-info .readTime {
    padding-bottom: 10px;
  }

  .readTime p,
  .blogHead .blog-info-item p {
    font-size: 15px;
  }

  .readTime {

    column-gap: 5px;

  }

  .blog-info svg {
    width: 21px;
    height: 21px;
  }

  .blogHead .blog-info .writerInfo {
    margin: 10px 0 35px !important;
  }

  .blogBodyContent .addSection {
    padding: 15px;
  }

  .blogBodyContent .addData {
    max-width: 227px;
  }

  .blogBodyContent .addData p {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .5px;
  }

  .blogBodyContent .addCta {
    max-width: 107px;
  }

  .blogBodyContent .addCta a {
    font-size: 16px;
    margin-left: auto;
    padding: 6px 0;
  }

  .blogBodyContent .addImage {
    left: 12px;
  }

  .blogBodyContent .ctaPreview img {
    left: 30px;
    max-width: 150px;
  }

  .blogBodyContent .ctaPreview {
    padding: 25px 20px 22px;
  }

  .blogBodyContent .addText p {
    font-size: 19px;
  }

  .blogBodyContent .addText {
    max-width: 270px;
    flex: 0 0 270px;
  }

  .writerAbout .writerbio {
    font-size: 22px;
  }
}

.write-desk {
  display: block;
}

.write-mob {
  display: none;
}

.table-container {
  max-width: 100%;
  overflow-x: auto;
}

@media(max-width:575px) {
  .getHelpWrapper img {
    display: none;
  }

  .blogBodyContent li,
  .blogBodyContent p {
    word-break: break-word;
  }

  .table-container {
    max-width: 100%;
    overflow-x: scroll;
  }

  .getHelpWrapper {
    max-width: 80%;
    width: 100%;
    margin: 40px auto;
    position: static;
  }

  .blogBodyContent img {
    width: 100%;
    margin: 16px 0;
  }

  .blogBodyContent iframe {

    width: 95% !important;
  }

  .blogBodyContent .addText a {

    font-size: 14px;

  }

  /* .BreadcrumbList>p:last-child{
  text-overflow: ellipsis;
  overflow: hidden;
} */
  .breadcrum {

    overflow: scroll;
  }

  .blogBodyContent .addImage img {
    max-width: 100%;
    width: 66%;
    height: unset;
  }

  .blogBodyContent .addSection {
    margin: 22px auto 5px;
  }

  .blogBodyContent .addData p {
    font-size: 15px;
  }

  .blogBodyContent>p:first-child a {
    padding-bottom: 2px;
  }

  .write-desk {
    display: none;
  }

  .write-mob {
    display: block;
  }

  .d-col {
    flex-direction: column;
  }

  .faqWraper {
    margin-top: 15px;

  }

  .innerHead h1 {
    max-width: 90%;
    margin: 0 auto;
  }

  .faqWraper h2,
  .faqWraper h3 {
    padding: 15px 0 20px;
  }

  .breadcrum p,
  .breadcrum a {

    font-size: 14px;

  }

  .blogBodyContent ol,
  .blogBodyContent ul,
  .faqWraper ol,
  .faqWraper ul {
    padding-left: 32px
  }

  .blogBodyContent ul li,
  .blogBodyContent ul li span,
  .faqWraper ul li,
  .faqWraper ol li {
    line-height: 24px;
  }

  .blogBodyContent ol li::marker,
  .blogBodyContent ul li::marker,
  .faqWraper ul li::marker,
  .faqWraper ol li::marker {
    font-size: 17px;
  }

  .writerProfile {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
  }

  .add-Cta a {
    font-size: 13px !important
  }

  .writerInfo {
    display: flex !important;
  }

  .blogImage img {
    display: block !important;
    max-height: 437px;
    height: 100%;
    padding-top: 40px;
  }

  .blogCard img {
    min-height: 157px;
  }

  .writerProfile img {
    height: 100%
  }

  .writerWrapper {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-bottom: 3px;
    padding-top: 20px;
  }

  .writerAbout .writerbio {
    font-size: 19px;
    line-height: 24px;
  }

  .writerAbout .writtenBy {
    padding-bottom: 3px;
  }


  .ShareArticle {
    padding-top: 20px;
    padding-bottom: 36px;
  }

  .blogSideBar {
    max-width: 100%;
    order: 3;
  }

  .blogBodyContent ul li strong,
  .faqWraper ul li strong,
  .faqWraper ol li strong {
    font-size: 19px;
    line-height: 24px;
  }

  .innerHead h1 {
    font-size: 32px;
    text-align: center;
  }

  .tipCard {
    padding: 16px 14px;
  }

  .tipHead {
    padding-bottom: 16px;
  }

  .tipBody span {
    font-size: 16px;
  }

  .tipBody {

    margin-bottom: 0px;
  }

  .add-Section {
    background-image: url(../cta-mob-bg.html);
  }

  .blogCard p a {
    font-size: 16px;
    line-height: 19px;
  }

  .blogCardHead span {
    font-size: 14px;
    line-height: 16px;
  }

  .otherBlogsWrapper {
    column-gap: 18px;
    white-space: unset;
    overflow-x: unset;
  }

  .otherBlogsWrapper .cardWrapper {
    max-width: 47%;
  }

  .blogCardHead span:nth-child(2) {
    display: none;
  }

  .blogBodyWrapper .tableofContents .toc-head .tocHeading {

    font-size: 19px !important;
    line-height: 24px !important;
    color: #3d3d3d !important;
    opacity: 0.9;
    position: relative;

  }

  /* CTA Card Responsive*/
  .blogBodyContent .ctaPreview {
    max-width: 100%;
    padding: 26px 14px 15px;
    justify-content: unset;
    padding-left: 42%;
  }

  .blogBodyContent .addText p {
    font-size: 17px;
    padding-bottom: 8px;
    max-width: 250px;
    text-align: center;
  }

  .blogBodyContent .addText a::before {
    text-align: left;
  }

  .blogBodyContent .addText a {
    max-width: 143px;
    align-items: center;
    margin: 0 auto;
  }

  .blogBodyContent .addText a span {
    display: flex;
  }

  .blogBodyContent .ctaPreview img {
    max-width: 126px;
    left: 8px;
  }

  .blogBodyContent .addText {
    max-width: unset;
    flex: unset;
  }

  .blogBodyContent .addImage {
    left: 23px;
  }

  .blogBodyContent .addCta {
    position: absolute;
    bottom: -26px;
    right: 82px;
  }

  .faqWraper h3 {
    font-size: 19px;
    padding-right: 12px;
    padding-bottom: 10px;
  }

  .accordd .card {
    border-bottom: 1px solid #E8E9EC;
    margin-bottom: 15px;
  }

  .faqWraper ol li,
  .faqWraper ul li,
  .faqWraper a,
  .faqWraper p {
    font-size: 16px;
    line-height: 27px;
  }

  .faqWraper .accord-card-head {
    padding: 0 0 12px;
  }

  .answerInner {
    padding-right: 20px;
  }

  .faq-icon svg {
    width: 30px;
    height: 30px;
  }

  .writerWrapper {
    margin-top: 5px;
  }

  .writerAbout {
    width: 100%;
  }

  .media-links ul {
    column-gap: 6px;
  }

  .writerAboutLeft {
    width: 100%;
  }

  .media-links.write-mob ul {
    justify-content: flex-start;
  }
}

@media(max-width:475px) {
  .blogBodyContent .addSection {
    max-width: 299px;
    margin: 10px auto 5px;
    padding: 11px 11px 22px;
  }

  .blogBodyContent .addImage img {
    max-width: 112px;
    width: 100%;
  }

  .blogBodyContent .addImage {
    left: 14px;
  }

  .blogBodyContent .addData p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }

  .blogBodyContent .addData {
    max-width: 162px;
  }

  .blogBodyContent .addCta {
    bottom: -26px;
    right: 47px;
  }

  .blogBodyContent .addCta a {
    font-size: 14px;
    margin-left: auto;
    padding: 1.5px 0;
  }

  .blogBodyContent .addCta {
    max-width: 89px;
    position: absolute;
    bottom: -20px;
    right: 39px;
  }

  .blogBodyContent .addSection::before {
    font-size: 11px;
  }

  .blogBodyContent .addSection.addSectionNew {
    display: flex;
    flex-direction: column;
    padding: 17px 15px 14px;
    max-width: 100%;
  }

  .blogBodyContent .addSection.addSectionNew::before {
    background: none;
  }

  .blogBodyContent .addSectionNew .addImage {
    display: inline-block;
    top: unset;
    transform: none;
    right: unset;
    order: 1;
    text-align: center;
    position: relative;
  }

  .blogBodyContent .addSectionNew .addImage img {
    margin: auto;
    max-width: unset;
  }

  .blogBodyContent .addData {
    order: 0;
  }

  .blogBodyContent .addSection.addSectionNew p.cahngeText {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
  }

  .blogBodyContent .addSection.addSectionNew .addCta {
    margin: 0 auto 20px;
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
  }

  .blogBodyContent .addSection.addSectionNew .addCta a {
    max-width: max-content;
  }

}

@media(max-width:430px) {
  .blogBodyContent .ctaPreview {
    padding: 12px 14px 15px;
    padding-left: 43%;
  }
}