body { font-family:'Nunito Sans'; }
:focus { outline: -webkit-focus-ring-color auto 0px;}
button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
.form-control:focus { box-shadow: unset; border-color: rgba(0, 0, 0, 0); }

/*Default Style*/
.container-box{ width: 80%; margin: 0 auto; }
section { padding: 40px 0; position: relative; width: 100%;}
p{color:#212121; font-size:16px; margin-bottom:10px; font-weight: 300;}
strong{font-weight: 700;}
h2{font-size:30px; color: #000000; font-weight: 700; margin: 0 0 20px 0;}
h2.main-heading{ position: relative; overflow: hidden; font-size:30px; color:#012C9C; text-align:center; font-weight: 700; margin: 0 0 20px 0;}
h2.main-heading::before{content:""; border-bottom: 1px solid #e8e8e8; width: 37%; position: absolute; top: 18px; left: 0;}
h2.main-heading::after{content:""; border-bottom: 1px solid #e8e8e8; width: 37%; position: absolute; top: 18px; right: 0;}
p.main-paragraph{color:#212121; font-size:16px; line-height: 25px; text-align:center; margin-bottom:10px;}
p.main-paragraph{width:80%; margin:15px auto 10px;}
.modal p{text-align: left;}
ol{ margin: 0; padding: 0 0 0 17px;}
li{font-size: 16px; color:#212121; font-weight: 300;}
a {color: #0e44c4; text-decoration: none; }
small{font-size: 12px; font-weight: 300;}
.bg-white{ background-color: #ffffff;}
.bg-gray {background-color: #fafafa;}
.bg-black {background-color: #212121;}
.bg-blue {background-color: #012C9C;}
.text-white{color: #fff !important;}
.bg-green{background-color: #e7edff;}
.btn.focus, .btn:focus{outline: none; box-shadow:unset;}
.btn-modal {font-size:16px; font-weight:600;}
.btn-tfn:hover, .btn-modal:hover {color: #fff;}
.btn-tfn {font-size:16px; font-weight:600; color: #000; background-color: #02afc5; padding: 7px 30px; border-radius: 100px;}
.btn:hover{color: #fff;}
.underline{text-decoration:underline;}
.check:before{content: "\2713";}
.btn-view { background-color: #012C9C; color: #fff; padding: 10px 50px; margin: 30px auto 0; font-size: 16px; font-weight: 600; display: block; width: 200px; }

.search-input { border: 2px solid #012C9C; border-radius: 4px 0 0 4px;}
.btn-search { font-size: 16px; font-weight: 600; background: #012C9C; border: 1px solid #012C9C; color: #fff; border-radius: 0 4px 4px 0; padding-left: 30px; padding-right: 30px; }

.check:before{content: "\2713"; font-size: 16px; font-weight: 800; color: #02CAFF; }
.cross:before{content: "\2716"; font-size: 16px; font-weight: 700; color: #f30025; }

.hover-line a { position: relative;  display: inline; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-size: 0px 2px; background-position: 0px 95%; -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; padding: 0.1% 0px; background-repeat: no-repeat; color: inherit; }
.hover-line a:hover { background-size: 100% 2px; }

.hover-img { transition: 0.5s; }
.hover-img:hover { transform: scale(1.1); }

.dsk-show { display: block;}
.mbl-show { display: none;}

.dropdown-menu {padding: 0;}
.dropdown-item {border-bottom: 1px solid #E0E0E0; border-top: 0; border-right: 0; border-left: 0;}
.dropdown-item:last-child {border-bottom: 0px solid #E0E0E0;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #012C9C; color: #fff;}

.jumbo-header-sec { padding: 0; background: #fff; position: relative; width: 100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); z-index: 9; }
.jumbo-header-sec .minibar-sec { background-color: #EAEAEA; padding: 10px 0;}
.jumbo-header-sec .minibar-sec p { font-size: 14px; font-weight: 400; margin: 0; }
.jumbo-header-sec .minibar-sec .text-right { text-align: right; }
.jumbo-header-sec .minibar-sec p a.tfn { font-size: 16px; font-weight: 800; color: #012C9C; text-decoration: none; }
.jumbo-header-sec .minibar-sec p a.lang{ font-size: 15px; font-weight: 800; color: #012C9C; text-decoration: none; }
.jumbo-header-sec .navbar-sec { padding: 15px 0; background: #fff; }
.jumbo-header-sec .navbar-sec .navbar-nav .nav-link { margin: 5px 15px; padding: 0; color: #012C9C; font-size: 13px; font-weight: 500; }
.jumbo-header-sec .navbar-sec .navbar-nav .nav-link.active { border-bottom: 2px solid #012C9C; }
.jumbo-header-sec .navbar-sec .navbar-nav .dropdown .dropdown-menu { padding: 0; }
.jumbo-header-sec .navbar-sec .navbar-nav .dropdown .dropdown-item { font-size: 14px; border-bottom: 1px solid #f1f1f1; }
.jumbo-header-sec .navbar-sec .navbar-nav .dropdown .dropdown-item:last-child { border-bottom: none; }

.fixed-tfn { padding: 25px 0; }

.fixed-top { visibility: hidden;  position: fixed; top: 0; left: 0; right: 0; z-index: 103000; }
.fixed-bottom.tfn-show { display: block; }
.fixed-top.tfn-show { visibility: visible; width: 100%; text-align: center; background-color: #ffffff; box-shadow: 0 0 10px -7px #000000; z-index:999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.fixed-top.tfn-show p{ font-size: 20px; color: #212121; margin: 0; font-weight: 700; }
.fixed-top.tfn-show p a { color: #012C9C; font-weight: 700; }

.fixed-bottom { visibility: hidden;  position: fixed; bottom: 0; left: 0; right: 0; z-index: 103000; }
.fixed-bottom.tfn-show { display: none; }
.fixed-bottom.tfn-show { visibility: visible; width: 100%; text-align: center; background-color: #ffffff; box-shadow: 0 0 10px -7px #000000; z-index:999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.fixed-bottom.tfn-show .custom-padding { padding: 10px; }
.fixed-bottom.tfn-show p{ font-size: 20px; color: #212121; margin: 0; font-weight: 700; }
.fixed-bottom.tfn-show p a { color: #ffffff; font-weight: 600; background: #012C9C; padding: 10px 30px; border-radius: 4px; }

.topbar { position: relative; background-color: #e5e5e5; padding: 5px 0; text-align: right;}

.footer-sec { padding: 50px 0; background: #E3F7E4; }
.footer-sec .footer-nav { padding: 0 0 20px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.footer-sec .footer-nav .footer-logo { margin: 0 0 30px 0; }
.footer-sec .footer-nav .footer-logo img { max-height: 28px; }
.footer-sec .footer-nav .footer-menu ul{ list-style-type: none; margin: 0; padding: 0; text-align: center; }
.footer-sec .footer-nav .footer-menu ul li{ display: inline-block; text-align: center; padding: 10px; }
.footer-sec .footer-nav .footer-menu ul li a{ text-decoration: none; font-size: 14px; color: #212121; font-weight: 600; }
.footer-sec .footer-nav .footer-menu ul li a:hover{ color:#012C9C; }
.footer-sec hr { border-top: 1px solid rgba(0, 0, 0, 0.07); }
.footer-sec .footer-provider { padding:40px 0 0 0; position:relative; overflow:hidden; }
.footer-sec .footer-provider ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.footer-sec .footer-provider ul li { display: block; float: left; text-align: center; text-decoration: none; width: 24%; }
.footer-sec .footer-provider ul li a { text-decoration: none; font-size: 14px; font-weight: 600; color: #212121; margin: 12px 30px; display:block; }
.footer-sec .footer-provider ul li a:hover { color: #012C9C; }
.footer .footer-policy p { color: #fff; margin:0; text-align:center; font-weight: 400;}
.footer .footer-policy p a{text-decoration:none; color: #012C9C; cursor:pointer;}
.footer .footer-policy p a:hover{text-decoration:none; color: #012C9C;}

.copyright-sec { background-color: #012C9C; padding: 20px 0; }
.copyright-sec p { color: #ffffff; font-weight: 400; font-size: 14px; margin: 0; }
.copyright-sec p a { color: #ffffff; }

/*Banner Sec Style*/
.w-banner-sec { padding: 30px 0; }
.w-banner-sec .p-2{ width: 100%; position: relative; overflow: hidden; border-radius: 0; margin: 5px; padding: 0 !important; border-radius: 4px;}
.w-banner-sec .p-2.bg-img { min-height: 250px; background-size: cover; background-position: center;}
.w-banner-sec .p-2 .text-overlay { position: absolute; background: linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(25,54,81,1) 87%); width: 100%; height: 100%; }
.w-banner-sec .p-2 .details-post { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; }
.w-banner-sec .p-2 .details-post a, .w-banner-sec .p-2 .details-post time, .w-banner-sec .p-2 .details-post span { font-size: 12px; font-weight: 500; color: #fff; }
.w-banner-sec .p-2 .details-post h1 { font-size: 18px; margin: 5px 0;}
.w-banner-sec .p-2 .details-post h1 a{ font-size: 18px; font-weight: 700; color: #fff; text-decoration: none;}
.w-banner-sec .p-2 .details-post h2 { font-size: 18px; margin: 5px 0;}
.w-banner-sec .p-2 .details-post h2 a{ font-size: 18px; font-weight: 700; color: #fff; text-decoration: none;}
.w-banner-sec .p-2 .details-post h3 { font-size: 18px; margin: 5px 0;}
.w-banner-sec .p-2 .details-post h3 a{ font-size: 18px; font-weight: 700; color: #fff; text-decoration: none;}
.w-banner-sec .p-2 .details-post p{ font-size: 14px; font-weight: 400; color: #fff;}
.w-banner-sec .p-2 .banner-show {display: none;}
.w-banner-sec .p-2 .banner-hide {display: block;}

.w-banner-category-sec { padding: 50px 0; }
.w-banner-category-sec h1{ font-size: 36px; font-weight: 800; margin: 0 0 20px 0; }
.w-banner-category-sec h2{ font-size: 18px; font-weight: 400; margin: 0 0 0 0;}
.w-banner-category-sec p a{ font-size: 16px; font-weight: 600; margin: 0;}

.w-banner-details-sec { padding: 250px 0 50px 0; background-size: cover; background-position: top right; }
.w-banner-details-sec:before { background-color: #012C9C; opacity: 0.5; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.w-banner-details-sec h1{ font-size: 40px; font-weight: 900; margin: 0 0 20px 0; color: #ffffff;}
.w-banner-details-sec p a{ font-size: 16px; font-weight: 600; margin: 0; color: #ffffff;}
.w-banner-details-sec .social-icons .btn-social{ text-decoration: none; background-color: #012C9C; padding: 7px 10px; margin: 4px;}

.w-search-sec { padding: 20px 0;}
.w-search-sec .flex-header { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.w-search-sec .p-2 { width: 100%; position: relative; }
.w-search-sec .p-2.item-1 { width: 70%; }
.w-search-sec .p-2.item-2 { width: 30%; }
.w-search-sec .form-control:focus { color: #495057; background-color: #fff; border-color: #012C9C; outline: 0; box-shadow: unset; }
.w-search-sec .btn-search { background-color: #012C9C; border: #012C9C; color: #fff; }
.w-search-sec label { font-weight: 400; text-transform: capitalize; font-size: 20px; padding-right: 30px; }
.w-search-sec.form-control { border-radius: 50px; border: 1px solid #C2C2C2; background: #fcfcfc; max-width: 400px; padding-left: 25px; width: 300px; display: inline; }
.w-search-sec .form-group { position: relative; }
.w-search-sec .form-group .round-sel { border-radius: 4px; border: 1px solid #C2C2C2; background: #fff; max-width: 400px; padding-left: 10px; width: 300px; display: inline; color: #000; text-align: left; }
.w-search-sec .form-group .dropdown-toggle:after { content: ""; display: inline-block; position: absolute; z-index: 0; color: #012C9C; width: 20px; height: 20px; background-image: url(../Images/down-arrow.svg); bottom: 12px; font: normal normal normal 16px/1 FontAwesome; top: 10px; right: 10px; border: none; }
.w-search-sec .dropdown .round-sel:focus { color: #495057; background-color: #fff; border-color: #012C9C; outline: 0; box-shadow: unset; }
.w-search-sec .form-group .dropdown .dropdown-menu { width: 100% !important; }
.w-search-sec .form-group .dropdown .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #012C9C; }

.w-latest-sec { padding: 50px 0; }
.w-latest-sec .flex-header { display: flex; flex-wrap: wrap; justify-content: space-between; }
.w-latest-sec .p-2{ width: 30%; display: flex; flex-direction: column; position: relative; overflow: hidden; border-radius: 4px; margin: 10px; padding: 0 !important; background: #fff; border: 2px solid #EFEFEF;}
.w-latest-sec .p-2 .img-wrap { position: relative; overflow: hidden}
.w-latest-sec .p-2 .details-post { background-color: #e7edff; padding: 10px; }
.w-latest-sec .p-2 .details-post a, .w-latest-sec .p-2 .details-post time { font-size: 12px; font-weight: 500; }
.w-latest-sec .p-2 .details-heading{ padding: 10px 10px 50px 10px;}
.w-latest-sec .p-2 .details-heading h3 {line-height: 20px; margin: 0 0 20px 0;}
.w-latest-sec .p-2 .details-heading h3 a{ font-size: 18px; font-weight: 700; color: #012C9C; text-decoration: none;}
.w-latest-sec .p-2 .btn-read-more { position: absolute; bottom: 10px; left: 10px; font-size: 16px; font-weight: 600; padding: 0; color: #0e44c4; }

.w-postlist-sec .flex-header { display: flex; flex-wrap: wrap; justify-content: center; }
.w-postlist-sec .p-2{ width: 30%; display: flex; flex-direction: column; position: relative; overflow: hidden; border-radius: 4px; margin: 10px; padding: 0 !important; border: 2px solid #EFEFEF;}
.w-postlist-sec .p-2 .details-post { background-color: #e7edff; padding: 10px; }
.w-postlist-sec .p-2 .details-post a, .w-postlist-sec .p-2 .details-post time { font-size: 12px; font-weight: 500; }
.w-postlist-sec .p-2 .details-heading{ padding: 10px 10px 50px 10px;}
.w-postlist-sec .p-2 .details-heading h3 {line-height: 20px; margin: 0 0 20px 0;}
.w-postlist-sec .p-2 .details-heading h3 a{ font-size: 18px; font-weight: 700; color: #012C9C; text-decoration: none;}
.w-postlist-sec .p-2 .btn-read-more { position: absolute; bottom: 10px; left: 10px; font-size: 16px; font-weight: 600; padding: 0; color: #0e44c4; }

.w-categories-sec { padding: 50px 0; }
.w-categories-sec .flex-header { display: flex; flex-wrap: wrap; justify-content: center; }
    .w-categories-sec .p-2 {
        width: 20%;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        padding: 30px 10px !important;
        background: #e7edff;
        border-radius: 4px;
        border: 2px solid #e7edff;
        margin: 15px;
        text-align: center;
    }
.w-categories-sec .p-2 a{font-size: 20px; font-weight: 700; text-decoration: none; color: #012C9C !important; }

section.footer-tfn-sec {
    position: relative !important;
}
.w-featured-sec { padding: 50px 0; }
.w-featured-sec .p-2 h3 { line-height: 20px; }
.w-featured-sec .p-2.box-1{ background: #fcfcfc; position: relative; overflow: hidden; border-radius: 4px; border: 2px solid #EFEFEF; margin: 10px; padding: 0 !important; width: 60%;}
.w-featured-sec .p-2.box-1 .img-wrap {position: relative; overflow: hidden;}
.w-featured-sec .p-2.box-1 .img-wrap .btip-logo-wrap{position: absolute; bottom: 0; right: 0;}
.w-featured-sec .p-2.box-1 .details-post { background-color: #e7edff; padding: 10px; }
.w-featured-sec .p-2.box-1 .details-post a, .w-featured-sec .p-2.box-1 .details-post time { font-size: 12px; font-weight: 500; }
.w-featured-sec .p-2.box-1  .details-heading{ padding: 10px;}
.w-featured-sec .p-2.box-1 .details-heading h3 {margin: 0 0 10px 0;}
.w-featured-sec .p-2.box-1 .details-heading h3 a{ font-size: 20px; font-weight: 700; color: #012C9C; text-decoration: none;}
.w-featured-sec .p-2.box-1 .details-heading p{ font-size: 16px; font-weight: 400; color: #012C9C; margin: 0 0 40px 0;}
.w-featured-sec .p-2.box-1 .btn-read-more { position: absolute; bottom: 10px; left: 10px; font-size: 16px; font-weight: 600; padding: 0; color: #0e44c4; }
.w-featured-sec .p-2.box-2{ display: flex; justify-content: space-between; flex-direction: column; position: relative; overflow: hidden; margin: 10px; padding: 0 !important; width: 40%;}
.w-featured-sec .p-2.box-2 .boxes { cursor: pointer; background: #fcfcfc; position: relative; overflow: hidden; display: flex; border-radius: 4px; border: 2px solid #EFEFEF; margin: 0 0 10px 0;}
.w-featured-sec .p-2.box-2 .boxes:last-child { margin-bottom: 0;}
.w-featured-sec .p-2.box-2 .img-wrap {position: relative; overflow: hidden; width: 40%;}
.w-featured-sec .p-2.box-2 .img-wrap .btip-logo-wrap{position: absolute; bottom: 0; right: 0;}
.w-featured-sec .p-2.box-2 .details-post {padding: 15px; width: 100%;}
.w-featured-sec .p-2.box-2 .details-post .details-time span, .w-featured-sec .p-2.box-2 .details-post .details-time time{ font-size: 12px; font-weight: 400; }
.w-featured-sec .p-2.box-2 .details-post h3 { line-height: 26px; font-size: 18px; font-weight: 500; }
.w-featured-sec .p-2.box-2 .details-post h3 a{ color: #012C9C; text-decoration: none;}
.w-featured-sec .p-2.box-2 .btn-read-more { position: absolute; bottom: 10px; font-size: 14px; font-weight: 400; padding: 5px 30px; background-color: transparent; border-radius: 4px; border: 2px solid #012C9C; color: #012C9C; z-index: 999; }
.w-featured-sec .p-2.box-2 .btn-read-more:hover { background-color: #012C9C; color: #fff; }
.w-featured-sec .p-2.box-2 .boxes.active { background: #012C9C; color: #fff; border: 2px solid #012C9C;}

.w-featured-tabs-sec { padding: 50px 0; }
.w-featured-tabs-sec .p-2 h3 { line-height: 20px; }
.w-featured-tabs-sec .p-2.box-1{ background: #fcfcfc; position: relative; overflow: hidden; border-radius: 4px; border: 2px solid #EFEFEF; margin: 10px; padding: 0 !important; }
.w-featured-tabs-sec .p-2.box-1 .img-wrap {position: relative; overflow: hidden;}
.w-featured-tabs-sec .p-2.box-1 .img-wrap .btip-logo-wrap{position: absolute; bottom: 0; right: 0;}
.w-featured-tabs-sec .p-2.box-1 .details-post { background-color: #e7edff; padding: 10px; }
.w-featured-tabs-sec .p-2.box-1 .details-post a, .w-featured-sec .p-2.box-1 .details-post time { font-size: 12px; font-weight: 500; }
.w-featured-tabs-sec .p-2.box-1  .details-heading { padding: 10px;}
.w-featured-tabs-sec .p-2.box-1 .details-heading h3 {margin: 0 0 10px 0;}
.w-featured-tabs-sec .p-2.box-1 .details-heading h3 a{ font-size: 20px; font-weight: 700; color: #012C9C; text-decoration: none;}
.w-featured-tabs-sec .p-2.box-1 .details-heading p{ font-size: 16px; font-weight: 400; color: #012C9C; margin: 0 0 40px 0;}
.w-featured-tabs-sec .p-2.box-1 .btn-read-more { position: absolute; bottom: 10px; left: 10px; font-size: 16px; font-weight: 600; padding: 0; color: #0e44c4; z-index: 999; }
.w-featured-tabs-sec .p-2.box-2 { position: relative; overflow: hidden; margin: 10px; padding: 0 !important; color: #012C9C; }
.w-featured-tabs-sec .p-2.box-2 .boxes { cursor: pointer; background: #fcfcfc; position: relative; overflow: hidden; display: flex; border-radius: 4px; border: 2px solid #EFEFEF; margin: 0 0 10px 0;}
.w-featured-tabs-sec .p-2.box-2 .img-wrap {position: relative; overflow: hidden; width: 40%;}
.w-featured-tabs-sec .p-2.box-2 .img-wrap .btip-logo-wrap{position: absolute; bottom: 0; right: 0;}
.w-featured-tabs-sec .p-2.box-2 .details-post {padding: 15px; width: 100%;}
.w-featured-tabs-sec .p-2.box-2 .details-post .details-time span{ font-size: 12px; font-weight: 500; }
.w-featured-tabs-sec .p-2.box-2 .details-post h3 { text-decoration: none; line-height: 26px; font-size: 18px; font-weight: 600; }
.w-featured-tabs-sec .p-2.box-2 .btn-read-more { position: absolute; bottom: 10px; font-size: 14px; font-weight: 400; padding: 5px 30px; background-color: transparent; border-radius: 4px; border: 2px solid #012C9C; color: #012C9C; z-index: 999; }
.w-featured-tabs-sec .p-2.box-2 .btn-read-more:hover { background-color: #012C9C; color: #fff; }
.w-featured-tabs-sec .p-2.box-2 .boxes.active { background: #012C9C; color: #fff; border: 2px solid #012C9C;}

.w-sidebar-sec h2 {font-size: 24px; font-weight: 700; margin: 0 0 10px 0; }

.w-categories-list { position: relative; overflow: hidden; padding: 20px; border-radius: 5px; border: 2px solid #EFEFEF; margin: 15px 0;}
.w-categories-list h3 {  font-size: 20px; font-weight: 700; margin: 0 0 20px 0; }
.w-categories-list ul { padding: 0; margin: 10px 0; list-style: none; }
.w-categories-list ul li { font-size: 16px; font-weight: 400; padding: 5px 0 5px 20px; margin: 10px 0; border-bottom: 1px solid #EFEFEF; position: relative; }
.w-categories-list ul li:before { content: ""; position: absolute; left: 0; top: 10px; height: 13px; width: 13px; background-color: transparent; border-radius: 50%; display: inline-block; border: 2px solid #012C9C; }
.w-categories-list ul li a{ color: #012C9C; text-decoration: none;}

.w-popular-list { position: relative; overflow: hidden; padding: 20px; border-radius: 5px; border: 2px solid #EFEFEF; margin: 15px 0;}
.w-popular-list h3 { font-size: 20px; font-weight: 700; margin: 0 0 20px 0; }
.w-popular-list .boxes {position: relative; overflow: hidden; border-bottom: 1px solid #EFEFEF; margin: 0 0 10px 0;}
.w-popular-list .boxes:last-child { margin: 0 0 0 0;  border-bottom: unset;}
.w-popular-list .boxes .details-time{ margin: 0 0 10px 0 }
.w-popular-list .boxes .details-time a, .w-popular-list .boxes .details-time time{ font-size: 12px; font-weight: 400;}
.w-popular-list .boxes h4 a{ font-size: 18px; font-weight: 500; color: #012C9C; text-decoration: none;}

.w-tags-list { position: relative; overflow: hidden; padding: 20px; border-radius: 5px; border: 2px solid #EFEFEF; margin: 15px 0;}
.w-tags-list h3 {  font-size: 20px; font-weight: 700; margin: 0 0 20px 0; }
.w-tags-list a{ color: #012C9C; text-decoration: none; background-color: #e7edff; padding: 7px 10px; margin: 4px;}
.w-tags-list a:hover{ color: #ffffff; background-color: #012C9C;}

.w-author-list { position: relative; overflow: hidden; padding: 20px; border-radius: 5px; border: 2px solid #EFEFEF; margin: 15px 0;}
.w-author-list .author-img img{ border-radius: 100%; border: 2px dotted #012C9C; padding: 10px; margin: 0 0 30px 0;}
.w-author-list h3 { font-size: 20px; font-weight: 700; margin: 0 0 20px 0;}
.w-author-list p{ color: #012C9C;  margin: 0 0 30px 0;}
.w-author-list .social-icons .btn-social{ text-decoration: none; background-color: #012C9C; padding: 7px 10px; margin: 4px;}

.w-pagination-sec { padding: 30px 0; }
.w-pagination-btn .btn-paging img {max-height: 18px;}
.w-pagination-btn .btn-paging.active { background-color: #012C9C; color: #fff; }
.w-pagination-btn .btn-paging { background-color: #fff; color: #012C9C; font-size: 16px; font-weight: 500; border-radius: 4px; border: 2px solid #012C9C;  padding: 10px 15px; margin: 3px;}
.w-pagination-btn .btn-paging:hover{ text-decoration: underline;}

.w-blog-detail-sec h2 { font-size: 30px; font-weight: 800; margin: 0 0 20px 0; }
.w-blog-detail-sec h3 { font-size: 25px; font-weight: 800; margin: 0 0 20px 0; }
.w-blog-detail-sec h4 { font-size: 20px; font-weight: 800; margin: 0 0 20px 0; }
.w-blog-detail-sec h5 { font-size: 20px; font-weight: 800; margin: 0 0 20px 0; }
.w-blog-detail-sec p { font-size: 18px; font-weight: 400; margin: 0 0 20px 0; line-height: 28px; }

.w-blog-detail-sec ul.w-blog-single-list { padding: 0; margin: 10px 0; list-style: none; }
.w-blog-detail-sec ul.w-blog-single-list li { font-size: 18px; font-weight: 400; padding: 5px 0 5px 20px; margin: 10px 0; position: relative; }
.w-blog-detail-sec ul.w-blog-single-list li:before { content: ""; position: absolute; left: 0; top: 12px; height: 12px; width: 12px; background-color: transparent; border-radius: 50%; display: inline-block; border: 2px solid #012C9C; }
.w-blog-detail-sec ul.w-blog-single-list li a{ color: #012C9C; text-decoration: none;}

.w-blog-detail-sec ul.w-blog-double-list { padding: 0; margin: 10px 0; list-style: none; display: flex; flex-wrap: wrap;}
.w-blog-detail-sec ul.w-blog-double-list li { flex-basis: 48%; font-size: 18px; font-weight: 400; padding: 5px 0 5px 20px; margin: 10px 0; position: relative; }
.w-blog-detail-sec ul.w-blog-double-list li:before { content: ""; position: absolute; left: 0; top: 12px; height: 12px; width: 12px; background-color: transparent; border-radius: 50%; display: inline-block; border: 2px solid #012C9C; }
.w-blog-detail-sec ul.w-blog-double-list li a{ color: #012C9C; text-decoration: none;}

.w-blog-detail-sec ul.w-blog-tripple-list { padding: 0; margin: 10px 0; list-style: none; display: flex; flex-wrap: wrap;}
.w-blog-detail-sec ul.w-blog-tripple-list li { flex-basis: 31%; font-size: 18px; font-weight: 400; padding: 5px 0 5px 20px; margin: 10px 0; position: relative; }
.w-blog-detail-sec ul.w-blog-tripple-list li:before { content: ""; position: absolute; left: 0; top: 12px; height: 12px; width: 12px; background-color: transparent; border-radius: 50%; display: inline-block; border: 2px solid #012C9C; }
.w-blog-detail-sec ul.w-blog-tripple-list li a{ color: #012C9C; text-decoration: none;}

.w-blog-detail-sec ul.w-blog-four-list { padding: 0; margin: 10px 0; list-style: none; display: flex; flex-wrap: wrap;}
.w-blog-detail-sec ul.w-blog-four-list li { flex-basis: 23%; font-size: 18px; font-weight: 400; padding: 5px 0 5px 20px; margin: 10px 0; position: relative; }
.w-blog-detail-sec ul.w-blog-four-list li:before { content: ""; position: absolute; left: 0; top: 12px; height: 12px; width: 12px; background-color: transparent; border-radius: 50%; display: inline-block; border: 2px solid #012C9C; }
.w-blog-detail-sec ul.w-blog-four-list li a{ color: #012C9C; text-decoration: none;}

.w-blog-detail-sec table { border: 1px solid #dee2e6; width: 100%; margin-bottom: 1rem; color: #212529; border-collapse: collapse;}
.w-blog-detail-sec table thead th{ padding: 10px; color: #fff; background-color: #343a40; border-color: #454d55; border-bottom-width: 2px; vertical-align: bottom; border-bottom: 2px solid #dee2e6;}
.w-blog-detail-sec table tbody td{ border: 1px solid #dee2e6; }
.w-blog-detail-sec table td, .w-blog-detail-sec table th {padding: 10px; vertical-align: top; border: 1px solid #dee2e6; }

.w-blog-detail-sec .w-tfn-sec { padding: 10px; border: 1px solid #012C9C; background-color: #e7edff; border-radius: 4px; padding: 20px; text-align: center; margin: 20px 0;}
.w-blog-detail-sec .w-tfn-sec { color: #012C9C; font-size: 20px; font-weight: 700; }
.w-blog-detail-sec .w-tfn-sec a{ color: #012C9C; font-size: 20px; font-weight: 700; }

.w-blog-detail-sec .w-faqs-list h3 { padding: 10px; background-color: #012C9C; color: #ffffff; font-size: 20px; font-weight: 600; border-radius: 4px;}

.w-blog-detail-sec .img-wrap {position: relative; overflow: hidden;}
.w-blog-detail-sec .img-wrap .btip-logo-wrap{position: absolute; bottom: 0; right: 0;}

.widget-packages-sec { background-color: #fafafa; padding: 20px 0;}
.widget-packages-sec .flex-header { display: flex; flex-wrap: wrap; width: 100%; }
.widget-packages-sec .p-2 { border: 2px solid #E0E0E0; border-radius: 10px; padding: 20px !important; margin: 10px; position:relative; overflow:hidden; width:31%;}
.widget-packages-sec .p-2 h3{font-size:20px; color:#143257; font-weight: 700;}
.widget-packages-sec .p-2 h3:after {content: ""; display: block;width: 120px;margin:15px 0;border-bottom: 2px solid #012C9C; border-radius:15px;}
.widget-packages-sec .p-2 p {color: #555; font-size: 16px;}
.widget-packages-sec .p-2 h4{color:#143257; font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.widget-packages-sec .p-2 .price{color:#143257; font-size: 30px; font-weight: 800; margin-bottom: 50px; }
.widget-packages-sec .p-2 .price span{font-weight:400; font-size:16px;}
.widget-packages-sec .p-2 .price small{display:block; font-size:15px; margin:5px 0;}
.widget-packages-sec .p-2 ul{ padding: 0px; margin: 20px 0; list-style: none;}
.widget-packages-sec .p-2 ul li{ position: relative; overflow: hidden; font-size: 16px; color:#555555; margin: 0 0 20px 0; padding: 0 0 0 20px; border-bottom: 2px solid #E0E0E0;}
.widget-packages-sec .p-2 ul li:before { position: absolute; left: 0; top: 0; content: "✓"; font-weight: 700; color: #012C9C;}
.widget-packages-sec .p-2 .btn-tfn { text-align: center; color: #fff; position: absolute; right: 0; bottom: 0px; background: #012C9C; width: 100%; color: #fff; padding: 10px 0; border-radius: 0 0 10px 0; font-size: 20px; font-weight: 500;}
.widget-packages-sec .p-2 .btn-tfn:hover { background-color: #012C9C; text-decoration: none; }
.widget-packages-sec .p-2 .btn-modal { color: #0e44c4; text-decoration: underline;}
.widget-packages-sec .p-2 .offers-list {display: block;}
.widget-packages-sec .p-2 .btn-show-less {display: none !important;}
.widget-packages-sec .p-2 .popular-offers { color: #fff; font-size: 16px; font-weight: 600; padding: 10px 0; background-color: #143257; border-radius: 4px;}
.widget-packages-sec .p-2 .btn-show-less { display: block; width: 100px; margin: 20px auto; cursor: pointer; background-color: #555; color: #fff; padding: 3px 5px; border-radius: 3px;}
.widget-packages-sec .p-2 .btn-show-less { text-decoration: none;}

.widget-sidebar .sticky-top {z-index: unset;}
.widget-sidebar .table-content {border: 2px solid #012C9C; padding: 20px; border-radius: 5px;}
.widget-sidebar .table-content ol li {border-bottom: 2px solid #ececec; margin-bottom: 10px;}
.widget-sidebar .table-content ol li:last-child{border-bottom: unset;}
.widget-sidebar .table-content ol li ul li {border-bottom: unset;}
.widget-sidebar .scroll-margin-top{ scroll-margin-top: 80px; }

.widget-table-compare .bg-xfinity { background-color: #C8001D; color: #fff; }
.widget-table-compare .bg-spectrum { background-color: #143257; color: #fff; }
.widget-table-compare .bg-rcn { background-color: #493094; color: #fff; }
.widget-table-compare .bg-suddenlink { background-color: #000; color: #fff; }
.widget-table-compare .bg-optimum { background-color: #2382c5; color: #fff; }
.widget-table-compare .table {font-size: 16px;}
.widget-table-compare .table tbody td, .widget-table-compare .table thead th {text-align: center;}
.widget-table-compare .table thead th:first-child { border: unset; }
.widget-table-compare .table thead th{ white-space: nowrap; font-weight: 600; }
.widget-table-compare .table tbody th {background-color: #333; color: #fff; font-weight: 600; }
.widget-table-compare .table tbody td img { max-height: 80px; width: unset; }
.widget-table-compare .table tbody tr:last-child { font-size: 20px; font-weight: 800; }
 
.widget-provider-banner .d-flex { background-color: #e7edff; width: 100%; padding: 20px; border-radius: 5px; border-left: 4px solid #012C9C;}
.widget-provider-banner .p-2 img {max-height: 100px; width: unset;}
.mega-menu {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 33;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .3);
    padding: 20px 30px;
    display: none;
}

.hover-menu:hover .dropdown-menu {
    display: block;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .3);
    border: none;
    top: 30px;
}

.big-hover-menu .dropdown-menu {
    position: absolute;
    width: 50%;
    top: 37px !important;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .3);
    border: none;
    align-self: center;
    margin: 0 0 0 -456px;
    left: 50%;
}

.dropdown-item:hover {
    background: #012c9c;
    color: #fff;
}

.active-nav {
    color: #012c9c;
    text-decoration: underline;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item {
    font-weight: 500;
    font-size: 15px;
}
.w-latest-sec .container-box .img-wrap img.img-fluid {
    width: 100%;
}
/* Respobsive Style */
@media (max-width: 1350px) {
    .big-hover-menu .dropdown-menu {
        width: 65%;
    }
}
    @media (max-width: 1300px) {
        .container-box {
            width: 90%;
        }

        header::before {
            width: 35%;
        }

        header .navbar-light .navbar-nav .nav-link {
            color: #012C9C;
            font-size: 14px;
            font-weight: 600;
            margin: 0;
        }
    }


    @media (max-width: 1200px) {
        header .navbar-light .navbar-nav .nav-link {
            color: #012C9C;
            font-size: 14px;
            font-weight: 600;
            margin: 0;
        }
    }


    @media (max-width: 1124.7px) {
        .w-featured-sec .p-2.box-1 {
            width: 100%;
        }

        .w-featured-sec .p-2.box-2 {
            width: 100%;
        }
    }

    @media (max-width: 991.7px) {

        .hover-menu:hover .dropdown-menu {
            position: relative !important;
            width: auto;
            top: unset !important;
            box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .3);
            border: none;
            align-self: center;
            margin: 0;
            left: unset;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            max-height: 300px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .container-box {
            width: 90%;
        }

        section {
            padding: 40px 0;
        }

        h2 {
            font-size: 26px;
        }

            h2.main-heading {
                font-size: 26px;
            }

        p.main-paragraph {
            width: 100%;
        }

        h2.main-heading::before {
            display: none;
        }

        h2.main-heading::after {
            display: none;
        }

        .dsk-show {
            display: none;
        }

        .mbl-show {
            display: block;
        }

        .dsk-h {
            display: none;
        }

        .fixed-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
        }

        .fixed-tfn {
            padding: 10px 0;
        }

        .fixed-top.tfn-show {
            display: none;
        }

        .fixed-bottom.tfn-show {
            display: block;
        }

        .jumbo-header-sec .navbar-sec .navbar-brand img {
            max-width: 220px;
        }

        .jumbo-header-sec .navbar-sec {
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            z-index: 9;
        }

            .jumbo-header-sec .navbar-sec .navbar-nav .nav-link {
                margin: 10px 0;
            }

            .jumbo-header-sec .navbar-sec .navbar-nav .nav-item {
                border-bottom: 1px solid #e6e6e6;
            }

        .w-search-sec .p-2.item-1 {
            width: 100%;
        }

        .w-search-sec .p-2.item-2 {
            width: 285px;
        }

        .w-banner-sec .p-2 {
            margin: 10px 0;
        }

        .w-banner-sec .d-flex {
            display: block !important;
        }

        .w-banner-sec .p-2 .banner-show {
            display: block;
        }

        .w-banner-sec .p-2 .banner-hide {
            display: none;
        }

        .w-latest-sec .p-2 {
            width: 45%;
            margin: 10px;
        }

        .w-categories-sec .p-2 {
            width: 45%;
        }

        .w-featured-sec .d-flex {
            display: block !important;
        }

        .w-featured-sec .p-2.box-1 {
            margin: 10px 0;
        }

        .w-featured-sec .p-2.box-2 {
            margin: 10px 0;
        }

        .w-postlist-sec .p-2 {
            width: 100%;
        }

        .footer-sec .footer-provider ul li {
            width: 31%;
        }

        .copyright-sec {
            padding: 20px 0 70px 0;
        }

            .copyright-sec p {
                margin: 0 0 10px 0;
            }
    }

    @media (max-width: 767.7px) {
        .w-search-sec .flex-header {
            display: block;
        }

        .w-search-sec .form-group .dropdown {
            width: 100%;
        }

        .w-search-sec .form-group .round-sel {
            width: 280px;
        }

        .w-categories-sec .p-2 {
            width: 100%;
        }

        .widget-packages-sec .p-2 {
            flex: 100%;
        }

        .footer-sec .footer-provider ul li {
            width: 48%;
        }
    }

    @media (max-width: 640px) {
        .w-featured-sec .p-2.box-2 .btn-read-more {
            position: relative;
            bottom: 0;
        }
    }

    @media (max-width: 575px) {

        .jumbo-header-sec .minibar-sec p {
            text-align: center;
        }

            .jumbo-header-sec .minibar-sec p.cookie {
                margin: 0 0 10px 0;
            }

        .jumbo-header-sec .minibar-sec .text-right {
            text-align: center !important;
            margin: 10px 0 0 0;
        }

        .w-latest-sec .p-2 {
            width: 100%;
            margin: 10px 0;
        }

        .w-search-sec .form-group .dropdown {
            width: 100%;
        }

        .w-search-sec .form-group .round-sel {
            width: 270px;
        }

        .w-featured-sec .p-2.box-2 .boxes {
            flex-wrap: wrap;
        }

        .w-featured-sec .p-2.box-2 .img-wrap {
            width: 100%;
        }

        .w-featured-sec .p-2.box-2 .details-post {
            width: 100%;
            padding: 20px;
        }

        .footer-sec .footer-provider ul li a {
            margin: 10px 5px;
        }
    }