/* Blog Css */

:root {
    --right-arrow: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cpath d='M9.3574 8.11393C9.35829 8.26779 9.3288 8.42031 9.27062 8.56275C9.21244 8.70518 9.12672 8.83474 9.01837 8.94398L2.00391 15.9584C1.78377 16.1786 1.48519 16.3023 1.17386 16.3023C0.862534 16.3023 0.563958 16.1786 0.343817 15.9584C0.123675 15.7383 6.7489e-07 15.4397 6.61282e-07 15.1284C6.47673e-07 14.8171 0.123675 14.5185 0.343817 14.2984L6.53993 8.11393L0.355507 1.92951C0.163981 1.70587 0.0639007 1.41819 0.0752654 1.12396C0.0866302 0.829728 0.208603 0.550622 0.41681 0.342416C0.625016 0.134209 0.90412 0.0122379 1.19835 0.000873922C1.49258 -0.0104901 1.78026 0.0895885 2.00391 0.281113L9.01837 7.29558C9.23435 7.51333 9.35611 7.80724 9.3574 8.11393Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
    --left-arrow: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cpath d='M2.03818e-05 8.18832C-0.00086939 8.03447 0.0286201 7.88195 0.086799 7.73951C0.144978 7.59707 0.2307 7.46752 0.339052 7.35828L7.35352 0.343816C7.57366 0.123675 7.87223 3.44106e-07 8.18356 3.57715e-07C8.49489 3.71323e-07 8.79347 0.123675 9.01361 0.343816C9.23375 0.563958 9.35742 0.862534 9.35742 1.17386C9.35742 1.48519 9.23375 1.78376 9.01361 2.00391L2.8175 8.18833L9.00191 14.3727C9.19344 14.5964 9.29352 14.8841 9.28216 15.1783C9.27079 15.4725 9.14882 15.7516 8.94061 15.9598C8.73241 16.168 8.4533 16.29 8.15907 16.3014C7.86484 16.3127 7.57716 16.2127 7.35352 16.0211L0.339052 9.00668C0.123072 8.78893 0.00131164 8.49502 2.03818e-05 8.18832Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");;
    --f-icon: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0625 9.375H0V6.3125H2.0625V5C2.0625 1.59375 3.59375 0 6.9375 0C7.5625 0 8.65625 0.125 9.09375 0.25V3.03125C8.875 3 8.46875 3 7.9375 3C6.3125 3 5.6875 3.625 5.6875 5.21875V6.3125H8.9375L8.375 9.375H5.6875V16H2.0625V9.375Z' fill='%236B7280'/%3E%3C/svg%3E%0A");
    --X-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.31742 6.77491L15.1457 0H13.7646L8.70389 5.88256L4.66193 0H0L6.11224 8.89547L0 16H1.38119L6.72542 9.78782L10.994 16H15.656L9.31708 6.77491H9.31742ZM7.42569 8.97384L6.80639 8.08805L1.87886 1.03974H4.00029L7.97687 6.72795L8.59617 7.61374L13.7652 15.0075H11.6438L7.42569 8.97418V8.97384Z' fill='%236B7280'/%3E%3C/svg%3E%0A");
    --linkdin-icon: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.125 14.0625H0.21875V4.71875H3.125V14.0625ZM1.65625 3.46875C0.75 3.46875 0 2.6875 0 1.75C0 1.15625 0.3125 0.59375 0.8125 0.3125C1.34375 0 2 0 2.5 0.3125C3.03125 0.59375 3.34375 1.15625 3.34375 1.75C3.34375 2.6875 2.59375 3.46875 1.65625 3.46875ZM13.9688 14.0625H11.0938V9.53125C11.0938 8.4375 11.0625 7.0625 9.5625 7.0625C8.0625 7.0625 7.84375 8.21875 7.84375 9.4375V14.0625H4.9375V4.71875H7.71875V6H7.75C8.15625 5.28125 9.09375 4.5 10.5 4.5C13.4375 4.5 14 6.4375 14 8.9375V14.0625H13.9688Z' fill='%236B7280'/%3E%3C/svg%3E%0A");
    --copy-icon: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8.15625L14.5 11.6562C12.75 13.4375 9.875 13.4375 8.125 11.6562C6.5625 10.0938 6.34375 7.65625 7.625 5.84375L7.65625 5.8125C8 5.34375 8.625 5.25 9.0625 5.5625C9.5 5.875 9.625 6.5 9.28125 6.96875L9.25 7C8.53125 8 8.65625 9.375 9.53125 10.25C10.5 11.25 12.0938 11.25 13.0938 10.25L16.5938 6.75C17.5938 5.75 17.5938 4.15625 16.5938 3.1875C15.7188 2.3125 14.3438 2.1875 13.3438 2.90625L13.3125 2.9375C12.8438 3.28125 12.2188 3.15625 11.9062 2.71875C11.5938 2.28125 11.6875 1.65625 12.125 1.3125L12.1875 1.28125C14 0 16.4375 0.21875 18 1.78125C19.7812 3.53125 19.7812 6.40625 18 8.15625ZM1.78125 7.4375L5.28125 3.90625C7.0625 2.15625 9.90625 2.15625 11.6875 3.90625C13.25 5.46875 13.4375 7.9375 12.1562 9.75L12.125 9.78125C11.8125 10.25 11.1562 10.3438 10.7188 10.0312C10.2812 9.71875 10.1562 9.09375 10.5 8.625L10.5312 8.59375C11.25 7.5625 11.125 6.21875 10.25 5.34375C9.28125 4.34375 7.6875 4.34375 6.6875 5.34375L3.1875 8.84375C2.21875 9.8125 2.21875 11.4062 3.1875 12.4062C4.0625 13.2812 5.4375 13.4062 6.4375 12.6875L6.46875 12.6562C6.9375 12.3125 7.5625 12.4375 7.875 12.875C8.1875 13.3125 8.09375 13.9375 7.65625 14.2812L7.59375 14.3125C5.8125 15.5938 3.34375 15.375 1.78125 13.8125C0 12.0625 0 9.1875 1.78125 7.4375Z' fill='%236B7280'/%3E%3C/svg%3E%0A");
}
.banner-section{padding:170px 0 169px;position:relative;}
.banner-section:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(19,17,53,1);opacity:70%;}
.banner-section>div.banner-image img{width:100%;position:absolute;top:0px;left:0px;height:100%;object-fit:cover;}
.banner-title{position:relative;z-index:1;}
.banner-title h1{margin-bottom:0;text-align:center;color:var(--WhiteColor);}

.blog-wrap{display:flex;margin:0 -15px 0;flex-wrap:wrap;row-gap:40px;}
.blog-wrap .latest-post{padding:0 15px;width:33.33%;}
.blog-wrap .blog-col{background:#fff;box-shadow:0px 4px 26px -1px rgba(0,0,0,0.08);border-radius:12px;overflow:hidden;height:100%;}
.blog-wrap .post-image a{height:200px;display:block;transition:0.5s;position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#80808038;aspect-ratio:4 / 2;}
.post-image a::before{background:#27aae185;bottom:0;content:'';left:50%;position:absolute;right:51%;top:0;opacity:1;pointer-events:none;transition:all 500ms linear;z-index:9999;}
.blog-col:hover a::before{left:10%;right:10%;opacity:0;transition:all 500ms linear;}


.blog-wrap .post-image img.placeholder-image{object-fit:contain;max-width:200px;height:auto;}
.blog-wrap .post-image img{width:100%;height:100%;object-fit:cover; object-position: 100% 10%}
.post-description{padding:20px 24px 22.76px 24px;}
p.post-meta{margin-bottom:9px;}
.post-description .blog-heading{letter-spacing:0.15px;margin-bottom:12px;}
.post-description .blog-heading a{color:rgba(40,37,96,1);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;line-height:28px;transition:all 0.5s ease;}
.post-description .blog-heading a:hover{color:var(--PrimaryColor);}
p.post-meta span{color:rgba(39,170,225,1);font-weight:600;font-family:Inter;font-size:14px;line-height:21.76px;}
.post-excerpt p{color:rgba(71,85,105,1);font-size:16px;line-height:24.32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
a.read-article{color:rgba(40,37,96,1);font-weight:600;font-size:15.2px;line-height:24.32px;display:flex;align-items:center;gap:10px;width:fit-content;transition:all 0.5s ease;margin-top:21px;}
a.read-article:hover{color:var(--PrimaryColor);}
a.read-article:hover svg path{transition:all 0.5s ease;}
a.read-article:hover svg path{fill:var(--PrimaryColor);}

.pagination{margin-top:0;display:flex;justify-content:center;align-items:center;column-gap:10px;flex-wrap:wrap;row-gap:10px;width:100%;}
.pagination:empty { display: none;}
.pagination .page-numbers.current{background:rgba(39,170,225,1);color:#fff;}
.pagination .page-numbers:hover {background: rgba(39, 170, 225, 1);color: #fff; }
.pagination .page-numbers{color:rgba(0,0,0,1);font-size:16px;line-height:25.6px;transition:all 0.5s ease;text-transform:uppercase;font-weight:600;background:rgba(39,170,225,0.2);padding:0;border-radius:8px;min-width:32px;height:40px;display:flex;align-items:center;justify-content:center;}
a.prev.page-numbers,
a.next.page-numbers{background:#fff;overflow:hidden;position:relative;z-index:1;text-transform:uppercase;font-size:0;line-height:0!important;border:0!important;outline:0!important;text-shadow:none;display:inline-block;transition:all .6s ease;padding:0!important;width:16.3px;min-width:unset; height: 20px;}
a.prev.page-numbers:hover:before,
a.next.page-numbers:hover:before{opacity:1;}
a.prev.page-numbers::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:9.36px;height:16.3px;background-color:#000;-webkit-mask-image:var(--left-arrow);mask-image:var(--left-arrow);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;transition:all .6s ease;opacity:0.2;}
a.next.page-numbers::before{content:"";position:absolute;left:auto;right:0;top:50%;transform:translateY(-50%);width:9.36px;height:16.3px;background-color:#000;-webkit-mask-image:var(--right-arrow);mask-image:var(--right-arrow);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;transition:all .6s ease;opacity:0.2;}
a.prev.page-numbers:hover,
a.next.page-numbers:hover {background: transparent;}

.pagination span.page-numbers.dots {pointer-events: none;}



/* Blog Details page css */
.blog-banner.single-blog-banner{padding:162px 0 259px;}
.single-blog-banner .banner-title span{width:fit-content;margin:0 auto 27px auto;display:block;color:#fff;font-weight:600;font-size:16px;line-height:20px;text-align:center;padding:5px 20.78px;background:rgba(39,170,225,1);border-radius:50px;box-shadow:0px 4px 14px 0px rgba(39,170,225,0.4);}
.single-blog-banner .banner-title{max-width:940px;margin:0 auto;}
.single-post-content{background:rgba(248,250,252,1);padding-bottom:70px;}
.single-post-content .single-post-container{max-width:900px;margin:0 auto;background:rgba(255,255,255,1);box-shadow:0px 10px 40px 0px rgba(0,0,0,0.05);padding:60px 80px 60px 80px;position:relative;margin-top:-99px;z-index:1;border-radius:12px;}

/* Typograpy start  */
.single-post .blog-title {font-weight: 700;}
body .typography p{margin-bottom:24px;line-height:32.4px;color:rgba(71,85,105,1);
  /* letter-spacing:.16px; */
}
body .typography p img{border-radius:10px; display: block; margin-bottom: 15px;}
body .typography p img:last-child {margin-bottom: 0;}
body .typography p:has(img){padding-top:7px;}

.typography blockquote{margin:38px 0 40px;background-color:rgba(248,250,252,1);padding:23px 25px 26px 30px;border-left:4px solid rgba(39,170,225,1); border-radius: 0 8px 8px 0px ;}
.typography blockquote p{font-style:Italic;font-size:20px;line-height:36px; color: rgba(40, 37, 96, 1);}


.typography a {
  font-weight: 600;
  color: #27AAE1;
}
.typography p em {
    font-style: italic;
} 

.typography a:hover {
  color: var(--SecondryColor);
}

.typography h2 {
    font-size: 32px;
    line-height: 51.2px;
    padding: 21px 0px 21px;
}

.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0px;
  margin-top: -5px;
  margin-bottom: 0 !important;
  letter-spacing: 0px;
  color: rgba(40, 37, 96, 1);
      font-weight: 700;
}

.typography h3 {
    font-size: 24px;
    line-height: 38.4px;
    padding: 21px 0px 18px;
}

.typography h4 {
    font-size: 22px;
    line-height: 32px;
    padding: 21px 0px 16px;
}

.typography h5 {
  font-size: 20px;
  line-height: 30px;
    padding: 21px 0px 14px;

}

.typography h6 {
  font-size: 18px;
  line-height: 28px;
    padding: 21px 0px 12px;

}

.typography ul,
.typography ol {
  padding: 0px;
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}
.typography ul {
  margin-top: -2px;

}

.typography ol {
    counter-reset: custom-counter;
    list-style: none;
    margin-top: -3px;
}

body .typography ol li {
     counter-increment: custom-counter;
    padding-left: 38px;
}

.typography ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(39, 170, 225, 1);
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    background: #27aae1;
}

.typography ol li:last-child {
  margin-bottom: 0px;
}
.typography ol li,
.typography ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 9px;
    line-height: 32.4px;
    color: rgba(71, 85, 105, 1);
    font-size: 18px;
}

.typography ul li:last-child {
  margin-bottom: 0;
}

.typography ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: rgba(39, 170, 225, 1);
  border-radius: 50%;
}

.typography ul li strong {
  font-weight: 600;
  color: var(--black);
}

.typography ul ul,
.typography ol ol,
.typography ul ol,
.typography ol ul {
  padding-bottom: 0px;
  padding-top: 9px;
  margin-bottom: 0;
}

.typography>ol,
.typography>ol ol,
.typography>ul ol {
  counter-reset: custom-counter;
}

.typography>ol>li,
.typography>ol ol>li,
.typography>ul ol>li {
  padding-left: 35px;
  counter-increment: custom-counter;
  position: relative;
}

.typography>ol>li::before,
.typography>ol ol>li::before,
.typography>ul ol>li::before {
  content: counter(custom-counter);
  position: absolute;
  left: 0;
  top: 3px;
  height: 23px;
  width: 23px;
  background: var(--gold);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  border-radius: 50px;
}

.typography h1+ul,
.typography h2+ul,
.typography h3+ul,
.typography h4+ul,
.typography h5+ul,
.typography h6+ul,
.typography h1+ol,
.typography h2+ol,
.typography h3+ol,
.typography h4+ol,
.typography h5+ol,
.typography h6+ol {
  margin-top: 0;
}

.typography ul+h2,
.typography ul+h3,
.typography ul+h4,
.typography ul+h5,
.typography ul+h6,
.typography ol+h2,
.typography ol+h3,
.typography ol+h4,
.typography ol+h5,
.typography ol+h6 {
  padding-top: 0;
}

.typography iframe {
  display: block;
  width: 100%;
  height: 450px;
  margin: 0 0px 30px;
  border-radius: 10px;
}

.typography .wp-video {
  margin: 0 0px 30px;
}

.typography .wp-video,
.typography .wp-video .mejs-video {
  width: 100% !important;
  height: 450px !important;
      border-radius: 10px;
    overflow: hidden;
}

.typography .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px 30px;
  row-gap: 20px;
}

.typography .gallery .gallery-item {
  margin-top: 0;
  float: none;
  width: calc(100% / 3);
  height: 220px;
  display: block;
  overflow: hidden;
  padding: 0 10px;
  margin: 0;
}

.typography .gallery .gallery-item .gallery-icon,
.typography .gallery .gallery-item .gallery-icon a {
  width: 100%;
  height: 100%;

}

.typography .gallery .gallery-item .gallery-icon a {
  border-radius: 8px;
}

.typography .gallery .gallery-item .gallery-icon a {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.typography .gallery .gallery-item img {
  border: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.typography .gallery .gallery-item .gallery-icon a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: none;
  opacity: 0;
  transition: all ease-in-out .3s;
  background-image: url("../../../../wp-content/uploads/2026/09/icon.svg");
  z-index: 2;
}

.typography .gallery .gallery-item .gallery-icon a:hover::before {
  animation: 1.5s ease-in-out infinite pulse;
  transition: all ease-in-out .3s;
}

.table-responsive {
  margin: 0 0px 30px;
  overflow-x: auto;
}

.table-responsive table {
  margin-bottom: 0;
  min-width: 600px;
  width: 100%;
      border-collapse: collapse;
}

.typography table th, .typography table td {
    font-size: 18px;
}
.typography table th {
    text-align: left;
    background: var(--SecondryColor);
    color: #fff;
}
table td, table th {
    border: 1px solid hsla(0, 0%, 50%, .502);
    line-height: 1.5;
    padding: 15px;
    vertical-align: top;
}

.table-responsive table tbody>tr:nth-child(odd)>td,
.table-responsive table tbody>tr:nth-child(odd)>th {
  background: rgba(248,250,252,1);
}

.table-responsive table tbody tr:hover>td,
.table-responsive table tbody tr:hover>th {
}

.table-responsive table tbody tr td {
  /* text-align: center; */
}
.table-responsive table td {color: rgba(71,85,105,1);}
.table-responsive table th {
  /* font-size: 18px; */
  /* line-height: 28px; */
}


@keyframes pulse {

  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .9;
  }

  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .9;
  }
}

.typography .gallery .gallery-item .gallery-icon a::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all .5s linear;
  z-index: 9999;
  z-index: 1;
}

.typography .gallery .gallery-item .gallery-icon a:hover::after {
  opacity: 1;
  transition: all .5s linear;
}


.typography p:last-child {
  margin-bottom: 0 !important;
}

.typography strong {
  color: var(--black);
  font-weight: 600;
}

.typography-section .typography p:first-child {
  margin-bottom: 10px;
}

.details-post-content .typography p:empty {
  display: none;
}

.typography>ol:last-child,
.typography>ol ol:last-child,
.typography>ul ol:last-child {
  padding-bottom: 0;
}
/* Social share css */
.add_to_any_box {
    padding-top: 33px;
    margin-top: 59px;
    border-top: 1px solid rgba(229, 231, 235, 1);
}

.add_to_any_box .addtoany_shortcode .addtoany_list {
    position: relative;
}

.add_to_any_box .addtoany_shortcode .addtoany_list::before {
      content: 'Share This Post:';
    padding-right: 15px;
    text-align: end;
    top: -1px;
    position: relative;
    font-weight: 700;
    font-size: 15.2px;
    line-height: 24.32px;
    color: rgba(40, 37, 96, 1);

}

.add_to_any_box .addtoany_shortcode .addtoany_list a {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-right: 16px;
    top: -3px;
}

.add_to_any_box .addtoany_shortcode .addtoany_list a:last-child {
    margin-right: 0;
}
.add_to_any_box .addtoany_shortcode .addtoany_list span {
    display: none;
}
.add_to_any_box .addtoany_shortcode .addtoany_list a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid rgba(229, 231, 235, 1);
    mask-size: contain;
    border-radius: 50px;
    transition: all 0.5s ease;
}

.add_to_any_box .addtoany_shortcode .addtoany_list a::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: all 0.5s ease;
    background-color: rgba(107, 114, 128, 1);
    
}

.addtoany_list a.a2a_button_facebook::after {
    mask-image: var(--f-icon);
    -webkit-mask-image: var(--f-icon);
    width: 10px;
    height: 16px;
    opacity: 1;
    /* top: 12px; */
}


.addtoany_list a.a2a_button_x::after {
    mask-image: var(--X-icon);
    -webkit-mask-image: var(--X-icon);
    width: 15.655960083007812px;
    height: 16px;
    /* top: 12px; */
}

.addtoany_list a.a2a_button_linkedin::after {
    mask-image: var(--linkdin-icon);
    -webkit-mask-image: var(--linkdin-icon);
    Width: 14px;
    Height:16px;
    /* top: 12px; */
}



.addtoany_list a.a2a_button_copy_link::after {
    mask-image: var(--copy-icon);
    -webkit-mask-image: var(--copy-icon);
    width: 20px;
    height: 16px;
    /* top: 12px; */
}
.add_to_any_box .addtoany_shortcode .addtoany_list a:hover:before {border-color: rgba(39,170,225,1);}
.add_to_any_box .addtoany_shortcode .addtoany_list a:hover:after {
    background-color: rgba(39,170,225,1);
}
/* Blog detail page end */




/* Fancybox start */
html body .fancybox-bg {
  background: var(--black);
  opacity: 0.92;
}


body .fancybox__carousel>.f-button.is-arrow:before {
    position: absolute;
    content: "";
    inset: 0px;
    z-index: 1;
}


html body .f-button.is-arrow {
  width: 40px;
  height: 40px;
  background: #27AAE1;
  color: #fff;
  opacity: 1;
  padding: 0;
}

html body .f-button.is-arrow svg {
    width: 16px;
    height: 16px;
}



html body .f-button.is-arrow:hover {
  background: var(--SecondryColor);
  color: #fff;
}

/* Fancybox end */



@media (max-width:1199px) {
    body h1 { font-size: 40px; line-height: 50px; }
    .banner-section { padding: 125px 0 125px; }
    .blog-wrap { row-gap: 30px; }
    .post-description { padding: 15px 20px 20px 20px; }
    p.post-meta { margin-bottom: 8px; }
    .post-description .blog-heading { margin-bottom: 10px; }
    .post-description .blog-heading a { font-size: 18px; line-height: 28px; }
    a.read-article { margin-top: 16px; }
    .pagination { margin-top: 10px; }

    /* Blog Details page css */
    .blog-banner.single-blog-banner { padding: 125px 0px 200px; }
    .single-blog-banner .banner-title span { margin-bottom: 20px; }
    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 { margin-top: 0; }
    .typography h2 { font-size: 30px; line-height: 40px; padding: 15px 0px 15px; }
    .typography h3 { font-size: 22px; line-height: 32px; padding: 15px 0px 15px; }
    .typography h4 { font-size: 20px; line-height: 30px; padding: 10px 0px 10px; }
    .typography h5 { font-size: 18px; line-height: 30px; padding: 10px 0px 10px; }
    .typography h6 { padding: 10px 0px 10px; }
    body .typography p { margin-bottom: 20px; line-height: 28px; }
    .typography blockquote { margin: 20px 0 20px; padding: 20px 20px 20px 20px; }
    .typography blockquote p { font-size: 18px; line-height: 30px; }
    .typography ul,
    .typography ol { margin-top: 0; margin-bottom: 20px; }
    .typography ul ul,
    .typography ol ol,
    .typography ul ol,
    .typography ol ul { padding-top: 6px; }
    .typography .wp-video { margin: 0 0px 20px; }
    .typography .gallery { margin: 0px -10px 20px; }
    .typography .gallery .gallery-item { height: 180px; }
    .typography iframe { margin: 0 0px 20px; }
    .table-responsive { margin: 0 0px 22px; }
    .add_to_any_box { padding-top: 26px; margin-top: 40px; }

    body .is-horizontal.is-ltr .f-button.is-arrow.is-next {
    right: 20px;
}
body .is-horizontal.is-ltr .f-button.is-arrow.is-prev {left: 20px;}
}


@media (max-width:991px){
  .blog-wrap .latest-post{width:50%;}
  body .typography p{line-height:27px;}
  .single-post-content .single-post-container{max-width:767px;padding:50px 40px;margin-top:-99px;}
  body .typography p{margin-bottom:16px;line-height:27px;}
  .typography table th,
  .typography table td{font-size:16px;line-height:27px;padding:12px;}
  .typography ol li,
  .typography ul li{font-size:16px;line-height:27px;margin-bottom:6px;}
  .typography ul li::after{top:9px;}
  .typography ul,
  .typography ol{margin-bottom:16px;}
  .typography ol li::before{top:1px;}
  body .typography h2,
  body .typography h3,
  body .typography h4,
  body .typography h5,
  body .typography h6{padding:10px 0px 10px;}
  .typography blockquote{margin:16px 0 16px;}
  .typography ul ul,
  .typography ol ol,
  .typography ul ol,
  .typography ol ul{padding-top:5px;}
  .typography .wp-video{margin:20px 0px 16px;}
  .table-responsive{margin:20px 0px 16px;}
  .typography iframe {margin: 20px 0px 16px;}
  .typography .gallery .gallery-item {padding: 0 5px;}
  .typography .gallery {margin: 20px -5px 16px; row-gap: 10px;}
  .add_to_any_box .addtoany_shortcode .addtoany_list a {width: 35px; height: 35px; margin-right: 14px; top: 0; border-radius: 100%;    border: 1px solid rgba(229, 231, 235, 1); transition: all 0.5s ease;}
  .add_to_any_box .addtoany_shortcode .addtoany_list a:hover {border-color: rgba(39,170,225,1);}
  .add_to_any_box .addtoany_shortcode .addtoany_list::before {top: 0px; }
  .add_to_any_box .addtoany_shortcode .addtoany_list a:before {border: 0;}


  .single-post-content {
    padding: 20px 20px 70px 20px;
  }





}
@media (max-width:767px){
    body h1 { font-size: 30px; line-height: 40px;}
    .blog-wrap{margin:0 -10px 0;row-gap:20px;}
    .blog-wrap .latest-post{padding:0 10px;}
    .post-description .blog-heading{margin-bottom:8px;}
    .post-description .blog-heading a{font-size:16px;line-height:26px;}
    p.post-meta{margin-bottom:6px;}
    .post-excerpt p{font-size:15px;}
    a.read-article{margin-top:14px;}
    .pagination {margin-top: 15px;}
    .pagination .page-numbers { font-size: 15px;line-height: 25px; min-width: 30px;height: 35px;}


    /* Blog Details page css */
    .blog-banner.single-blog-banner { padding: 125px 0px 180px; }
    .single-blog-banner .banner-title span { margin-bottom: 14px; font-size: 15px; }
    .single-post-content .single-post-container {padding: 40px 30px; margin-top: -80px;}
    .typography h2 {font-size: 26px; line-height: 36px; padding: 12px 0px 12px; }
    .typography h3 {padding: 1px 0px 12px; }
    .typography h4 {line-height: 30px;}
    .typography h5 {line-height: 28px;}
    .typography blockquote p {font-size: 16px;line-height: 27px;}

    body .typography ol li {
    padding-left: 30px;
}
    .typography ol li::before {
    top: 2.5px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.add_to_any_box {
        margin-top: 30px;
    }
    .typography .wp-video, .typography .wp-video .mejs-video,
    .typography iframe {
    height: 330px !important;
}

}
@media (max-width:576px){
    .blog-wrap .latest-post{width:100%;}
    .blog-wrap .post-image a{height:auto;}
    .banner-section { padding: 90px 0 90px;}
    .single-post-content {
        padding: 20px 20px 50px 20px;
    }

    .blog-banner.single-blog-banner { padding: 90px 0px 150px }

    .single-post-content .single-post-container {
        padding: 30px 20px;
    }
    body .typography .wp-video .mejs-video {height: 100% !important;}
    .typography .wp-video,  .typography iframe {
        height: 240px !important;
    }
        .typography .gallery .gallery-item {
        height: 130px;
    }

    .typography .gallery .gallery-item .gallery-icon a::before {width: 25px; height: 25px;}
        .add_to_any_box .addtoany_shortcode .addtoany_list a {margin-right: 8px;}

}
@media (max-width:479px) {
  .typography .wp-video, .typography iframe {
        height: 200px !important;
    }
        .typography .gallery .gallery-item {
        height: 100px;
    }
    .add_to_any_box .addtoany_shortcode .addtoany_list::before {padding-right: 12px;}

}
@media (max-width:379px) {
  .typography .gallery .gallery-item {
        width: calc(100% / 2);
    }
    .typography .wp-video, .typography iframe {
        height: 180px !important;
    }
    .add_to_any_box .addtoany_shortcode .addtoany_list::before {
      width: 100%;
      display: block;
      text-align: left;
      margin-bottom: 10px;
  }
}