body{background:white;}


.blog-page {padding-top: 28px;}
.content {padding-top: 14px;}
.blog-banner { margin-bottom: 22px; max-width: 900px; height: 360px; margin-left: auto; margin-right: auto; border-radius: 12px; overflow: hidden; }
.blog-banner img { height: 100%; object-fit: cover; }

#introduction { margin-bottom: 30px; }

.blog-ui-items .blog-ui-content {margin-bottom: 20px;}
.blog-ui-items .blog-ui-content .ui-caption{margin-bottom: 16px;}
.blog-ui-items .blog-ui-content p{margin: 0;}

.heading{position:relative;}
.heading h2:after { position: absolute; content: ''; width: 90px; height: 2px; top: 50%; right: -127px; transform: translateY(-50%); background: linear-gradient(90deg, #4CAF50 19%, #9e9e9e26 66%); }
.heading h2:before { position: absolute; content: ''; width: 90px; height: 2px; top: 50%; left: -127px; transform: translateY(-50%) rotate(180deg); background: linear-gradient(90deg, #4CAF50 19%, #9e9e9e26 66%); }


.customer-reviews-outer .review-title { margin: 0 0 22px; font-size: 26px; line-height: normal; }
.customer-reviews-outer .customer-review {text-align: left;}
.customer-reviews-outer .customer-review .customer-ratings {justify-content: start;}

.image_with_text_list{ background: #EAF0FC; margin-bottom: 50px; position: relative;}
.image_with_text_list .text_data h1{ text-align: left; font-size:42px; font-weight:700; margin:0; position: relative; }
.image_with_text_list .text_data h1 span{ color: #1761A0;}
.image_with_text_list .text_data p{ line-height:1.6; text-align: left;}
.image_with_text_list .text_data .cd_para{ margin-top: 20px;}
.image_with_text_list .text_inner{display: flex; gap: 50px; padding: 50px;}
.image_with_text_list .text_inner .text_side{width: 100%; max-width: 800px; margin: 0 auto; text-align: center;}
.image_with_text_list .text_inner .text_side .text_data{ max-width: 90%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.image_with_text_list .cd_para{text-align: left;}
.image_with_text_list .text_inner .text_side{width: calc(60% - 25px);}
.image_with_text_list .text_inner .image_side{width: calc(40% - 25px);}
.image_with_text_list .text_inner .image_side img{width:100%;}

.image_with_text_list .articl_author .author_data img{max-width: 40px; border-radius: 50%; height: 40px;}
.image_with_text_list .articl_author .author_text span{font-size: 16px; text-align: left; margin: 0; display: block;}
.image_with_text_list .articl_author .author_text p{ font-size: 14px; margin: 0;}
.image_with_text_list .articl_author .author_data{display: flex; align-items: center; gap: 10px;}
.image_with_text_list .articl_author{display: flex; align-items: center; gap: 50px;}
.image_with_text_list .articl_author .time_text span{display: flex; align-items: center; gap: 10px;}
.image_with_text_list .articl_author .time_text{display: flex; gap: 30px;}

.table_content   h3{color: black; font-weight: 700; font-size: 20px; margin-top: 0; text-transform: capitalize;}
.table_content   p{color:black;  text-transform: capitalize;}

.right_side .table_content ul li{ text-transform: capitalize; list-style-type: none; display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 14px; color: black;}
.right_side .table_content .content_inner{border-radius: 10px; background: #F9FAFB; padding: 25px; border: 1px solid #e0e6eb; box-shadow: 0 4px 24px -4px hsl(201 73% 36% / .08);}
.right_side .table_content ul {margin:0;}
.right_side .table_content ul p{font-size: 14px;}
.right_side .table_content .btn_min{ text-transform: capitalize; background:green;color:#fff; box-shadow: rgba(0, 0, 0, .15) 4px 4px 10px; display: flex; align-items: center; gap: 10px; max-width: max-content; padding:14px 28px; border-radius:6px; font-size:16px; font-weight:600; text-decoration:none; transition:0.3s; }
.right_side .table_content .btn_min:hover{ background:#3e9e43;}
.right_side .bg_with_btn{ margin-top: 20px;}
.right_side .bg_with_btn .content_inner{background: #051D44; color: white;}
.right_side .bg_with_btn .content_inner h3{color:white;}
.right_side .bg_with_btn .content_inner img{margin-top: 20px; border-radius: 12px;}
.right_side .table_content.btn_ul .btn_min{background:#1761A0; margin-top: 20px;}
.right_side .table_content.btn_ul .btn_min:hover{ background:#3e9e43;}
.right_side .btn_ul .content_inner{background: #EAF0FC;}
.right_side .table_content.btn_ul,
.right_side .image_text_ul{margin-top: 20px; }
.right_side .table_content ul li a {color:black;}
.right_side .image_text_ul .image_text_inner{display: flex; gap: 10px; margin-bottom: 10px;}
.right_side .image_text_ul .image_text_inner .blog_img{width: calc(40% - 5px); position: relative; padding-bottom: 25%;}
.right_side .image_text_ul .image_text_inner .blog_title{ width: calc(60% - 5px);}
.right_side .image_text_ul a:focus{ outline: none;}
.right_side .image_text_ul .image_text_inner .blog_title h3{ font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; white-space: initial; -webkit-line-clamp: 2; overflow: hidden;}
.right_side .image_text_ul .image_text_inner .blog_img img{height: 100%; object-fit: cover; border-radius: 6px; position: absolute; top: 0; left: 0; width: 100%;}

    .table_content.bg_with_btn p{color:white;}  
    .right_side .btn_ul .content_inner .social_icons{display: flex; align-items: center; gap: 5px;}

.table_content.bg_with_btn p{color:white;}  
.right_side .btn_ul .content_inner .social_icons{display: flex; align-items: center; gap: 5px;}

.cd_shopify.blog-page {max-width: 100%!important; width: 100%; padding: 0;}
.cd_shopify.blog-page .new_page_design{max-width: 1500px; margin: 0 auto; display: flex; gap: 30px;}
.cd_shopify.blog-page .new_page_design .main_content{ width: calc(80% - 15px);}
.cd_shopify.blog-page .new_page_design .right_side{ width: calc(20% - 15px);}

.tab_section{background: linear-gradient(180deg, hsl(210 20% 98%), hsl(201 60% 97%)); padding: 20px; margin: 30px 0;}
.tab_section .heading h2{max-width: max-content; margin-left: auto; margin-right: auto; position: relative; color: black; text-align: center; font-weight: 700; text-transform: capitalize;}
.tab_section .heading h2 span{color: #08468f;}
.tab_section .tab__main .title_block h1 { font-size: 22px; font-weight: 600; margin-bottom: 18px!important; text-align: center; }
.slide_up_down .panel{ margin:0; border: unset; border-radius: 0; box-shadow: unset; padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.slide_up_down .panel p{padding-bottom: 30px;}
.slide_up_down .accordion.active{padding-bottom:10px;}
.slide_up_down .active, 
.tab_open_close .accordion:hover {background-color: #ccc; }
.slide_up_down .accordion{ font-size: 14px; margin:0; color: #2d2d2d; cursor: pointer; padding: 0; width: 100%; text-align: left; outline: none; transition: .4s; letter-spacing: 1px; position: relative; background: white; font-weight: 700 !important;}
.slide_up_down .accordion:after{color: #2d2d2d; font-weight: 600; margin-left: 5px; font-size: 23px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-image: url(/img/brand_logo/arrow.png); content: ''; background-repeat: no-repeat; background-size: 10px; width: 10px; height: 10px; transition: all 0.2s ease;}
.slide_up_down .active:after{ transform: translateY(-50%) rotate(180deg);}
.tab_section .tab__main .slide{border: 1px solid #e3e3e3; border-radius: 12px; overflow: hidden; margin-bottom: 15px; padding: 24px; background: white;}
.tab_section .slide_up_down{ margin-top: 50px;}

.shot_topic .blog-content li a{color:black;}

.icon_text .icon_inner .icon_block{display: flex; gap: 20px; margin-bottom: 30px;}
.icon_text .icon_inner .icon_block .icon_text_side h2{font-size: 24px; line-height: normal; margin-bottom: 5px; margin-top: 0;}
.icon_text .icon_inner .icon_block .icon_text_side h3{font-size: 20px; color: green;}
.icon_text .icon_inner .icon_block .icon_text_side ul { margin-left: 0;}
.icon_text .icon_inner .icon_block .icon_text_side ul li{list-style-type: none; display: flex; align-items: center; gap: 10px; margin-top: 5px; font-size: 16px; color: black;}
.icon_text .icon_inner .icon_side span{width: 70px; height: 70px;  border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.icon_text .icon_inner .icon_block .icon_text_side ul li svg{ stroke:green;}
.icon_text .icon_inner .icon_block:nth-child(even) .icon_side span{background: #ECF5ED;}
.icon_text .icon_inner .icon_block:nth-child(even) .icon_side span svg{fill: green; stroke:green;}
.icon_text .icon_inner .icon_block:nth-child(odd) .icon_side span{background: #EAF0FC;}
.icon_text .icon_inner .icon_block:nth-child(odd) .icon_side span svg{fill: #1761A0; stroke:#1761A0;}

.icon_text .after_before_block .after_before_inner{display: flex; gap: 20px; align-items: center;}
.icon_text .after_before_block .after_before_inner .before_block{ width: calc(40% - 13.33px); background: #FFF4F5; border-radius: 16px; padding: 20px;}
.icon_text .after_before_block .after_before_inner .arrow_block{ width: calc(20% - 13.33px);}
.icon_text .after_before_block .after_before_inner .after_block{width: calc(40% - 13.33px); background: #ECF5ED; border-radius: 16px; padding: 20px;}
.icon_text .after_before_block .after_before_inner .before_block h3{color:red;}
.icon_text .after_before_block .after_before_inner .after_block h3{color:green;}
.icon_text .after_before_block .after_before_inner ul{margin-left:0;}
.icon_text .after_before_block h2{font-size: 24px; line-height: normal; margin-bottom: 5px; margin-top: 0;}
.icon_text .after_before_block .after_before_inner ul li{list-style-type: none; display: flex; align-items: center; gap: 10px; margin-top: 5px; font-size: 16px; color: black;}
.icon_text .after_before_block .after_before_inner .bototm_content p:first-child{font-size: 18px; text-align: center;}
.icon_text .after_before_block .after_before_inner .bototm_content p:last-child{text-align: center; font-size: 35px;}
.icon_text .after_before_block .after_before_inner .arrow_block span{width: 50px; height: 50px; background: red; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto;}
.icon_text .after_before_block {border: 1px solid #d3d3d37d; padding: 30px; border-radius: 16px; margin: 40px 0;}
.icon_text .after_before_block .after_before_inner .arrow_block span svg{fill:white;}

  


       @media (min-width: 768px) and (max-width:1440px) {
   .cd_shopify.blog-page .new_page_design .main_content{ width: calc(70% - 15px);}
   .cd_shopify.blog-page .new_page_design .right_side{ width: calc(30% - 15px);}
   .cd_shopify.blog-page .new_page_design{padding: 0 40px;}
      .business_choose_section .service_card{padding: 20px;}
      .business_choose_section .service_inner .service_data h4{ font-size: 15px;}
      .business_choose_section .service_inner .service_block{ gap: 0;}
      .business_choose_section .service_inner .service_data{ width: 25%;}

         .image_with_text_list .articl_author .author_text h2{ font-size: 18px !important;}
      .image_with_text_list .articl_author .author_text p{ font-size: 12px;}
      .image_with_text_list .articl_author .time_text{ gap: 10px;}
      .image_with_text_list .articl_author .time_text span,
      .image_with_text_list .articl_author .author_data{ gap: 5px;}
}


     @media(max-width: 767px) {
      .blog-banner {padding-top: 0;height: auto;}
      .blog-banner img {position: relative;}

      .customer-reviews-outer .review-title { margin-bottom: 20px; font-size: 22px; }

        .image_with_text_list .text_inner{ flex-direction: column; padding: 30px; gap: 20px;}
        .image_with_text_list .text_inner .text_side, 
        .image_with_text_list .text_inner .image_side { width: 100%;}
        .image_with_text_list .text_data .button_data{ flex-direction: column;}
        .image_with_text_list .text_data .button_data a{ max-width: 100%; justify-content: center;}
        .image_with_text_list .text_data ul li{width: calc(50% - 10px); max-width: unset;}
        .image_with_text_list .text_data ul{ flex-wrap: wrap;}
        .image_with_text_list .text_inner .text_side .text_data{max-width: 100%;}
        .image_with_text_list .text_data h1{ font-size: 30px; text-align: center;}
        .image_with_text_list .text_data p{ text-align: center;}
        .image_with_text_list .image_side .image_inner{ text-align: center;}
        .image_with_text_list .text_inner .text_side .text_data .top_text{margin-left: auto;}
        .image_with_text_list .bottom_list .bottom_list_inner h3{ font-size: 15px;}
        .image_with_text_list .bottom_list .bottom_list_inner p{font-size: 10px; margin: 5px 0 0; line-height: 15px;}
        .image_with_text_list .bottom_list{right: unset; left: 20px; width: calc(100% - 40px);}
        .image_with_text_list .bottom_list .bottom_list_inner{gap:10px; max-width: 100%;}
     .image_with_text_list .bottom_list .bottom_list_inner .list_block{ padding: 0 10px; width: calc(25% - 7.5px); gap: 5px; justify-content: unset; flex-direction: column;}
     .image_with_text_list .bottom_list .bottom_list_inner .list_block svg{width:30px; height:25px;}


       .right_side .blog_inner{ flex-direction: column; padding:0 20px;}
     .right_side .blog_inner .left_side,
     .right_side .blog_inner .right_side{width:100%;}
     .right_side .left_side .image_with_text{flex-direction: column;}
     .right_side .left_side .image_with_text .text_side,
     .right_side .left_side .image_with_text .image_side{width: 100%;}

      .cd_shopify.blog-page .new_page_design{flex-direction: column; padding: 0 20px;}
     .cd_shopify.blog-page .new_page_design .main_content { width: 100%; }
     .cd_shopify.blog-page .new_page_design .right_side { width: 100%; }

     .image_with_text_list .articl_author{flex-direction: column; align-items: baseline; gap: 20px; margin-top: 20px;}
     .image_with_text_list .articl_author .author_text p{font-size: 12px;}

     .icon_text .after_before_block .after_before_inner{flex-direction: column;}
     .icon_text .after_before_block .after_before_inner .before_block,
     .icon_text .after_before_block .after_before_inner .arrow_block,
     .icon_text .after_before_block .after_before_inner .after_block{width:100%;}

     .image_with_text_list .articl_author .author_data{width: 100%;}
     }