*{ box-sizing: border-box;}
body{margin: 0;}
h2, h4,p{ margin: 0; }
.creative_infographic_layout_template_inner{ background-color: #B3B6C4; border-radius: 12px; }
.creative_infographic_layout_divide_color_dy1{ background-color: #EE492D; }
.creative_infographic_left_color1{ background-image: linear-gradient(to top right, #DF163E, #F14D28); }
.creative_infographic_left_color1::before{ border-color: transparent #9F042B transparent transparent; }
.creative_infographic_left_color1::after{ border-color: transparent #9F042B transparent transparent; }

.creative_infographic_layout_divide_color_dy2{ background-color: #FDD001; }
.creative_infographic_left_color2{ background-image: linear-gradient(to top right, #FCA819, #FEE000); }
.creative_infographic_left_color2::before{ border-color: transparent #C98716 transparent transparent; }
.creative_infographic_left_color2::after{ border-color: transparent #C98716 transparent transparent; }

.creative_infographic_layout_divide_color_dy3{ background-color: #02A9B6; }
.creative_infographic_left_color3{ background-image: linear-gradient(to top right, #00A2A1, #00B9C8); }
.creative_infographic_left_color3::before{ border-color: transparent #006E68 transparent transparent; }
.creative_infographic_left_color3::after{ border-color: transparent #006E68 transparent transparent; }

.creative_infographic_layout_divide_color_dy4{ background-color: #6F5CA4; }
.creative_infographic_left_color4{ background-image: linear-gradient(to top right, #4B408F, #7F6AAD); }
.creative_infographic_left_color4::before{ border-color: transparent #3A306E transparent transparent; }
.creative_infographic_left_color4::after{ border-color: transparent #3A306E transparent transparent; }

.creative_infographic_layout_inner_data { margin: 0px 100px; }
.creative_infographic_layout_main_title > *{ font-size: 25px; color: #69778C; font-family: "Antonio", sans-serif; }
.creative_infographic_layout_main_title{ margin-block-end: 10px; }
.creative_infographic_layout_main_title_section{ display: flex; align-items: center; }
.creative_infographic_layout_content_cl{ background-color: #fff; background-image: linear-gradient(to top left, #FFFFFF, #DADEE1); border-radius: 15px; position: relative; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgb(144, 158, 186) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; min-height: 180px; }
.creative_infographic_layout_divide_inner{ box-shadow: inset 6px 6px 10px 0 rgba(0, 0, 0, 0.2), inset -6px -6px 10px 0 transparent; display: inline-flex; width: 15px; height: 100px; border-radius: 15px; }
.creative_infographic_layout_cl p{ font-size: 20px; color: #535353; font-family: "Economica", sans-serif; }
.creative_infographic_layout_img_main{ margin: 20px 30px; }
.creative_infographic_layout_cl{ margin-inline-end: 30px; padding-block: 20px; margin-inline-start: 260px; width: 100%; }
.creative_infographic_layout_count_year_inner > a span{ color: #FFFFFF; font-size: 35px; font-weight: 800; font-family: "Antonio", sans-serif; text-shadow: 5px 4px 7px rgb(53, 35, 35); }
.creative_infographic_layout_year_title{ font-size: 25px; font-weight: 800; text-align: center; color: #FFFFFF; text-transform: uppercase; }

.creative_infographic_layout_template_main .creative_infographic_layout_template_inner .creative_infographic_dy_img img{ border-radius: 10px;   width: revert-layer !important; }

.creative_infographic_layout_year_main{ padding-inline: 50px; position: absolute; top: -30px;z-index: 9; }
.creative_infographic_layout_year_inner{ padding: 40px; box-shadow: rgba(0, 0, 0, 0.5) 18px 18px 30px -10px; }
.creative_infographic_layout_year_left{ border-radius: 0px 0px 60px 0px; transition: 0.3s all ease-in-out; }
.creative_infographic_img_main_cover{ display: flex; align-items: center; }
.creative_infographic_content_main_footer_section{ display: flex; flex-wrap: wrap; gap: 5px; margin-block-start: 12px; color: #000000; }
.creative_infographic_layout_year_arrow_two::before { content: ""; position: absolute; top: 0px; right: 30px; width: 0; height: 0; border-style: solid; border-width: 30px 20px 0px 0px; transform: scaleX(-1); }
.creative_infographic_layout_year_arrow_two::after { content: ""; position: absolute; top: 0px; left: 30px; width: 0; height: 0; border-style: solid; border-width: 30px 20px 0px 0px; }

.creative_infographic_layout_template_main_box{ padding-block: 40px; }
.wp_timeline_post_list.schedule_cover .wtl_main_title{ text-align: center;}
.creative_infographic_layout_cover .creative_infographic_content_main_footer_section .creative_infographic_wtl_post_author .wtl-author-title{ display: inline-flex; gap: 5px; align-items: center; }
.creative_infographic_layout_cover .creative_infographic_content_main_footer_section .creative_infographic_wtl_post_date .timelin_meta_date_icon{ display: inline-flex; gap: 5px; align-items: center; }

.creative_infographic_layout_box_main .creative_infographic_layout_inner .creative_infographic_layout_main_title_section .creative_infographic_layout_img_inner .mejs-audio{ width: 100% !important; }
.wp-timeline-preview-box .creative_infographic_layout_year_title{ margin-block: 12px; }

.creative_infographic_layout_main_title .wtl-read-more{ display: inline-block !important; }
.wtl-author-title.creative_infographic_wtl_post_share_wrapper { display: block; width: 100%; }
.wtl-author-title.creative_infographic_wtl_post_share_wrapper .timeline_footer_inner_share_icon { display: none; }


@media screen and (max-width:1364px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:992px) {
    .creative_infographic_layout_cl { order: 1; margin-inline-start: 30px; }
    .creative_infographic_layout_year_inner { padding: 8px 25px; }
    .creative_infographic_layout_year_left { border-radius: 0px 0px 30px 30px; }
    .creative_infographic_layout_count_year_inner { font-size: 12px; }
    .creative_infographic_layout_year_title { font-size: 12px; }
    .creative_infographic_layout_img_main { margin-block: 40px; }
    .creative_infographic_layout_divide{ order: 2; }
    .creative_infographic_layout_divide_inner { position: relative; right: -8px; }
    .creative_infographic_layout_count_year_inner > a span { font-size: 16px; }
}
@media screen and (max-width:767px) {
    .creative_infographic_layout_inner_data { margin: 0px 60px; }
    .creative_infographic_layout_year_left { border-radius: 0px 0px 60px 0px; }
    .creative_infographic_layout_year_inner { padding: 20px 25px; }
    .creative_infographic_layout_main_title_section { flex-wrap: wrap; }
    .creative_infographic_layout_img_main{ display: flex; justify-content: center; width: 100%; }
    .creative_infographic_layout_year_main { top: 20px; left: -70px;  }
    .creative_infographic_layout_year_arrow_two::before { top: -10px; right: 122px; transform: inherit; border-width: 10px 20px 0px 0px; }
    .creative_infographic_layout_year_arrow_two::after { display: none; top: 90px; left: 50px; transform: scaleY(-1); border-width: 20px 20px 0px 0px; }
    .creative_infographic_layout_divide { position: absolute; right: 0; }
}
@media screen and (max-width:576px) {
    .creative_infographic_layout_inner_data { margin: 0px 40px; }
    .creative_infographic_layout_count_year_inner { font-size: 22px; }
    .creative_infographic_layout_year_inner { padding: 20px 20px; }
    .creative_infographic_layout_year_arrow_two::before { right: 117px; }
    .creative_infographic_layout_year_arrow_two::after { top: 87px; bottom: -30px; }
    .creative_infographic_layout_year_left { border-radius: 0px 0px 45px 0px; }
}

/*21-08-2024*/
.creative_infographic_dy_img .wp_timeline_woocommerce_meta_box .wp_timeline_woocommerce_add_to_cart_wrap {
    width: max-content;
}
.creative_infographic_content_main_footer_section {
    align-items: center;
}

.creative_infographic_layout_main_title_section .wp_timeline_woocommerce_add_to_cart_wrap, .creative_infographic_layout_main_title_section .creative_infographic_layout_img_main .edd_purchase_submit_wrapper{width: 100% !important; text-align: center;}
.creative_infographic_layout_main_title_section .wp_timeline_woocommerce_add_to_cart_wrap a.product_type_simple, .creative_infographic_layout_main_title_section .creative_infographic_layout_img_main .edd_purchase_submit_wrapper button, .creative_infographic_layout_main_title_section .edd_purchase_submit_wrapper a{border-radius: 6px !important;background: black !important;}
.creative_infographic_layout_main_title_section .wp_timeline_woocommerce_add_to_cart_wrap a.product_type_simple:hover, .creative_infographic_layout_main_title_section .creative_infographic_layout_img_main .edd_purchase_submit_wrapper button:hover, .creative_infographic_layout_main_title_section .edd_purchase_submit_wrapper a{border-radius: 6px;}

.creative_infographic_layout_main_title_section form .edd_price_options ul li label { display: flex; align-items: center;}
.creative_infographic_layout_main_title_section form .edd_price_options ul li input{accent-color: black;width: 20px;height: 20px;}