/*
Theme Name: Apptunix Blog
Author: Apptunix
Author URI: https://www.apptunix.com
Description: This Custom theme with custom functionality.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apptunix-blog
*/
/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-BoldItalic.woff2') format('woff2'),
        url('fonts/ProductSans-BoldItalic.woff') format('woff'),
        url('fonts/ProductSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Regular.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Regular.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-Italic.woff2') format('woff2'),
        url('fonts/ProductSans-Italic.woff') format('woff'),
        url('fonts/ProductSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Bold.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Bold.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Black.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Black.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-BlackItalic.woff2') format('woff2'),
        url('fonts/ProductSans-BlackItalic.woff') format('woff'),
        url('fonts/ProductSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-BoldItalic_1.woff2') format('woff2'),
        url('fonts/ProductSans-BoldItalic_1.woff') format('woff'),
        url('fonts/ProductSans-BoldItalic_1.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Bold_1.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Bold_1.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Bold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Light.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Light.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-LightItalic.woff2') format('woff2'),
        url('fonts/ProductSans-LightItalic.woff') format('woff'),
        url('fonts/ProductSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-Italic_1.woff2') format('woff2'),
        url('fonts/ProductSans-Italic_1.woff') format('woff'),
        url('fonts/ProductSans-Italic_1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Regular_1.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Regular_1.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Thin.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Thin.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Medium.woff2') format('woff2'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Medium.woff') format('woff'),
        url('https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/fonts/ProductSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-MediumItalic.woff2') format('woff2'),
        url('fonts/ProductSans-MediumItalic.woff') format('woff'),
        url('fonts/ProductSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Product Sans';
    src: url('fonts/ProductSans-ThinItalic.woff2') format('woff2'),
        url('fonts/ProductSans-ThinItalic.woff') format('woff'),
        url('fonts/ProductSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
} */


/**blog page css**/
body{font-family: 'Product Sans' !important;}
.cont_iner{max-width:1170px;width:90%;margin:0 auto;}
.blg_catgy_mob .current-menu-item a {
    color: #00649e;
}
.egid_mn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0px 23px #00000021;
    width: 95%;
    margin: 20px auto;
    border-radius: 10px;
    padding: 20px;
}
.egid_cntn h2 {
    letter-spacing: 0px;
    color: #141324;
    font-size: 22px;
    line-height: normal;
    font-weight: bold;
}
.blg_sct p {
    letter-spacing: 0px;
    color: #141324;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    margin-top: 6px;
}
.blg_catgy ul li a {
    letter-spacing: 0px;
    color: #8B8B8B;
    padding: 0;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}
.blg_catgy ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.blg_catgy ul li.current_page_item.selected a{color:#00649E !important}
.blg_catgy ul li {
    padding: 0;
}
.egid_cntn {
    width: 70%;
}
.egid_cntn button.btn i {
    margin-left: 5px;
}
.tp_blg_lst {
    background: #FFFFFF;
    box-shadow: 0 0px 23px #00000021;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    width: 32%;
}
a.egid_mn figure {
    background: #F5F5F7;
    border-radius: 10px;
    width: 280px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
a.egid_mn figure img {
    height: 100%;
    width: auto !important;
    object-fit: contain;
}
.ctg_nme {
    letter-spacing: 0px;
    color: #00649E;
    line-height: normal;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.dte_nme {
    letter-spacing: 0px;
    color: #141324;
    display: block;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    margin-top: 30px;
}
.blg_ovly {
    margin-top: 15px;
}
.blg_cnlst {
    margin-top: 10px;
}
.egid_cntn button.btn {
    background: #00649E;
    color: #fff;
    margin: 20px 0 0;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    padding: 12px 25px;
}
.blg_cntn h2 {
    letter-spacing: 0px;
    color: #141324;
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
}
.blg_cntn h2 a {
    color: #141324;
}
.tp_blg_lst img {
    border-radius: 10px;
    height: 170px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.tp_blg_otr {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 95%;
    margin: 40px auto 50px;
}
.blg_lstlt h1, .trnd_hds {
    letter-spacing: 0px;
    color: #141324;
    font-size: 32px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 20px;
}
.blg_catgy {
    width: 95%;
    margin: 0 auto;
}
.blg_mnsc {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 95%;
    margin: 40px auto 0;
}
.trdg_blgs .tp_blg_otr {
    width: 100%;
}
.trdg_blgs {
    width: 95%;
    margin: 0 auto;
}
.blg_pst_innr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 15px 15px;
    box-shadow: 0 0px 23px #00000021;
    border-radius: 10px;
    flex-wrap:wrap;
}
/* .current-menu-item.selected a { */
.menu-item.selected a {
    color: #00649e !important;
}
.blg_lstlt {
    width: 65%;
}
.blg_lstrt {
    width: 30%;
    padding-top: 55px;
}
.blg_lstrt_inr {
    position: sticky;
    top: 130px;
}
.search_here .search_type_here .wp_autosearch_form_wrapper {
    border: unset !important;
    background: #FFFFFF;
    box-shadow: 0px 2px 55px #00000014;
    border-radius: 10px !important;
    overflow: hidden;
    height: auto !important;
}
.search_here .search_type_here input.wp_autosearch_input {
    border-bottom: none!important;
    padding: 14px 15px 14px !important;
    border: unset !important;
    border-radius: unset !important;
    background: url(https://d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/sites/3/2023/07/13155128/ftlt_srchicn-svg.jpg);
    background-position: right 20px center;
    background-size: 20px;
    letter-spacing: 0px;
    color: #6A6A6A;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}
.blg_pst_cnt {
    width: 55%;
}
.blg_pst_img {
    width: 42%;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
}
.blg_pst_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.blg_pst_cnt h2 a {
    color: #141324;
}
.blg_pst_cnt h2 {
    letter-spacing: 0px;
    color: #141324;
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
}

.blg_pst_cnt ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}
.blg_pst_cnt ul li {
    margin-right: 15px;
    font-size:14px;
}
.blg_pst_cnt ul li a{font-size:14px;}
.blg_pst_cnt ul li:last-child {
    margin-right: 0px;
}
.blg-form {
    background: #F5F5F7;
    border-radius: 16px;
    padding: 20px;
}
.input_button textarea {
    height: 60px;
    resize: none;
}
.blg-form h2 {
    letter-spacing: 0px;
    color: #141324;
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
}
.blg-form p {
    letter-spacing: 0px;
    color: #141324;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 5px;
}
.sidbr_frm input::placeholder, .sidbr_frm textarea::placeholder {
    color: #6A6A6A;
    opacity: 1;
}
.sidbr_frm input, .sidbr_frm select, .sidbr_frm textarea {
    background-color: transparent;
    border-bottom: solid 1px #C6D8E1;
    color: #141324;
    padding: 0px 0 10px;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}
.sidbr_frm #footer_custom_form .iti--separate-dial-code .iti__selected-dial-code {
    color: #141324;
    font-size: 14px;
}
.sidbr_frm .form-group.input_button .iti__selected-flag {
    height: 20px !important;
    font-size: 14px;
}
.sidbr_frm  .get_in_touch_header .btn-white {
    box-shadow: unset;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: unset;
    font-size: 15px;
    font-weight: 500;
    margin-left: 0px;
    width: 100%;
    background: #00649E 0% 0% no-repeat padding-box;
    border-radius: 6px;
}

.trdg_blgs .blg_cntn h2 {
    font-size: 16px;
}
.blg_sbcrb_dv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}

.blg_sbcrb_lt {
    width: 50%;
}
.blg_sbcrb_lt h3 {
    letter-spacing: 0px;
    color: #141324;
    font-size: 88px;
    line-height: normal;
    font-weight: 600;
}
.blg_sbcrb_rt p {
    letter-spacing: 0px;
    color: #1B1B1D;
    font-size: 22px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 40px;
}

.blg_sbscit_bx input[type='email'] {
    border: unset;
    border-bottom: solid 1px #A1A1A1;
    width: 100%;
    padding: 0 0 10px;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: 0px;
    color: #999999;
}
.blg_sbscit_bx .input-container {
    flex-wrap: wrap;
}

.blg_sbscit_bx input[type='submit'] {
    width: 30%;
    background: #01639d;
    border: unset;
    color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    margin-top: 30px;
    border-radius:50px;
}

.blg_sbcr_sc {
    padding-bottom: 80px;
}
.blg_sbcrb_rt {
    width: 50%;
    border-left: solid 1px #D5D5D5;
    padding-left: 60px;
}
span.blee_clr {
    color: #00649E;
}
.pagination span.current {
    background-color: #00649e;
    border-color: #00649e;
}
.pagination span, .pagination a {
    color: #00649e;
}
.egid_otr .owl-dots button.owl-dot span {
    height: 10px;
    width: 10px;
    background: #f1f1f1;
    display: block;
    margin: 2px;
    border-radius: 50%;
}
.egid_otr .owl-dots button.owl-dot.active_dots span {
    background: #00649e;
}
.egid_otr .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
/*
.cntct_lctn_mn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}*/
.egid_otr .owl-nav button:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(https://www.apptunix.com/wp-content/uploads/2022/12/Icon-ionic-ios-arrow-round-forward.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.egid_otr .owl-nav button.owl-prev span, .egid_otr .owl-theme .owl-nav button.owl-prev[class*=owl-] span, .egid_otr .owl-nav button.owl-next span, .egid_otr .owl-theme .owl-nav button.owl-next[class*=owl-] span {
    border: unset !important;
    opacity: 0;
}
.egid_otr button.owl-next:after{
    transform: rotate(180deg);
}
.egid_otr .owl-nav button.owl-prev, .egid_otr button.owl-next {
    position: relative !important;
}
.egid_otr  .owl-nav button {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
    margin: 10px 16px;
}
.egid_otr .owl-nav {
    width: fit-content;
    margin: 0 auto 40px;
}
/**blog page css end **/



/**blog single detail page**/
    .published_by span {font-size: 14px;line-height: normal;font-weight: 400;color: #585858;}
    .flxibl_form .cat_form_otr {
        background: #FBFCFD 0% 0% no-repeat padding-box;
        border: 1px solid #7070700D;
        border-radius: 15px;
        padding:18px 13px 25px;
        margin-bottom:20px;
    }
    .sngl_blgdtls .rsrc_lt ul ul li {
        margin-top: 10px;
    }

    .sngl_blgdtls .blg_sbscit_bx input[type='submit']{
        margin-top:0;
    }
    .sngl_blgdtls .blg_sbscit_bx input[type='email']{
        width:70%;
    }
    .sngl_blgdtls .blg_sbscit_bx .input-container{
        width:100%;
    }
    .Blog_detail_heading p#breadcrumb a {
        font-size: 16px;
        color: #000000;
        font-weight: 900;
        opacity: 1;
    }
    .sngl_blgdtls .blog_tabs h3,.sngl_blgdtls .blog_tabs h4 {
        font-size: 20px;
        font-weight: 700;
        margin: 10px 0;
    }
    .sngl_blgdtls .Blog_detail_heading #breadcrumb span {
        line-height: 26px;
        font-weight: 500;
        font-size: 16px;
    }
    .cat_form_sticky{
        position: sticky;
        top:120px;
        margin-top:20px;
    }
    .flxibl_form {
        height: 100%;
    }
    .flxibl_form .cat_form_inr h3 {
        color: #000000 !important;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.3;
    }
    .flxibl_form .cat_form_inr p {
        color: #000000 !important;
        font-weight:500;
        font-size:14px;
        margin-top:10px;
    }
    .flxibl_form .cat_form_inr p .uprcs {
        color: #000;
        font-weight: 900;
    }
    .flxibl_form .cat_form_otr .contact_form .btn#common_submit{
        margin-block:0;
    }
    .flxibl_form .cat_form_otr .contact_form input:not([type="submit"]) {
        background: #F3F3F3 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF0F;
        border-radius: 30px;
    }
    .flxibl_form .cat_form_otr .iti__selected-dial-code {
        color: #000;
    }
    .flxibl_form .cat_form_otr .iti__arrow:not(.iti__arrow--up) {
        border-top: 4px solid #000;
    }
    .sngl_blgdtls .prev_articl_name ,.sngl_blgdtls .prev_articl_name{
        width: 100%;
    }
    .sngl_blgdtls .prev_article_page{
        background-color: rgba(0,0,0,.5);
        width:100%;
        max-width:60px;
    }
    .sngl_blgdtls .prev_article_page::before{
        content:unset;
    }
    .sngl_blgdtls .blg_sbcrb_dv{
        display:block;
        width:100%;
    }
    .sngl_blgdtls .iti__arrow{
        border-top: 4px solid #000;
    }
    .rsrc_sclshr i {
        color: #001B30;
    }
    .rsrc_sclshr i:hover{
        background:unset;
    }
    .rsrc_sclshr ul li:first-child a:hover{
        background:#3a589b;
    }
    .rsrc_sclshr ul li:nth-child(2) a:hover{
        background:#42c0fb;
    }
    .rsrc_sclshr ul li:last-child a:hover{
        background:#007ab9;
    }
    .rsrc_sclshr ul li a:hover i{
        color:#fff;
    }
    .dwnlod_egid h3 {
        font-size: 18px;
        font-weight: 900;
        color: #000;
        line-height:1.3;
    }
    .dwnlod_egid p{
        font-size: 14px;
        color: #000;
        font-weight: 500;
        margin-top:10px;
    }
    .dwnlod_egid {
        background: #FBFCFD;
        border: 1px solid #7070700D;
        border-radius: 15px;
        padding: 20px;
    }
    .dwnlod_egid figure {
        width: 95px;
        height: 160px;
        margin: 0 auto 15px;
    }
    .dwnlod_egid .btn-fix {
        background: transparent linear-gradient(180deg, #33B4FF 0%, #00649E 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF0F;
        border-radius: 30px;
        color: #fff;
        font-size: 15px;
        height: 40px;
        padding: 10px 20px;
        margin-top: 15px;
    }
    .dwnlod_egid .btn-fix:hover{
        padding:10px 20px;x
    }
    .upr_cta_ryt input {
        background: #D2F0FF 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF0F;
        border-radius: 30px;
        font-size:14px;
        padding: 10px;
        color:#000000;
        width: 100%;
    }
    .upr_cta_ryt input#lead_phone_btn {
        background: transparent linear-gradient(180deg, #33B4FF 0%, #00649E 100%) 0% 0% no-repeat padding-box;
        color: #fff;
        margin-top:10px;
        width: fit-content;
        padding:10px 35px;
    }
    .upr_cta_ryt .input-container {
        position: relative;
        margin-top:10px;
        display:block;
    }
    .sngl_blgdtls .blg_sbcrb_sc{
        padding: 100px 30px !important;
        text-align: center;
        position: relative;
        background: #f4f8ff url(https://www.apptunix.com/blog/wp-content/themes/apptunix-blog/www.apptunix.com/blog/wp-content/themes/apptunix-blog/images/map.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
    .navbar_toc .table_of_content.active a:before {
        content: unset !important;
    }
    .sngl_blgdtls .blg_sbscit_bx form{
        width:100%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 50px !important;
        overflow: hidden !important;
        padding: 10px 10px 10px 20px;
        margin: 0 auto;
    }
    .sngl_blgdtls .blg_sbscit_bx input[type='email']{
        border-bottom:unset;
    }
    .sngl_blgdtls .blg_sbcrb_dv p {
        width: 65%;
        margin:20px auto 30px;    
    }
    .blg_conta_iner {
        max-width: 1170px;
        margin: 0 auto;
        width: 90%;
    }
    .rsrce_sc {
        padding-top: 110px;
    }
    .sngl_blgdtls .blog_detail_right .post-list li .meta h5 {
        margin-bottom: 10px !important;
    }
    .rsrc_lt {
        width: 230px;
        position: sticky;
        top: 110px;
        height:100%;
    }
    .rsrc_md {
        width: 630px;
    }
    .toc {
        padding: 20px 0px;
        background: #FBFCFD;
        border: 1px solid #7070700D;
        border-radius: 15px;
    }
    .rsrc_dtl_lft {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
        flex-wrap:wrap;
    }
    nav.navbar_toc li a span {
        position: absolute;
        left: 0;
        color: #00649e;
        font-weight: 600;
        top: 1px;
    }
    nav.navbar_toc li ul li a::before,nav.navbar_toc li ul li.active a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 6px;
        height: 6px;
        width: 6px;
        background: #00649e;
        border-left:unset;
        border-radius: 50%;
    }
    nav.navbar_toc li ul li a {
        font-size: 14px;
        position: relative;
        z-index: 1;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 15px;
    }
    nav.navbar_toc li ul {
        padding-left: 30px;
    }
    nav.navbar_toc .table_of_content {
        margin-bottom: 15px;
    }
    nav.navbar_toc {
        max-height: 350px;
        overflow-y: auto;
        padding: 0 10px;
    }
    .rsrc_lt h3 {
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: 800;
        padding: 0 10px;
    }
    nav.navbar_toc ul li a {
        color: #101010;
        font-size: 14px;
        position: relative;
        padding:0 0 0 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 600;
    }
    nav.navbar_toc::-webkit-scrollbar {
        width: 5px;
        
    }
    nav.navbar_toc::-webkit-scrollbar-thumb {
    background-color: #C1C1C1; 
    border-radius:5px;
    }
    .rsrc_sclshr ul li a {
        height: 48px;
        width: 48px;
        border-radius: 50%;
        background: #f2f2f2;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .rsrc_sclshr ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0 20px;
    }
    .rsrc_sclshr ul li a {
        height: 48px;
        width: 48px;
        border-radius: 50%;
        background: #f2f2f2;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .rsrc_sclshr ul li {
        margin: 0;
    }
    .rsrc_sclshr h3 {
        padding: 0;
        margin-bottom: 15px;
    }
    .rsrc_sclshr {
        margin-top: 20px;
    }
    .rsrce_mn {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap:wrap;
    }
    .rsrc_rgt {
        width: 257px;
        margin-top:-18px;
    }
    .upr_cta_mn {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        margin:30px 0 50px;
    }
    .upr_cta_mn.upr_cta_mn1{
        margin:10px 0 50px;
    }
    .upr_cta_lft {
        background: #FBFCFD ;
        border: 1px solid #7070700D;
        border-radius: 15px;
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 75%;
        flex-wrap: wrap;
    }

    .fix_container {
        width: 90%;
        max-width: 1170px;
        margin: 0 auto;
    }
    .upr_cta_cntnt h3 {
        font-size: 16px;
        font-weight:700;
        color:#000;
    }
    .upr_cta_cntnt p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-top:5px;
    }
    .upr_cta_lft .btn-fix {
        background: #fff;
        font-size: 15px;
        font-weight: 500;
        padding: 5px 55px 5px 15px !important;
        height: 45px;
        border: 1px solid #000;
        color: #000;
    }
    .upr_cta_lft .btn-fix svg{
        background: #000;
        width: 34px;
        height: 34px;
        padding: 7px;
        right:6px;
        animation:unset;
    }
    .upr_cta_lft .btn-fix svg path{
        fill:#fff;
    }
    .upr_cta_lft .btn-fix:hover{
        padding: 5px 15px 5px 55px !important;
    }
    .upr_cta_lft .btn-fix:hover svg{
        right: calc(100% - 40px);
        background:#000;
    }
    .upr_cta_ryt {
        background: #EBF8FF 0% 0% no-repeat padding-box;
        border: 1px solid #7070700D;
        border-radius: 15px;
        padding: 20px 10px;
        width: 22%;
        text-align: center;
    }
    .upr_cta_ryt h3 {
        font-size: 20px;
        font-weight: 800;
    }
    .upr_cta_ryt p {
        font-size: 12px;
        color: #000000;
        font-weight: 400;
        margin-top:10px;
    }
    .rsrc_dtl_hdng{
        width:100%;
        display:block;
    }
    .rsrc_dtl_hdng h1 {
        font-size: 38px;
        font-weight: 800;
        line-height:1.3;
    }
    .rsrc_mn_outr {
        width: 75%;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
        height:100%;
        margin-top:-125px;
        gap:30px 0;
    }
    .sngl_blgdtls .blg_mn_cntn h2{
        text-align:left;
        margin-bottom:15px;
        font-weight:800;
        line-height:1.3;
        font-size:25px;
    }
    .sngl_blgdtls .Blog_detail_heading #breadcrumb span {
        line-height: 26px;
        font-weight: 500;
        font-size: 16px;
    }
    .upr_cta_wthot .upr_cta_ryt{
        margin-left:auto;
    }
    .rsrc_mn_wthot.rsrc_mn_outr{
        margin-top:-280px;
    }
    .sngl_blgdtls .blg_sbcrb_dv h2 {
        font-size: 42px;
        text-align:center;
    }
    .sngl_blgdtls .saboxplugin-wrap {
        margin: 30px 0;
        background: #FBFCFD;
        border: 1px solid #7070700D !important;
        border-radius: 15px;
        box-shadow: unset;
    }
    .sngl_blgdtls .next_prev_articles{
        margin-top:25px;
    }
    .sngl_blgdtls .recent_articls_prev {
        width: 48%;
    }
    .sngl_blgdtls .saboxplugin-wrap a{
        font-size:26px;
    }
    .sngl_blgdtls .saboxplugin-wrap .saboxplugin-desc p{
        font-size: 18px !important;
        line-height: 26px !important;
        color: #101010;
        margin: 10px 0;
    }
    .sngl_blgdtls .icon-overlay img{
        border-radius:30px;
        object-position: left top;
    }
    .sngl_blgdtls .blog_detail_right .post-list li{
        border-radius:30px;
        margin-bottom:0;
    }
    .sngl_blgdtls .rsrc_md figure {
        width: 100%;
        height: auto;
        margin:20px 0;
    }
    .sngl_blgdtls .rsrc_md figure img{
        width:100%;
        height:100%;
    }
    .sngl_blgdtls .blog_right_box {
        margin-top: 70px;
    }
    .sngl_blgdtls .blog_right_box .social_search{
        font-size: 46px !important;
        font-weight: 800;
    }
    .sngl_blgdtls .blog_detail_right .post-list{
        margin-top:40px;
    }
    .sngl_blgdtls .blg_mn_cntn p ,.sngl_blgdtls .blg_mn_cntn li{
        line-height: 30px;
        color: #101010;
        margin:12px 0;
    }
    .sngl_blgdtls .blg_mn_cntn li{
        list-style: disc;
    }
    .sngl_blgdtls .blg_mn_cntn ul{
        margin-left:20px;
    }
    .sngl_blgdtls .blg_mn_cntn ul:has(.blog_tabs_li h4, .blog_tabs_li h3) {
        margin-left: 0;
    }
    .sngl_blgdtls .blog_tabs:has(h4, h3){
        margin:0 !important;
        list-style:none; 
    }
    .table_of_content a.active{
        color: #0475E5;
    }
    .upr_cta_ryt .error {
        display: none !important;
    }
    .upr_cta_ryt input.empty_value {
        border: 1px solid red;
    }
/**blog single detail page end**/

@media(max-width:1500px){
    .sngl_blgdtls .dwnlod_egid p,.flxibl_form .cat_form_inr p{
        line-height:22px;
    }
}
@media(max-width:1400px){
    .blg_cntn h2 {
        font-size: 16px;
    }
    .ctg_nme {
        font-size: 16px;
    }

    .blg_pst_cnt h2 {
        font-size: 16px;
    }
    .blg_pst_img {
        height: 160px;
    }
    .blg_sct p {
        font-size: 15px;
    }

    .blg_lstlt h1, .trnd_hds {
        font-size: 25px;
    }
    .blg_sbcrb_lt h3 {
        font-size: 78px;
    }
    .blg_catgy ul li a {
        font-size: 16px;
    }
    .egid_cntn h2 {
        font-size: 20px;
    }
}
@media (max-width:1300px) {
    .blg_fxd_pp_mn {width:80%;padding: 20px;}
    /*3-feb-2024 blog detail*/
    .rsrc_md {
        width: 550px;
    }
    /*3-feb-2024 blog detail*/
}
@media(max-width:1200px){
        /*3-feb-2024 blog detail*/
        .upr_cta_mn.upr_cta_mn1 {
            margin: 10px 0 20px;
        }
        .sngl_blgdtls .blog_right_box .social_search {
            font-size: 24px !important;
        }
        .sngl_blgdtls .blog_detail_right .post-list {
            margin-top: 10px;
            gap: 20px;
        }
        .sngl_blgdtls .blog_detail_right .post-list li{
            margin-bottom:0;
        }
        .sngl_blgdtls .blog_right_box {
            margin-top: 0;
        }
        .sngl_blgdtls .blk_span {
            display: inline;
        }
        .sngl_blgdtls .blg_mn_cntn p{
            font-size:14px;
            line-height:22px;
        }
        .sngl_blgdtls .blg_mn_cntn h2 {
            font-size:20px;
        }
        .sngl_blgdtls .blog_tabs h3,.sngl_blgdtls .blog_tabs h4 {
            font-size: 18px;
        }
        .sngl_blgdtls .blg_sbcrb_dv p {
            width: 100%;
            margin: 10px auto;
        }
        .sngl_blgdtls .blg_sbcrb_dv h2 {
            font-size: 26px;
            line-height: normal;
        }
        .sngl_blgdtls .blg_sbcrb_sc{
            padding:20px !important;
        }
        .sngl_blgdtls .saboxplugin-wrap .saboxplugin-desc p {
            font-size: 14px !important;
        }
        .sngl_blgdtls .saboxplugin-wrap a {
            font-size: 20px;
        }
        .rsrc_rgt{
            margin-top:20px;
        }
        .flxibl_form .cat_form_otr{
            margin:30px 0;
        }
        .rsrc_dtl_hdng h1 {
            font-size: 24px;
        }
        .rsrc_mn_outr {
            width: 100%;
            gap:0;
            margin-top:0;
        }
        .rsrc_mn_wthot.rsrc_mn_outr{
            margin-top:0;
        }
        .rsrc_lt {
            order: 1;
        }
        .toc{
            display:none;
        }
        .rsrc_lt ,.rsrc_rgt{
            width: 100%;
            position: unset;
        }
        .upr_cta_ryt .input-container{
            width:50%;
            margin:10px auto 0;
        }
        .rsrc_md{
            width:100%;
            margin-top:10px;
        }

        .upr_cta_ryt,.upr_cta_lft{
            width:100%;
            padding:15px;
        }
        .upr_cta_mn{
            gap:20px;
            margin-bottom:0 0 30px;
        }
        .upr_cta_cntnt {
            width: 100%;
            text-align: center;
        }
        .upr_cta_lft .btn-fix {
            margin: 20px auto 0;
        }
        .rsrc_sclshr{
            text-align:center;
        }
        .rsrc_sclshr ul{
            justify-content:center;
        }
    /*3-feb-2024 blog detail*/
    .blg_lstrt {
        width: 50%;
        padding-top: 25px;
        margin: 0 auto;
    }
    .blg_mnsc {
        flex-wrap: wrap;
    }
    .blg_pst_mn {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .blg_pst_cnt {
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }
    .blg_pst_img {
        width: 100%;
        height: 180px;
    }
    .blg_pst_cnt ul {
        justify-content: flex-start;
        margin-top: 10px;
    }
    .blg_pst_innr {
        align-items: stretch;
        justify-content: space-between;
        margin-bottom: 30px;
        flex-wrap: wrap;
        width: 49%;
        margin-bottom: 20px;
        box-shadow: 0px 2px 46px #0000000f;
        border-radius: 20px;
        padding: 20px;
    }
    .blg_lstrt_inr .search_here {
        display: none;
    }
    .blg_lstlt {
        width: 100%;
    }

    .trdg_blgs .tp_blg_otr {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .blg_sbcrb_lt h3 {
        font-size: 60px;
    }
    .blg_catgy ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .blg_catgy ul li {
        padding: 0 40px 10px 0;
    }
    a.egid_mn figure {
        width: 250px;
        height: 250px;
    }
}
@media(max-width:992px){
    /*3-feb-2024 blog detail*/
        .blg_mn_cntn h1 {
            font-size: 22px;
        }
        .single_right {display: block !important;width: 100%;}
        .single_right_inner {display: none !important;}
    /*3-feb-2024 blog detail*/
    .tp_blg_otr {
        flex-wrap: wrap;
    }

    .trdg_blgs .tp_blg_otr {
        margin-bottom: 0;
    }
    .blg_sbcrb_dv {
        justify-content: center;
        flex-wrap: wrap;
    }
    .blg_sbcrb_lt {
        width: 100%;
        text-align: center;
    }
    .blg_sbcrb_rt {
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin-top: 20px;
        border-left: unset;
    }
    .blg_sbcrb_lt h3 {
        font-size: 40px;
    }
    .blg_sbscit_bx input[type='submit'] {
        margin: 30px auto 0;
    }
    .tp_blg_lst {
        width: 49%;
        margin-bottom: 15px;
    }
    .tp_blg_lst:last-child {
        width: 49%;
        margin: 0 auto;
    }
    .trdg_blgs .tp_blg_lst:last-child {
        margin-bottom: 20px;
    }

    .egid_cntn {
        width: 65%;
    }

}
@media(max-width:855px){
    .egid_cntn {
        width: 60%;
    }
}
@media(max-width:767px){
    .blg_sbcrb_lt h3 {
        font-size: 30px;
    }
    .blg_sbcrb_rt p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .egid_mn {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    section.all_sec.blg_sct {
        padding-top: 140px;
    }
    .egid_cntn {
        width: 80%;
        text-align: center;
        margin-top: 20px;
    }
    .egid_cntn .dte_nme {
        margin-top: 10px;
    }
    .blg_pst_cnt ul li:last-child {
        display: none;
    }
    .egid_mn {
        width: 90%;
        padding: 10px;
        height: 500px;
    }
}
@media(max-width:670px){
    .blg_pst_innr {
        width: 100%;
    }

    .tp_blg_lst {
        width: 100%;
    }
    .tp_blg_lst:last-child {
        width: 100%;
    }
    .blg_lstrt {
        width: 100%;
        padding-top: 25px;
        margin: 0 auto 30px;
    }
}
@media (max-width:480px) {
    /*3-feb-2024 blog detail*/
        .sngl_blgdtls .recent_articls_prev{
            width:75%;
        }
        .upr_cta_ryt .input-container {
            width: 100%;
        }
        .rsrce_sc{
            overflow:hidden;
        }
        .sngl_blgdtls .prev_article_page{
            max-width: 45px;
            height: 45px;
        }
    /*3-feb-2024 blog detail*/
}

@media (max-width:375px){
    .egid_mn {
        height: 530px;
        width: 100%;
    }
    .egid_cntn {
        width: 100%;
        text-align: center;
        margin-top: 0px;
    }
}



/* Blog Side Form */
.cat_form_otr {
    padding: 18px 13px 0;
    background-color: #0B1219;
    border-radius: 10px;
    margin-bottom: 40px;
}
.latest_blog_detail_page_ui .cat_form_inr>* {
    color: #fff !important;
}
.cat_form_inr {
    margin-bottom: 33px;
    position: relative;
}
.latest_blog_detail_page_ui .cat_form_inr h3 {
    font-size: 20px !important;
    font-weight: 500 !important;
    letter-spacing: 0.11px !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
    padding: 0;
}
.latest_blog_detail_page_ui .cat_form_inr p {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1px !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    position: relative !important;
}
.cat_form_inr::before,
.cat_form_inr p::before, 
.cat_form_inr p:after {
    content: "";
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cat_form_inr::before {
    width: 23px;
    height: 21px;
    top: 50px;
    right: 5px;
}
.cat_form_inr p::before {
    background-image: none;
}
.cat_form_inr p::after {
    background-image: none;
}
.cat_form_inr p span {
    font-weight: 800;
}
.cat_form_otr .contact_form .form-group {
    margin-bottom: 21px;
}
.cat_form_otr .contact_form input:not([type="submit"]) {
    color: #000;
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    background-color: #111D29;
    border: 1px solid #FFFFFF0F;
    border-radius: 50px;
    padding: 5px 15px;
    box-shadow: none;
    outline: none;
}
.cat_form_otr .contact_form input:not([type="submit"]):focus {
    border-color: #33B4FF;
}
.cat_form_otr .contact_form input:not([type="submit"])::placeholder {
    color: #989898;
    opacity: 1;
}
.cat_form_otr .iti__selected-dial-code {
    color: #fff;
    font-size: 14px;
    line-height: 1;
}
.cat_form_otr .iti--allow-dropdown .iti__flag-container,
.cat_form_otr .iti--separate-dial-code .iti__flag-container {
    bottom: auto;
    height: 40px;
}
.cat_form_otr .iti {
    width: 100%;
}
.cat_form_otr .iti__arrow {
    margin-left: 4px;
}
.cat_form_otr .iti__arrow:not(.iti__arrow--up) {
    border-top: 4px solid #fff;
}
.cat_form_otr .iti__arrow--up {
    border-bottom: 4px solid #fff;
}
.cat_form_otr .iti__country-list {
    width: 285px;
    white-space: normal;
}
.cat_form_otr .iti__country-list li {
    font-size: 14px;
    margin: 0;
}
.cat_form_otr label.error {
    color: red;
    font-size: 12px;
    font-weight: 500;
    display: block;
    position: absolute;
}
.cat_form_otr .contact_form .btn#common_submit {
    display: inline-flex;
    height: 40px;
    font-size: 15px !important;
    color: #fff !important;
    text-transform: capitalize !important;
    border-radius: 50px !important;
    font-weight: 400 !important;
    background: #33B4FF linear-gradient(180deg, #33B4FF 0%, #00649E 100%) 0% 0% no-repeat padding-box !important;
    border: 1px solid #FFFFFF0F !important;
    padding: 5px 20px !important;
    margin-block: 10px -20px;
}
.cat_form_otr .contact_form .btn:hover {
    background: #33B4FF linear-gradient(180deg, #33B4FF 0%, #33B4FF 100%) 0% 0% no-repeat padding-box;
}
nav.navbar_toc {
    max-height: 350px;
    overflow: auto;
}

/* cost-estimation */
.catfrm_cost-estimation .cat_form_inr {
    margin-bottom: 58px;
}
.catfrm_cost-estimation .cat_form_inr::before {
    top: 0;
    right: 5px;
    width: 24px;
    height: 20px;
}
.catfrm_cost-estimation .cat_form_inr p::before {
    bottom: -33px;
    left: 15px;
    width: 25px;
    height: 25px;
}
.catfrm_cost-estimation .cat_form_inr p::after {
    bottom: -40px;
    right: 5px;
    width: 36px;
    height: 39px;
}


/* brand-stories */
.catfrm_brand-stories .cat_form_inr {
    margin-bottom: 37px;
}
.catfrm_brand-stories .cat_form_inr::before {
    top: 0;
    right: 0;
    width: 24px;
    height: 20px;
}
.catfrm_brand-stories .cat_form_inr p::before {
    width: 25px;
    height: 25px;
    left: 45px;
    bottom: -25px;
}
.catfrm_brand-stories .cat_form_inr p::after {
    width: 24px;
    height: 20px;
    right: 20px;
    bottom: -25px;
}


/* technology */
.catfrm_technology .cat_form_inr {
    margin-bottom: 58px;
}
.catfrm_technology .cat_form_inr::before {
    top: 0;
    right: 0;
    width: 24px;
    height: 20px;
}
.catfrm_technology .cat_form_inr p::before {
    width: 26px;
    height: 29px;
    left: 15px;
    bottom: -40px;
}
.catfrm_technology .cat_form_inr p::after {
    width: 28px;
    height: 28px;
    right: 12px;
    bottom: -40px;
}


/* learn-from-failures */
.catfrm_learn-from-failures .cat_form_inr {
    margin-bottom: 53px;
}
.catfrm_learn-from-failures .cat_form_inr::before {
    display: none;
}
.catfrm_learn-from-failures .cat_form_inr p::before {
    width: 30px;
    height: 30px;
    left: 25px;
    bottom: -40px;
}
.catfrm_learn-from-failures .cat_form_inr p::after {
    width: 24px;
    height: 28px;
    right: 17px;
    bottom: -30px;
}


/* app-development-guide */
.catfrm_app-development-guide .cat_form_inr {
    margin-bottom: 37px;
}
.catfrm_app-development-guide .cat_form_inr::before {
    width: 18px;
    height: 24px;
    top: 10px;
    right: 0;
}
.catfrm_app-development-guide .cat_form_inr p::before {
    width: 42px;
    height: 41px;
    left: 110px;
    bottom: -25px;
}
.catfrm_app-development-guide .cat_form_inr p::after {
    display: none;
}

.single_right {
    min-width: 240px !important;
}