/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@media (max-width: 1200px) {
    .header .content-wrapper {
        padding: 0px !important;    
    }
    .header__column{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

h1, h2, h3, h4, h5{
  text-transform: none !important;
}
h2{
  margin-top: 50px !important;
}
h3{
  margin-top: 20px !important;
}

li{
    color: #000000;
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 5px;
}
.body-container--blog-index .blog-header {
    padding-bottom: 200px;
    padding-top: 350px
}

.blog-list-tags i.ti-tag,.right-sidebar h5.widget-title:before,h4,h5,time.blog-post__timestamp i {
    color: #193874
}

.blog-list-tags a:hover,.right-sidebar .widget.widget_tags ul li a:hover {
    color: #00d1f2!important
}

.author-bio,.post-navigation,article.post {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 0!important;
    box-shadow: none!important
}
.submenu.level-1>li.has-submenu.focus.submenu.level-2,
.submenu.level-1>li.has-submenu:hover .focus.submenu.level-2{
    position: inherit !important;
}
.nav-item.dropdown > .navbar-nav{
    transition-delay: 0s !important;
}
.nav-item.dropdown > .navbar-nav.in{
    transition: 0.3s !important;
}
.submenu.level-2{
    left: 120px !important;
    top: 70px !important;
    background: black !important;
    border: none !important;
    border-radius: 20px !important;
    max-width: 200px;
}
.nav-item.dropdown > .navbar-nav .nav-item .nav-link{
    padding: 10px !important;
    padding-top: 0px !important;
}
.submenu.level-2>li{
    margin: 5px 10px !important;
    border-color: #003aa0 !important;
}
.submenu.level-2 .menu-item:first-of-type,
.submenu.level-2 .menu-item:first-of-type .menu-link{
    padding-top: 5px !important;
}
.submenu.level-2 .menu-item .menu-link{
    color: white !important;
    font-size: 14px !important;
}
ul.submenu.level-1 > li:last-of-type a{
    background-color: transparent;
    color: #0072eb !important;
    border: solid 1px #0072eb;
    padding: 13px 35px 13px 35px;
    border-radius: 50px !important;
}
ul.submenu.level-1 > li:last-of-type a:hover{
    background-color: #00d1f2;
    color: white !important;
    border: solid 1px #00d1f2;
    padding: 13px 35px 13px 35px;
    border-radius: 50px !important;
}

.menu-arrow{
    position: absolute !important;
    top: 35px;
    right: 15px;
}
.menu-arrow :before{
    content: "";
    display: inline-block;
    width: 10px; 
    height: 10px;
    border-left: 2px solid #0070eb; 
    border-bottom: 2px solid #0070eb;
    transform: rotate(-45deg); 
    margin-left: 5px; 
    vertical-align: middle; 
}
.submenu.level-1>li.has-submenu:hover .menu-arrow .rt-dropdown-arrow:before,
.submenu.level-1>li:hover  .menu-arrow .rt-dropdown-arrow:before
{
    border-left: 2px solid #00d1f2; 
    border-bottom: 2px solid #00d1f2;
}
.systems-page .hs-search-results ul li,
article.blog-index__post {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    box-shadow: none;
    float: left;
    margin-bottom: -1px;
    overflow: hidden;
    padding: 50px !important;
    width: 100%
}
.systems-page .hs-search-results__featured-image{
    border-radius: 0;
}

.author-bio {
    margin-bottom: 0;
    margin-top: -1px;
    padding: 50px
}

.post-navigation {
    margin-top: -1px;
    box-shadow: none!important
}

.body-container--blog-post {
    background: #f8f8f8
}

.post-navigation .nav-links .nav-next,.post-navigation .nav-links .nav-previous {
    border-radius: 0;
    border-right: 1px solid #d8d8d8;
    box-shadow: none!important;
    padding: 70px 50px;
    width: 50%
}

.post-navigation .nav-links .nav-next:hover,.post-navigation .nav-links .nav-previous:hover {
    background: #193874;
    color: #fff
}

.post-navigation .nav-links .nav-next:hover .nav-next a span:before,.post-navigation .nav-links .nav-next:hover .rt-nav-info span,.post-navigation .nav-links .nav-previous:hover .nav-next a span:before,.post-navigation .nav-links .nav-previous:hover .nav-previous a span:before,.post-navigation .nav-links .nav-previous:hover .rt-nav-info span {
    color: #fff!important
}
.rt-search-results{
    padding-right: 0px !important;
}
.blog-related-posts h3 {
    background: #fff;
    color: #193874;
    padding: 50px!important;
    text-align: center!important
}

.blog-related-posts .content-wrapper {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    margin-top: -1px
}

.blog-related-posts .blog-related-posts__list {
    border-top: 1px solid #d8d8d8
}

.blog-posts .blog-item,.blog-related-posts article {
    border: 0;
    border-right: 1px solid #d8d8d8;
    margin-bottom: 0!important;
    margin-right: 0!important;
    max-width: 33%!important;
    padding: 40px!important
}

.blog-related-posts__list article:nth-child(3) {
    border: none
}

.blog-posts .style-one.blog-item .holder .data {
    padding: 30px 0 0
}

.blog-related-posts__list article .pic {
    border-radius: 0!important
}

.blog-related-posts__list article .tag-name a {
    border-radius: 20px!important
}

.blog-related-posts__list article .read-more-btn {
    width: 100%!important
}

.blog-related-posts__list .title a span:hover {
    color: #000!important
}

.blog-related-posts__list article .read-more-btn a {
    border: none!important;
    color: #0072eb!important;
    padding: 30px 0 0!important;
    width: 100%!important
}

.blog-related-posts__list article .read-more-btn a:hover {
    background: transparent!important;
    color: #00d1f2!important
}

.blog-index .blog-listing {
    padding-right: 0
}

.right-sidebar {
    padding: 0!important
}

.right-sidebar,.right-sidebar section {
    border: 1px solid #d8d8d8;
    margin-left: -1px
}

.right-sidebar section {
    margin-top: -1px;
    padding: 20px!important
}

.right-sidebar .widget-area>section.widget_radiantthemes_image_box_widget {
    background: #193874;
    box-shadow: none
}

.rt-image-box h3 {
    color: #fff!important;
    letter-spacing: 0
}

/*Modal*/
.rt-image-box .rt-gradient-btn.demo {
    background: transparent!important;
    border: 2px solid #fff !important;
    border-radius: 50px!important;
    color: #fff!important;
    padding: 15px 50px!important
}
.job-btn-grp .btn-one>.job-apply-modal>.rt-modal-pop>label.demo:hover,
.rt-image-box .rt-gradient-btn.demo:hover {
    background: #fff !important;
    color: #193874 !important;
    transform: none !important;
}
.job-btn-grp .btn-one>.job-apply-modal>.rt-modal-pop>.rt-modal-pop-overlay>.rt-modal-pop-wrap {
    background: #272f3e !important;
    max-width: 730px !important;
    height: initial !important;
    overflow-y: scroll !important;
    position: relative !important;
  border: 1px solid gray !important;
}
.job-btn-grp .btn-one>.job-apply-modal>.rt-modal-pop>.rt-modal-pop-overlay>.rt-modal-pop-wrap label{
    background: transparent !important;
    color: #0072eb !important;
}


#rt-modal-pop-title{
    color: white !important;
    font-size: 25px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

/*Sidebar*/
.right-sidebar h5.widget-title:before{
  z-index: 2 !important;
}
.right-sidebar button {
    background: #193874!important
}

.rt-recent-post-with-thumbnail-post .blog-widget-date p,.rt-recent-post-with-thumbnail-post .blog-widget-title {
    line-height: 110%!important;
    padding-bottom: 5px
}

.rt-recent-post-with-thumbnail-post {
    margin-bottom: 40px!important
}

.widget-area>#text-2 {
    border-radius: 0
}

.bsnav,.header,.header .content-wrapper {
    background: transparent
}

.header__column {
    background-color: #F7F7F7E0;
    backdrop-filter: blur(8px);
}
div#hs_cos_wrapper_site_logo {
    padding-top: 38px !important;
    max-width: 157px;
}
.submenu.level-1>li {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
}

.header nav.navigation-primary ul li a,.navigation-primary a {
    color: #000!important;
    font-family: Archivo,sans-serif!important;
    font-size: 16px!important
}

.header nav.navigation-primary ul li a:hover,.navigation-primary a:hover {
    color: #00d1f2!important
}
.top-header{
    display: none;
}
.sticky.down .header__container{
    /* padding-top: 0px !important; */
}
.systems-page .hs-search-results__title,
.blog-index__post-content.blog-index__post-content--large h4 a {
    color: #0d1119;
    font-size: 28px;
    font-weight: 700!important;
    letter-spacing: -.03rem
}

.blog-post__meta {
    padding-bottom: 20px
}

.blog-list-tags {
    margin: 0
}

.ti-tag {
    display: none
}

.blog-post__meta a span,.blog-post__meta time {
    color: #0072eb!important
}
.systems-page p.hs-search-results__description,
.blog-index__post-content p {
    color: #0d1119!important;
    font-family: Archivo,sans-serif;
    font-size: 15px!important;
    font-weight: 300!important;
    line-height: 25px!important
}

a.blog-post__tag-link {
    background: transparent!important;
    border: 1px solid #0072eb!important;
    border-radius: 20px!important;
    color: #0072eb!important;
    margin-left: 10px
}

a.blog-post__tag-link:hover {
    background: #0072eb!important;
    color: #fff!important
}

.post-read-more a span {
    color: #0072eb!important;
    font-family: Archivo,sans-serif!important;
    font-size: 20px!important;
    font-weight: 500!important
}
.blog-details-one.blog-item .holder .data .title{
    text-transform: none;
}



@media (max-width: 1200px) {
    .content-wrapper,
    .blog-related-posts{
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body .blog-content {
        padding: 0 0px;
    }
}
@media screen and (max-width: 991px) {
    .header .content-wrapper{
        padding: 0 !important;
    }
    .header .content-wrapper .header__column{
        padding: 10px;
    }
   .sticky.down .header__container{
       padding-top: 0px !important;
   }
    .header__container.content-wrapper .header__column .col-lg-2{
       width: 80%;
   }
   .header__container.content-wrapper .header__column .col-sm-3{
       width: 20%;
       z-index:9999; 
   }
    .widget-type-logo{
        max-width: 155px;
    }
    .bsnav-mobile{
        z-index: 0;
    }
    article.blog-index__post{
        padding: 10px !important;
    }
    .blog-index__post-content.blog-index__post-content--large h4 a{
        line-height: 10px;
    }
    .blog-list-tags{
        width: 100% !important;
    }
    .tags-group {
        padding-left: 0px !important;
        text-align: left !important;
    }
    a.blog-post__tag-link{
        width: inherit !important;
        text-align: center !important;
    }
    #secondary .contact-button{
        display: inherit !important;
    }
    div#hs_cos_wrapper_site_logo{
        padding-top: 15px !important;
    }
    body .blog-content {
        padding: 0 0px;
    }
    .blog-details-one.blog-item .post-content{
        width: 100%;
    }
    .blog-details-one.blog-item; .holder .banner-content{
        width: 90%
    }
    .blog-details-one.blog-item .holder .banner-content .content-box{
        padding: 5px;
    }
    .blog-details-one.blog-item .holder .data .title{
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .post-navigation .nav-links .nav-next,.post-navigation .nav-links .nav-previous {
        display: none !important;
    }
    .blog-posts .blog-item,.blog-related-posts article {
        border-right: 0;
        max-width: 100% !important;
        padding: 0px!important
    }
    .blog-related-posts__list article .read-more-btn a{
        display: none !important;
    }
    .bsnav-mobile .navbar{
        background: #272F3E !important;
    }
    .bsnav-mobile .navbar-nav .nav-item .nav-link,
    .submenu.level-1>li>a {
        color: #0072eb !important;
        font-family: "Archivo", Sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.04rem;
    }
    .submenu.level-1>li{
        border-top: none !important;
    }
    .submenu.level-1>li{
        border-bottom: 1px solid black;
    }
    .submenu.level-2 .menu-item{
        background: transparent !important;  
        border: 0 !important;
    }
    div.bsnav-mobile .navbar-nav .nav-item .navbar-nav li a{
        color: white !important;
        margin-left: 20px;
    }
    .footer-widget-section > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-10.footer-row-1-margin.dnd-section.footer-row-1-padding > div > div:nth-child(2) h4
    {
        text-align: left !important;
        margin-top: 40px;
    }
    #hs_cos_wrapper_widget_1731781483920 .hs-social-follow {
        justify-content: flex-start !important;
        margin-top: -10px !important;
        margin-bottom: 30px;
    }
}


@media (min-width: 992px) {
    .header__column {
        padding: 0px !important;
    }



    .col-lg-9 {
        flex:0 0 auto;
        width: 70%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 30%
    }
}