@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../fonts/new/avenir_lt_std_35_light-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_35_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std55_roman';
    src: url('../fonts/new/avenir_lt_std_55_roman-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_55_roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std45_book_oblique';
    src: url('../fonts/new/avenir_lt_std_45_book_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_45_book_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std85_heavy';
    src: url('../fonts/new/avenir_lt_std_85_heavy-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_85_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std45_book';
    src: url('../fonts/new/avenir_lt_std_45_book-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_45_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std95_black_oblique';
    src: url('../fonts/new/avenir_lt_std_95_black_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_95_black_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std55_oblique';
    src: url('../fonts/new/avenir_lt_std_55_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_55_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std65MdOb';
    src: url('../fonts/new/avenir_lt_std_65_medium_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_65_medium_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std65_medium';
    src: url('../fonts/new/avenir_lt_std_65_medium-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_65_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std85_heavy_oblique';
    src: url('../fonts/new/avenir_lt_std_85_heavy_oblique-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_85_heavy_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std95_black';
    src: url('../fonts/new/avenir_lt_std_95_black-webfont.woff2') format('woff2'),
         url('../fonts/new/avenir_lt_std_95_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    color: #707070;
    overflow-x: hidden !important;
    margin: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 24px;
    font-size: 16px;
    font-family: avenir_lt_std65_medium;
    letter-spacing: .05em;
    font-weight: 400
}

a {
    transition: all .5s ease
}

a:active,
a:focus {
    outline: 0
}

a:focus,
a:hover {
    text-decoration: none !important
}

.orange {
    color: #EB6720 !important
}

a:hover {
    text-decoration: none !important;
    color: #0291d2;
    transition: all .5s ease
}
h1{/*font-family: Anton !important;*/line-height: 62px;font-size: 55px;font-family: 'avenir_lt_std85_heavy';}
.banner-h2{font-size:24px !important;font-family: 'avenir_lt_std85_heavy' !important;padding-top: 10px;}
h2 {
    font-size: 44px;
    font-weight: 700;
    color:#213A58 !important;
    font-family: 'avenir_lt_std95_black';
}
.col-lg-block{display: block;}

.white {
    color: #fff !important
}

.cta {
    background: #EB6720;
    float: left;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 14px 25px 14px 25px;
    border-radius: 3px;
    margin-top: 30px;
    margin-left: 0;
    transition: all .5s ease;
    cursor: pointer
}

.cta:hover {
    transition: all .5s ease;
    color: #fff
}

.cta:hover {
    background: #f76f45
}

.cta a {
    color: #fff !important;
    text-decoration: none
}

.cta {
    border-radius: 0;
    text-transform: uppercase;
}

.gradientCta {
    background: #dd6326;
    background: -moz-linear-gradient(0deg, #dd6326 0, #ff800d 100%) !important;
    background: -webkit-linear-gradient(0deg, #dd6326 0, #ff800d 100%) !important;
    background: linear-gradient(90deg, #dd6326 0, #ff800d 100%) !important;
    float: none;
    padding: 12px 25px;
    border-radius: 25px;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    font-family: avenir_lt_std85_heavy;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #fff !important
}

.aligncenter {
    margin: 0 auto;
    display: inherit
}
h1,h2,h3,h4,h5,h6{color: #000000;}
@media (max-width:480px) {
    .home-bottom h2,
    .titleblock h2,
    h2,
    h2.heading-title {
        font-size: 36px
    }
}

@media (max-width:360px) {
    .home-bottom h2,
    .titleblock h2,
    h2,
    h2.heading-title {
        line-height: 30px;
        font-size: 30px;
        letter-spacing: 0
    }
}

.m-t-25 {
    margin-top: 25px
}

.foot-cta-title {
    font-size: 44px;
    margin-top: 0;
    letter-spacing: -2px;
    line-height: 44px
}

.template-blog{padding: 220px 0 120px 0;font-family: 'Inter', sans-serif;}
.new-banner-title{font-size: 48px;font-family: 'mark_probold';}
@media (min-width: 768px) {
    
    .blog-container {
        width: 970px;
    } 
} 
@media (min-width: 992px) {
   
    .blog-container {
        width: 1170px;
    } 
} 
@media (min-width: 1200px) {
    
    .blog-container {
        width: 1400px;
    } 
}
@media screen and (min-width: 1600px){.blog-container {max-width: 1400px;}}
@media screen and (min-width: 1200px) and (max-width: 1599px){.blog-container{min-width:1400px;}}
.blog-container {
    max-width: 100%;
}
.side {
 width: auto;
  height: max-content;
}
.side {
  position: -webkit-sticky;
  position: sticky;
  top: 111px;
}
@media (max-width: 767px){.side {
  position: -webkit-relative;
  position: relative;
  top:0;
    padding-bottom:30px;width:100%;float:left;
    }}
.blogside1{box-shadow: 0px 0px 20px 0 rgb(0 10 63 / 20%);padding:15px;}
@media (min-width: 768px){.blogside{width:270px;box-shadow: 0px 0px 14px 0 rgb(0 10 63 / 20%);padding:15px;}
.blogsidemini{width:auto;box-shadow: 0px 0px 14px 0 rgb(0 10 63 / 20%);padding:15px 30px 15px 15px;}
}
.blogside1 .blogList li a{cursor:pointer;}
.blogside .blogList li a, .blogsidemini .blogList li a{cursor:pointer;}
.codebox{background:#f7f7f7;padding:15px 20px;margin-bottom:20px;}
@media (min-width: 768px){.md-w-50 li{width:50%;float:left;}}
.border-set{border: 1px solid #f76f45;padding: 15px 50px 15px 20px !important;margin-bottom:30px;margin-top:30px;}

.menu-sidebar .child-ul {display:none;}
@media (max-width: 991px){
.side-blog {
    position: -webkit-relative !important;
    position: relative !important;
    top: 0 !important;
    padding-bottom: 30px;
    width: 100%;
    float: left;
}}
.side-blog {
    position: -webkit-sticky;
    position: sticky;
    top: 111px;
}
.side-blog {
    /*width: auto;*/
    height: max-content;
}
.parent-li{;list-style: none;}
.parent-li span{background: RED;color: #fff;width: 20px;height: 20px;border-radius: 50px;}

div nav.left-nav ul {
    margin-left: 0;
    padding-left: 0;padding-bottom:8px;
}
div nav.left-nav ul li {
    /*border-bottom: 2px solid #fff;*/
    font-size: 1.75rem;
    list-style: none;
    margin-bottom: 0px;
}
.image-container {
  background: #000 !important;
  text-align: center;
  padding: 1rem 0;
}
div nav.left-nav ul li.nolistHighlight {
    background-color: #17629e;
    color: #fff;
    text-decoration: none
}
div nav.left-nav ul li.nolistHighlight a {
    color: #fff
}
div nav.left-nav ul li a {
    color: #010100;
    font-weight: 400;
    display: block;
    padding: 0.8rem 1.6rem 0.8rem 1.6rem;
    /*padding-left: 1.5rem;*/
    padding-left:0;
    margin-left:32px;
    font-size: 14px;
    cursor: pointer;padding-bottom: 0;
}
div nav.left-nav ul li a:hover {
    color: #17629e;
    text-decoration: none
}
div nav.left-nav ul li ul {
    display: none;
    /*background-color: #d7d7d7*/
}
div nav.left-nav ul li ul li a {
    font-size: 14px;
    font-weight: 300;
    padding: 4px 0 4px 44px;
    cursor: pointer;
    transition: transform 850ms;
    /*font-weight: bold;*/
}
div nav.left-nav ul li ul li a.active {
    background-color: initial;
    color: #17629e;
    padding-bottom: initial
}
div nav.left-nav ul li ul li a:hover {
    color: #17629e;
    /*background-color: #17629e*/
    transform: translateX(10px);
}


.blogNo{width: 23px;
    height: 23px;
    color: #fff;
    background: #000;
    margin-right: 10px;
    border-radius: 50px;
    float: left;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    font-weight: bolder;
    z-index: 999;margin-bottom:20px;margin-left: -41px;}

.side-menu nav.left-nav ul li:before {
    height: calc(100% - 30px);
}
.blogRow{margin-left:0;margin-right:0;}
.side-menu nav.left-nav ul li:before {
    /*background: red;*/
    content: "";
    display: block;
    height: 84%;
    -webkit-margin-start: 15px;
    -moz-margin-start: 15px;
    margin-inline-start: 15px;
    border-left: 2px solid #888;
    margin-top: 2px;
    position: absolute;
    top: 30px;
    bottom: auto;
    left: 0px;
    -webkit-transition: height .2s cubic-bezier(.4,0,1,1),opacity .2s cubic-bezier(.4,0,1,1);
    transition: height .2s cubic-bezier(.4,0,1,1),opacity .2s cubic-bezier(.4,0,1,1);
    width: 1px;
    z-index: -1;
}
div nav.left-nav ul li a.active .blogNo{background: #17629e;}
div nav.left-nav ul li a.active{color: #17629e;}
.articleSide{margin-top: 5px;}
.relatedBlogSection{background: #fff;overflow: hidden;z-index: 99;position: relative;}
.relatedBlogSection .home-blog .blog-title{font-size: 18px;margin-bottom:3px;line-height:22px;}
.relatedBlogSection .home-blog .inner-blog-tag{margin-bottom: 10px;}
.relatedBlogSection .home-blog {
    padding-top: 12px;
    margin-right: 30px;
    line-height: 28px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0px;
}
.titleText{font-size: 24px; margin-bottom: 5px !important;}
.articleSide hr{margin-bottom: 0;margin-top: 0;}
.border-set{border: 1px solid #f76f45;padding: 15px 50px 15px 20px !important;margin-bottom:30px;margin-top:30px;}
@media (max-width: 991px){.md-m-t-60{margin-top: 60px !important;}}
@media screen and (min-width: 375px){
.blogTemp {
    padding: 0px 30px;
    margin: 0 auto
}}
@media screen and (min-width: 768px){
.blogTemp {
    padding: 0px 50px;
    margin: 0 auto
}}
@media screen and (min-width: 1140px){
.blogTemp {
    padding: 0px 60px;
    /*width: 1400px;*/
    margin: 0 auto;
}}

@media (max-width: 991px){
.side-blog-form {
    position: -webkit-relative !important;
    position: relative !important;
    top: 0 !important;
    padding-bottom: 30px;
    width: 100%;
    float: left;
}}
.side-blog-form {
    position: -webkit-sticky;
    position: sticky;
    top: 111px;
}
.side-blog-form {
    /*width: auto;*/
    height: max-content;
}
.blog-detail h4.m-t-0{margin-top:0px;}
.miniTitle{font-size:22px;font-weight:bold;margin-bottom: 20px !important;}
.mb-25{margin-bottom:25px;}
h2{font-size:26px;margin-bottom: 25px;letter-spacing: -1px;}
.table-content{background: transparent linear-gradient(90deg, #FE7C37 0%, #DE4E00 100%);border-radius: 5px 5px 0px 0px;color:#fff;padding-top:12px !important;padding-bottom:12px !important;}
@media screen and (min-width: 200px){.table-content{position: sticky;top: 0;}}
/* width */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f7f7f7; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.blogtablelist{list-style:none;padding-left:0;}
.blogtablelist li{padding:6px 15px;font-size:14px;line-height:20px;}
@media (max-width: 767px){
.side-table-blog {
    position: -webkit-relative !important;
    position: relative !important;
    top: 0 !important;
    padding-bottom: 30px;
    width: 100%;
    float: left;
}}
.side-table-blog {
    position: -webkit-sticky;
    position: sticky;
    top: 111px;
}
.side-table-blog {
    /*width: auto;*/
    height: max-content;
}
.nav-section{box-shadow: 1px 1px 20px #192D7029;background:#f7f7f7;}
.blogtablelist li{cursor:pointer;}
.blogtablelist li a{color:#000;}
.blogtablelist li a.active{color: #EB6720 !important;}
.author-box{box-shadow: 1px 1px 20px #192D7029;background:#fff;padding:40px 30px;float:left;}
.blog-side-form .form-space{box-shadow: 1px 1px 20px #192D7029;background:#fff;padding:40px 30px;float:left;margin-top:10px;max-width:340px;margin-bottom:0;}
#author-avatar{float:left;}
#author-description{width:100%;display:inline-block;margin-top:15px;font-size: 14px;font-style: italic;line-height: 19px;}
#author-avatar{margin-right:12px;}
#author-name{padding-top:9px;}
#author-name h3 a{padding-top:9px;font-family: 'Inter', sans-serif;color:#000;}
.blog-side-form h4{font-family: 'Inter', sans-serif;text-align: center;font-size: 20px;margin-bottom: 20px;}
.blog-side-form .foot-but{border-radius:25px;font-family: 'Inter', sans-serif !important;}
@media (max-width: 991px){.blog-side-form{max-width:360px;margin:0 auto;text-align:center;margin-top:30px;}}
.blogTemp .miniContainer{width:60%;margin:0 auto;}
.side-table-blog nav.left-nav ul li a{margin-left:0;}
.new-blog-img img{padding-top:20px;padding-bottom:20px;}
.side-table-blog .blogtablelist li{padding:2px 15px;font-size:14px;line-height:20px;}
.side-table-blog .side-menu nav.left-nav ul li:before{display:none !important;}
.blog-side-form .form{border:none !important;padding:0 !important;margin-top:0 !important;}
@media screen and (min-width: 768px) and (max-width: 991px){.blog-content {padding: 60px 25px 5px 25px;margin: 0 auto;}}
@media screen and (min-width: 375px) and (max-width: 767px){.blog-content {padding: 60px 5px 0px 5px !important;}}
@media screen and (max-width: 991px){.author-box{margin-top:20px;}.res-side-table{margin: 0 auto;display: grid;}}
.blog-content{font-family: 'Inter', sans-serif !important;padding: 60px 0;}
.blog-content p{font-size:17px !important;}
.blog-content h2, .blog-content h3{font-family: 'Inter', sans-serif !important;font-weight:bold;}
@media screen and (max-width: 767px){.authors-description-wrapper{margin-right:20px !important;}}
.take-box{background:#fe7c373b;padding:22px 20px 5px 20px;border-radius:8px;margin-bottom:20px;}
.take-box .blogList li{padding-bottom:18px;}

.new-template-banner{
    background-image: url('../images/blog-bg.webp');
    background-color: #131621;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}