@font-face { 
   font-family: Inter; 
   src: url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/fonts/Inter.woff2) format("woff2"); 
   font-style: normal; 
   font-weight: 300 900; 
   font-stretch: normal; 
   font-display: fallback; }
@font-face { 
   font-family: "Ubuntu"; 
   src: url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/fonts/ubuntu.woff2) format("woff2"); 
   font-style: normal; 
   font-weight: 400; 
   font-display: swap; 
   unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { 
   font-family: "themovation-icons"; 
   src: url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/fonts/themovation-icons.eot) format("embedded-opentype"), 
      url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/fonts/vertopal.com_themovation-icons.woff) format("woff"), 
      url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/fonts/themovation-icons.woff) format("truetype"),
      url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/fonts/themovation-icons.svg) format("svg");
   font-style: normal; font-weight: normal;
}

:root {
   --font-family_1: 'Inter';
   --font-family_2: 'Ubuntu';
   --font-family_3: 'themovation-icons';
}
.custom_header{
   background-color: rgba(15, 26, 57,1.0);
}
.custom_header .menu_section .hs-menu-wrapper>ul>li>a{
   color: rgba(229, 242, 255,1.0); 
font-size: 14px;
}

.custom_header .menu_section .hs-menu-wrapper>ul>li>a:hover,
.custom_header .menu_section .hs-menu-wrapper>ul>li.active>a
{
   background-color: rgba(83, 193, 236,1.0);
}
.custom_header .menu_section .hs-menu-wrapper>ul>li.hs-item-has-children ul{
   background-color: rgba(30, 62, 96,1.0);  
}
.custom_header .menu_section .hs-menu-wrapper>ul>li.hs-item-has-children ul li a{
   color: rgba(229, 242, 255,1.0);
}
.custom_header .menu_section .hs-menu-wrapper>ul>li.hs-item-has-children ul li a:hover{
   color: rgba(83, 193, 236,1.0);
}
.custom_header .header_content .header_btns .customer_btn a{
   background-color: rgba(0, 0, 0,0.0);
   color: rgba(255, 138, 2,1.0);
   border-width: 1px;
   border-color: rgba(255, 138, 2,1.0);
   padding: 12px 16px;
   border-radius: 16px;
}
.custom_header .header_content .header_btns .get_btn a{
   background-color: rgba(255, 138, 2,1.0);
   color: rgba(255, 255, 255,1.0);
   border-width: 0px;
   border-color: rgba(255, 138, 2,1.0);
   padding: 12px 16px;
   border-radius: 21px;
}

.custom_header .mobile_menu{
   background-color: rgba(30, 62, 96,1.0);
}
.custom_header .mobile_menu .hs-menu-wrapper>ul>li>a{
   color: rgba(229, 242, 255,1.0);
}
.custom_header .mobile_menu .hs-menu-wrapper>ul>li.hs-item-has-children ul li a{
   color: rgba(229, 242, 255,1.0);
}
.custom_header .mobile_menu .hs-menu-wrapper>ul>li.hs-item-has-children ul li a:hover{
   color: rgba(83, 193, 236,1.0);
}
.cm_footer .cm_section3 {
   background-color: #B9CFE7;
}
form input[type=email],
form input[type=file],
form input[type=number],
form input[type=password],
form input[type=search],
form input[type=tel],
form input[type=text],
form select,
form textarea{
   font-family: "Poppins", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0.3px;
   padding: 15px 20px;
   line-height: 1.4;
   min-height: 40px;
   height: auto;

}
form input[type=email]:focus,
form input[type=file]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=text]:focus,
form select:focus,
form textarea:focus{
   box-shadow: none;
}

form label {
   font-family: "Poppins", Sans-serif;
   font-size: 11.99999999996px;
   font-weight: 400;
   line-height: 16px;
   letter-spacing: 0.2px;
}
.cm_nv_wrp .cm_nv_inner .custom,
form input[type=submit],
.hs-button,
.tabber .media-col .form-wrap input.hs-button,
form input[type=submit],
.hs-trans-btn {
   font-family: "Poppins", Sans-serif;
   font-size: 15.00000000002px; 
   font-weight: 500;
   display: inline-block;
   line-height: 23px;
   border-radius: 3px;

}
.hs-trans-btn{
   background-color:#53c1ec;
}
form h1 {
   font-size: 29.00000000002px; 
}
form h2 {
   font-size: 51.78571428562571px; 

}
form h3 {
   font-size: 19.999999999979998px; 
}
.hs-sec-btn, .contact-banner .form-row.hs-secondary input.hs-button,
.contact-banner .form-row.hs-secondary .hs-button,
.landing-banner .form-row.hs-secondary input.hs-button,
.landing-banner .form-row.hs-secondary .hs-button,
.hs_service .widget-type-form .hs-button,
.form-row.secondary input[type="submit"],
.popup_modal_box.bg_primary .hs-button,
.hs-sec-btn,
.systems-page .hs-search-results__next-page,
.systems-page .hs-search-results__prev-page{
   font-family: "Poppins", Sans-serif; 
   font-size: 15.00000000002px; 
   font-weight: 500;
   display: inline-flex !important;
   align-items: center;
   gap: 5px;
   line-height: 1;
   justify-content: center;
}
.pricing-table-gp .pricing-area .plan-price {
   font-size: 39.999999999959996px; 
}
.servs-details-pg .left-dnd-area .hs-search-field form {
   padding-bottom: 0 !important;
}
.servs-details-pg .left-dnd-area .hs-search-field__bar {
   margin-bottom: 30px;
}
.cm_footer .cm_section3 .footer-content {
   color: #000000;
	font-family: var(--font-family_2);
   font-size: 15.00000000002px; 
   font-weight: 400;
   line-height: 21.4286px;
}

.cm_footer .cm_section3 .footer-content a {
   color: #000000;
	font-family: var(--font-family_2);
   font-size: 15.00000000002px; 
   font-weight: 400;
   line-height: 21.4286px;
   text-decoration: underline;
}

.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper ul li a{
 	font-family: var(--font-family_2);
   font-size: 15.00000000002px; 
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper>ul>li{
   margin:0;
}

.cm_footer .col-section h4,
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper>ul>li>a{
   color: #E5F2FF;
   font-family: "Poppins", Sans-serif;
   font-size: 19.999999999979998px; 
   font-weight: 700;
   line-height: 20px;
   display: inline-block;
   cursor: auto;
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper>ul>li:first-child>a{
   margin-bottom:20px;
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper>ul>li:last-child>a{
   margin-bottom:15px;
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper ul ul a {
   line-height: 26.4px;
   font-weight:400;
}

.cm_footer .cm_section2 .cm_col1 .cm_row3 li {
   margin-bottom: 10px;
}

.cm_footer .cm_section2 .cm_col1 {
   padding: 0;
   flex-wrap: wrap;
}
.cm_footer .cm_section2 .flex_row.primary_font {
   padding-top: 58px;
   padding-bottom: 40px;
}
.cm_footer .cm_section2  .cm_row1 {
   width: 26% ;
   padding-right: 63.4px;
}
.cm_footer .cm_section2 .cm_col1 .cm_row2 {
   width: 25%;
}

.cm_footer .cm_section2 .cm_col1 .cm_row3 {
   width: 53%;
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 li:first-child {
   width: 47.1%;
}

.cm_footer .cm_section2 .cm_col1 .cm_row3 li:last-child {
   width: 52.8%;
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper>ul {
   display: flex;
   flex-direction: row;
}
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper>ul ul{
   position:static;
}

.cm_footer .cm_section2 .cm_col1 .cm_row4 {
   width: 21%;
}

.cm_footer .cm_section2 .cm_col1 .cm_row5 {
   width: 30%;
   margin-top: 20px;
}

.cm_footer .cm_section2 .cm_col1 {
   display: flex;
}

.cm_footer .col-section h4 {
   margin-bottom: 20px;
}

.cm_footer .col-section.cm_col1 p {
   margin-bottom: 10px;
   line-height: 26.4px;
	font-family: var(--font-family_2);
   font-size: 15.00000000002px; 
   font-weight: 400;
}

.cm_footer .cm_section2 .cm_col1 .cm_row5 .footer-social {
   padding: 0;
   display: block;
}

.cm_footer .cm_section2 .cm_col1 .cm_row5 .footer-social .footer-social-item {
   height: auto;
   width: auto;
   display: inline-block;
}

.cm_footer .cm_section2 .cm_col1 .cm_row5 .footer-social .footer-social-item a {
   width: 49px;
   height: 49px;
   border: 1px solid #53C1EC;
   margin-right: 7px;
}
.cm_footer .cm_section2 .cm_col1 .cm_row5 .footer-social .footer-social-item a:hover{
   animation: hoverAnimation 0.6s ease forwards;
}

@keyframes hoverAnimation {
   0% {
      transform: scale(1) ;
   }
   50% {
      transform: scale(0.8) ;
   }
   100% {
      transform: scale(1);
   }
}
.cm_footer .cm_section2 .cm_col1 .cm_row5 .footer-social .footer-social-item a svg {
   width: 19px;
   height: 19px;
   display: flex;
}
.cm_footer .cm_section1 {
   background-color: #003883;
}
.cm_footer .cm_section1 .page-center {
   padding-top: 58px;
   padding-bottom: 68px;
}
.cm_footer .cm_section2 .cm_row1  a:hover,
.cm_footer .cm_section2 .cm_col1 .cm_row3 .footer-menu .hs-menu-wrapper ul ul a:hover{
   text-decoration: underline;
}
.cm_footer .cm_section1 .cm_col1{
   padding: 40px 0 50px;
   border-radius: 24px;
   border: 2px solid #FFF;
   width: 780px;
   position: relative;
}
.cm_footer .cm_section1 .cm_row2 a.standard.hs-button {
   font-family: "Poppins", Sans-serif;
   font-size: 15.00000000002px; 
   font-weight: 500;
   color: #0F1A39;
   line-height: 15px;
}

.cm_footer .cm_section1 .cm_row1 h3 {
   margin: 0;
   color: #FFFFFF;
   font-family: "Poppins", Sans-serif;
   font-size: 31.99999999994px; 
   font-weight: 400;
   line-height: 45px;
}
.cm_footer .cm_section1 .cm_row2 a.standard.hs-button svg {
   fill: #0F1A39 !important;
   width: 15px;
}
.cm_footer .cm_section1 .cm_row2 a.standard.hs-button svg  path{
   fill: #0F1A39 !important;
}
.cm_footer .cm_section1 .cm_row2 a.standard.hs-button {
   display: flex;
   align-items: center;
   gap: 5px;
}
.cm_footer .cm_section1 .cm_row2 {
   display: block;
   position: absolute;
   max-width: 100%;
   bottom: -22px;
   left: 40.9%;
}
.cm_footer .cm_section1 .flex_row.primary_font {
   justify-content: center;
}
.cm_footer .back_to_top {
   border-radius: 0;
   bottom: 18px;
   right: 18px;
   border-radius: 5px;
   opacity: 0;
   transition: all .3s ease;
}
.backtotop_show .cm_footer .back_to_top {
   opacity: 0.6;
}
.cm_footer .back_to_top:before {
   content: "d";
	font-family: var(--font-family_3);
   font-style: normal ;
   font-weight: normal ;
   font-variant: normal ;
   text-transform: none ;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   font-size: 17.999999999954px; 
   line-height: 18px;
   margin-bottom: 3px;
}

.cm_footer .back_to_top svg{
   display:none;
}
.simple-banner.cm_banner {
   min-height: 65vh;
}
.tags-wrapper ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
.tags-wrapper ul a:before {
   content: '';
   -webkit-appearance: none;
   background-color: transparent;
   border: 1px solid #B9CFE7;
   padding: 6px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 10px;
   border-radius: 4px;
}
.tags-wrapper ul a:after {
   content: '';
   display: block;
   position: absolute;
   top: 4px;
   left: 5px;
   width: 5px;
   height: 10px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
   opacity: 0;
}
.tags-wrapper ul li.active > a:before {
   background: #53C1EC;
   border-color: #53C1EC;
}
.tags-wrapper ul li.active > a:after {
   opacity: 1;
}

.simple-banner.cm_banner .bg_el.bg_img {
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 0px 10px;
}
.simple-banner.cm_banner h1 {
   color: #E5F2FF !important;
   font-family: "Poppins", Sans-serif;
     font-size: 70px;
   font-weight: 700;
   line-height: 70px;
   -webkit-text-stroke-color: #000;
   stroke: #000;
}

.simple-banner.cm_banner a.hs-sec-btn {
   color: #FFFFFF;
}

.simple-banner.cm_banner a svg {
   fill: #fff;
   width: 15px;
   height: 17px;
}
.banner_btn_svg {
   height: 17px;
}
.simple-banner.cm_banner a.hs-sec-btn svg path {
   fill: #fff;
}

.simple-banner.cm_banner a.hs-button {
   color: #FFFFFF;
   padding: 10px 16px 10px 16px;
   line-height: 15px;
   display: flex;
   gap: 5px;
   align-items: center;
}
.simple-banner.cm_banner h1 {
   margin-bottom: 33px;
}

.simple-banner.cm_banner .btn_row.count_2.moreButton {
   gap: 20px;
}

.custom-no-navigation{
   height: auto;
}
.hs-search-field--open .hs-search-field__suggestions,
.inpage-editor-active-field .hs-search-field__suggestions {
   z-index: 1;
}


@media(max-width:1322px){
   .footer .page-center {
      padding: 0 20px;
   }
}

@media(max-width:1209px){
   body .dnd-section>.row-fluid {
      padding-right: 10px;
      padding-left: 10px;
   }
}

@media(max-width:1024px){
   .cm_footer .cm_section2 .cm_col1 {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .cm_footer .cm_section2 .cm_row1,
   .cm_footer .cm_section2 .cm_col1 .cm_row3,
   .cm_footer .cm_section2 .cm_col1 .cm_row3 li:first-child,
   .cm_footer .cm_section2 .cm_col1 .cm_row3 li:last-child,
   .cm_footer .cm_section2 .cm_col1 .cm_row4,
   .cm_footer .cm_section2 .cm_col1 .cm_row5{
      width: 100%;
      text-align: center;
      padding:0;
      margin-bottom:20px;
   }
   .cm_footer .cm_section3 .col-section.cm_col1.num1 {
      padding: 0;
   }

}

@media(max-width:767px){
   .cm_footer .footer-social-item:not(:first-child) {
      margin: 0;
   }
}


@media(max-width:450px){
   .system_page_layout h1 {
        font-size: 23.99999999992px;
   }
   .system_page_layout h2 {
      font-size: 16.285714285625712px;
   }
}


/* -------------------------blog----------------------------------- */



.blog-index-layout .blog-banner-mdl .page-center {
   width: 100%;
}

.blog-banner-mdl {
   min-height: 65vh;
   background-position: top center !important;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 20px;
}




.blog-banner-mdl .banner-title h1 {
   color: #E5F2FF;
   text-align: center;
   margin-bottom: 30px;
}

.blog-banner-mdl p {
   text-align: center;
   color: #E5F2FF;
}


.blog-banner-mdl .banner-search .hs-search-field__bar {
   padding: 0;
   background-color: transparent;
}
.blog-banner-mdl p {
   line-height: 21.4286px;
   font-size: 12.857142857117143px;
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 30px;
}
.banner-search form.hs-search-field__form {
   max-width: 431px;
   margin: 0 auto;
}

.banner-search form.hs-search-field__form input {
   font-weight: normal;
   color: #000 ;
      font-size: 10.285714285645716px;
   text-shadow: 0 0 0 rgba(255, 255, 255, 0);
   margin: 0 ;
   box-shadow: none ;
   position: relative;
   padding: 8px 40px 8px 19px;
   border: 1px solid rgb(235, 235, 235) ;
   letter-spacing: normal;
   line-height: 28px;
}
.banner-search form.hs-search-field__form input:focus {
   outline: none;
}
.banner-search form.hs-search-field__form ::-webkit-input-placeholder {
   color: #5c5c5c;
   color: rgba(0, 0, 0, .6) ;
   text-shadow: 0 0 0 rgba(255, 255, 255, 0);
   font-weight: normal;
   display: block;
   opacity: .85;
}

.banner-search form.hs-search-field__form button svg {
   fill: rgb(83, 193, 236) !important;
   width: 22px;
   height: 22px;
}

.banner-search .hs-search-field__suggestions-container a {
   color: #1468a9;
   font-size: 14px;
      font-size: 11.99999999996px;
   line-height: 22px;
   text-shadow: 0 0 0 rgba(255, 255, 255, 0);
   margin: 0;
   padding: 0;
   line-height: 22px;
}
.banner-search .hs-search-field__suggestions-container a:hover{
   background-color: transparent;
}


/* -------------blog post------------------------------------ */


.cm-blog-post-noSidebr .post-banner-wrapper>.page-center{
   width: 100%;
   min-height: 75vh;
   padding-top: 8%;
   display: flex ;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 20px;
}
.cm-blog-post-noSidebr .page-center{

}
.post-banner-wrapper {
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   padding-left: 10px;
   padding-right: 10px;
}
.post-banner-wrapper .page-center {
   position: relative;
   z-index: 1;
}
.post-banner-wrapper:after {
   content: "";
   display: block;
   height: 100%;
   width: 100%;
   background: #000;
   opacity: .5;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
}
.post-banner-wrapper .post-banner-title h1 {
   color: #E5F2FF;
   font-family: "Poppins", Sans-serif;
   font-size: 50px;
   font-weight: 700;
   line-height: 70px;
   text-align: center;
   margin-bottom: 12px;

}

.post-banner-wrapper .post-banner-byline {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 0;
   gap: 20px;
   flex-wrap: wrap;
}

.post-banner-wrapper .post-banner-byline .tag-btn {
   display: inline-block;
   padding: 8px 8px 6px 8px;
   border: 1px solid #53C1EC;
   border-radius: 32px;
   margin: 0 5px;
   color: #53c1ec;
   font-family: "Poppins", Sans-serif;
      font-size: 6.857142857017143px;
   font-weight: 400;
   line-height: 8px;
}
.author-sec ul {
   border-style: solid;
   border-width: 0px 0px 0px 1px;
   border-color: #E5F2FF;
   margin:0;
   padding:0;
   display: flex;
   flex-wrap: wrap;
}

.author-sec ul li {
   display: inline;
   font-weight: 400;
   color: #E5F2FF;
   font-family: "Poppins", Sans-serif;
      font-size: 11.99999999996px;
   font-size: 14px;
   line-height: 23.1px;
   margin: 0 25px;
   padding:0;
}

.author-sec ul li:not(:last-child):after {
   content: "";
   right: calc(-50px / 2);
   border-left-style: solid;
   border-left-width: 1px;
   height: 100%;
   border-color: #E5F2FF;
   width: auto;
   left: auto;
   position: relative;
   border-top: 0;
   border-bottom: 0;
   border-right: 0;
   border-style: solid;
}
.author-sec ul li time {
   font-weight: 700;
   font-family: "Poppins", Sans-serif;
   font-size: 14px;
      font-size: 11.99999999996px;
}

.custom-blog-listings-inner {
   display: flex;
   gap: 20px;
   justify-content: normal;
   align-items: normal;
   margin-bottom: 50px;
}

.body-container--blog-post .post-details-wrapper {
   display: flex;
   gap: 20px;
}
.body-container--blog-post .post-details-wrapper h2{
      font-size: 17.142857142782855px;
   line-height:32px;
}

.cm-blog-post-noSidebr .body-container.body-container--blog-post .page-center {
   max-width: 1140px;
}

.cm-blog-post-noSidebr .body-container.body-container--blog-post  .cm_flex_post {
   display: flex;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: stretch;
   gap: 24px;
}
.related-post-wrapper {
   background-color: #E5F2FF;
   padding-top: 65px;
   margin: 0 -8px;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 65px;
}

.body-container.body-container--blog-post {
   margin-bottom: 0;
   margin-top: 60px;
   padding: 0 10px;
}

.cm-blog-post-noSidebr .cm_flex_post .related-post-item {
   background-color: #fff;
   padding: 15px;
   border: 1px solid #D9D9D9;
}

.blog-post__body p, li {
  font-size: 15px;
}

.blog-post__body ul {
   padding: 0 0 0 40px;
   margin: 0 0 10px;
}

.blog-post__body ul li {
   margin: 0;
}
.cm-blog-post-noSidebr .cm_flex_post .related-post-item .post-tag span.tag-btn {
   background-color: #00000000;
   color: #53C1EC;
   margin: 0 15px 10px 15px;!
   padding: 8px 10px 6px 10px;
   border-radius: 32px;
   text-transform: initial;
   display: inline-block;
   border: 1px solid #53C1EC;
   line-height: 8px;
      font-size: 6.857142857017143px;
   margin-left: 0;
   padding: 8px 10px 6px 10px;
}

.cm-blog-post-noSidebr .cm_flex_post .related-post-item .featured-image-wrapper {
   margin-bottom: 10px;
}

.cm-blog-post-noSidebr .cm_flex_post .related-post-item  .post-title-wrap {
   z-index: 5;
   position: relative;
}

.contact-banner.top_area-module-2 form .hs-form-field .hs-input, .contact-banner.top_area-module-2 form .hs-form-field textarea,
.contact-banner.top_area-module-2 form .hs-form-field input:not(.hs-button) {
   border-width: 1px;
}

.cm-blog-post-noSidebr .cm_flex_post .related-post-item .post-title-wrap h3 {
   font-family: "Poppins", Sans-serif;
      font-size: 19.999999999979998px;
   font-weight: 600;
   line-height: 30px;
   margin:0;
}
.cm-blog-post-noSidebr .cm_flex_post .related-post-item .post-title-wrap h3:hover{
   text-decoration:underline;
}
.cm-blog-post-noSidebr .cm_flex_post .related-post-item .post-title-wrap h3 a {
   color: #0F1A39;
}
.cm-blog-post-noSidebr .cm_flex_post .related-post-item .post-title-wrap h3 a:hover {
   color: #0F1A39;
   text-decoration:underline;
}

.cm-blog-post-noSidebr .cm_flex_post .related-post-item {
   position: relative;
}

.cm-blog-post-noSidebr .cm_flex_post .related-post-item a.post-link {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0
}



.body-container--blog-post .main-content {
   width: 75%;
   padding: 10px;
}


.body-container--blog-post .social-share ul {
   display: flex;
   z-index: 333;
   position: relative;
   padding: 0;
   margin-bottom: 50px;
   list-style: none;
}

.body-container--blog-post .social-share ul li > a {
   list-style: none;
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent);
   min-height: 45px;
   min-width: 45px;
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   margin-right: 10px;
   border-radius: 5px;
}

.body-container--blog-post .social-share ul li > a svg {
   fill: #fff;
   width: 17px;
   height: 17px;
}


.body-container--blog-post .social-share ul li.linkedin > a  {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent); 
   background-color: #0077b5; 
}
.body-container--blog-post .social-share ul li.facebook > a  {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent); 
   background-color: #3b5998;
}
.body-container--blog-post .social-share ul li.twitter > a  {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent); 
   background-color: #000;
}
.body-container--blog-post .social-share ul li.email > a {
   background-color: #ea4335;
}

.body-container--blog-post .social-share ul li > a:hover {
   filter: saturate(1.5) brightness(1.2);
}

.body-container--blog-post .social-share ul li a {
   display: flex;
   align-items: center;
   text-align: center;
   align-content: center;
   justify-content: center;
}

.cm-blog-post-noSidebr .right-sidebar {
   width: 25%;
   padding: 10px;

}
.cm-blog-post-noSidebr .right-sidebar>div{
   padding: 15px;
   border: 1px solid rgb(217, 217, 217);
   border-radius: 5px;
}

.cm-blog-post-noSidebr .right-sidebar  h4 {
      font-size: 15.00000000002px; 
   margin-bottom: 15px;
}
.cm-blog-post-noSidebr .right-sidebar ul.toc-list {
   padding: 15px 0;
   padding-top: 0;
   margin: 0;
   padding-bottom: 0;
}

.related-post-wrapper h3 {
   font-size: 32px;
    font-size: 31.99999999994px; 
   margin-bottom: 30px;
}

.cm-blog-post-noSidebr .right-sidebar ul.toc-list li {
   margin: 0;
   list-style: none;
   line-height: 23.1px;
   margin-bottom: 7px;
   list-style-type: none;
     font-size: 14px; 
   color: #177db7;
   font-weight: 400;
}

.cm-blog-post-noSidebr .right-sidebar ul.toc-list li a {
   color: #177db7;
     font-size: 14px; 
   font-weight: 400;
}

.cm-blog-post-noSidebr .right-sidebar ul.toc-list li a:hover {
   color: #1e1e1e;
   text-decoration: underline;
   -webkit-text-decoration: none;
}






.custom-blog-listings-inner .custom-blog-listings-left {
   width: 25%;
}

.custom-blog-listings-inner .custom-blog-listings-left .tags-wrapper {
   border: 1px solid rgb(217, 217, 217);
   padding: 15px;
   border-radius: 5px;
}

.custom-blog-listings-inner .custom-blog-listings-left .tags-wrapper h3 {
   font-family: "Poppins", Sans-serif;
     font-size: 14px; 
   font-weight: 700;
}

.custom-blog-listings-inner .custom-blog-listings-left .tags-wrapper ul {
   margin: 0;
}

.custom-blog-listings-inner .custom-blog-listings-left .tags-wrapper ul li {
   margin-bottom: 5px;
}

.custom-blog-listings-inner .custom-blog-listings-left .tags-wrapper ul li a {
   font-family: "Poppins", Sans-serif;
     font-size: 14px; 
   font-weight: 400;
   line-height:noraml;
   position: relative;
}

.custom-blog-listings-right {
   width: 75%;
   padding-left: 16px;
}
.blog-index-layout .dnd-section>.row-fluid{
   max-width: min(100%, 1140px)
}

.custom-blog-listings-right .blog-posts-wrapper {
   display: grid ;
   grid-template-columns: repeat(3, 1fr);
   grid-auto-rows: 1fr;
   gap:  24px;
}

.custom-blog-listings-right .post-item {
   padding: 15px;
   border: 1px solid rgb(217, 217, 217);
   height: 100%;
   border-radius: 5px;
   position: relative;
}
.custom-blog-listings-right .post-item a.post-link {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}
.custom-blog-listings-right .post-item .featured-image-wrapper {
   margin-bottom: 14px;
}

.custom-blog-listings-right .featured-image-wrapper img {
   object-fit: cover;
   object-position: center center;
   width: 100%;
   min-height: 225px;
   height: 100%;
}
.blog-post-sidebar-layout > .body-container.body-container--blog-post {
   padding: 0;
   margin: 0;
}
.custom-blog-listings-right h3 {
   font-family: "Poppins", Sans-serif;
    font-size: 19.999999999979998px; 
   font-weight: 600;
   line-height: 30px;
}
.blog-post__body img + p {
   margin-top: 15px;
}

.custom-blog-listings-right .post-tag span.tag-btn {
   display: inline-block;
   border: 1px solid #53c1ec;
   border-radius: 32px;
   padding: 5px 8px;
   font-size: 7.99999999988px; 
   margin-right: 5px;
   color: #53c1ec;
}

.cs-blog-pagination {
   text-align: center;
   font-family: "Poppins", Sans-serif;
   font-size: 16.00000000004px; 
   font-weight: 400;
   margin-top: 30px;
}

.cs-blog-pagination a.active {
   background: #53C1EC;
   color: #FFFFFF;
   text-decoration: none !important;
}

.cs-blog-pagination a {
   margin-right: calc(10px / 2);
   margin-left: calc(10px / 2);
   color: #1E1E1E;
   padding: 2px 10px;
   border-radius: 8px;
}

.cs-blog-pagination a.next-link:after {
   content:"";
   background-image: url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/images/arrow.svg);
   background-position: right;
   background-repeat: no-repeat;
   margin-right: 10px;
   background-repeat: no-repeat;
   padding-right: 20px;
   background-position: center;
}



.cs-blog-pagination a.prev-link:before {
   content:"";
   background-image:url(//145754356.fs1.hubspotusercontent-eu1.net/hubfs/145754356/raw_assets/public/Syner_Glass_March2025/images/Arrow-left.svg);
   background-repeat: no-repeat;
   padding-right: 20px;
   margin-left : 10px;
   background-position: center;
}
.cs-blog-pagination a:not(.inactive):hover {
   text-decoration: underline;
}
.cs-blog-pagination .inactive {
   cursor: text;
}

@media(max-width:1024px){
   .custom-blog-listings-right .blog-posts-wrapper{
      grid-template-columns: repeat(2, 1fr);
   }
   .cm-blog-post-noSidebr .body-container.body-container--blog-post .cm_flex_post {
      grid-template-columns: repeat(2, 1fr);
   }
   .body-container--blog-post .post-details-wrapper {
      flex-direction: column;
   }

   .body-container--blog-post .main-content {
      WIDTH: 100%;
   }

   .cm-blog-post-noSidebr .right-sidebar {
      width: 100%;
   }
}




@media(max-width:767px){
   .custom-blog-listings-right .blog-posts-wrapper{
      grid-template-columns: repeat(1, 1fr);
   }
   .custom-blog-listings-inner {
      flex-direction: column;
   }

   .custom-blog-listings-inner .custom-blog-listings-left {
      width: 100%;
   }

   .custom-blog-listings-right {
      width: 100%;
      padding-left: 0;
   }
   .body-container--blog-post .post-details-wrapper {
      flex-direction: column;
   }

   .body-container--blog-post .main-content {
      WIDTH: 100%;
   }

   .cm-blog-post-noSidebr .right-sidebar {
      width: 100%;
   }

   .cm-blog-post-noSidebr .body-container.body-container--blog-post .cm_flex_post {
      grid-template-columns: repeat(1, 1fr);
   }
   .simple-banner.cm_banner h1 {
    font-size: 50px;
}
}
.cm_footer .cm_section3 .footer-content a {
    color: #0f1a39;
}
.simple-banner.cm_banner a.hs-button,
.cm_footer .cm_section1 .cm_row2 a.standard.hs-button{
    border-radius: 16px 16px 16px 16px;
}