/************************************* Template Name: Online NewsPaper Author: Jonayed Islam Author Url: http://jonayed.com Version: 1.0 Design and Developed by: Bongosoft Ltd. ****************************************/ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@400;500;600;700&display=swap'); .noto-serif-bengali-{font-family: "Noto Serif Bengali",serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;} body{font-size: 16px;font-family: 'Noto Serif Bengali','Calibri','SutonnyMJ','Siyamrupali','Arial',Georgia,"Times New Roman",Times,serif;color: #000;background: #fff;font-weight: 400;} @media (min-width: 1200px){ .container{max-width: 1280px!important;} } /*======================== For LAZY LOAD CSS ============================*/ .lazyload{transition: transform .2s ease-out;} .top-search-secton{box-shadow: rgb(0 0 0) 0px 5px 5px -5px;} /* a:hover img {opacity: 0.9;} */ a:hover .lazyload{transform: scale(1.03);transition: transform .2s ease-out;} a:hover{color: #000;} /*======================== CUSTOM BOOTSTRAP STYLE ============================*/ .custom-container{padding-left: 12px;padding-right: 12px;} .custom-row{margin-right: -12px;margin-left: -12px;} .custom-padding{padding-left: 12px;padding-right: 12px;} .p-0{padding-left: 0;padding-right: 0;} .p-left-0{padding-left: 0;} .p-right-0{padding-right: 0;} .m-0{margin-left: 0;margin-right: 0;} a{font-family: 'Noto Serif Bengali','Calibri','SutonnyMJ','Siyamrupali','Arial',Georgia,"Times New Roman",Times,serif;text-decoration: none;} h1, h2, h3, h4, h5, h6{font-family: 'Noto Serif Bengali','Calibri','SutonnyMJ','Siyamrupali','Arial',Georgia,"Times New Roman",Times,serif;font-weight: 600;} a:focus{outline: 0 solid !important;} a:hover{text-decoration: none !important;} *a:hover{text-decoration: none !important;} /* Remove Chrome Input Field's Unwanted Yellow Background Color */ input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow: 0 0 0px 1000px white inset !important;} .form-control:focus, .form-select:focus{box-shadow: none !important;border-color: #ced4da !important;/* Optional: Reset border color */} /*====================== START FOR MENU =========================================*/ .top-middle-logo{text-align: center;} .navbar-brand-desktop{padding: 5px 0;} .dropdown-new:hover .dropdown-menu-new{display: block;} .dropdown-new:hover .dropdown-menu-new{display: block;} @keyframes fadeIn{ from{opacity: 0;} to{opacity: 1;} } .dropdown-menu-new{border: 0;border-radius: 0;border-bottom: 3px solid #e10612;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);background: #fff;} .navbar-expand-lg .navbar-nav .dropdown-menu{padding: 0 !important;} .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover{color: #fff;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background: #000;} /*====================== Back to Top =========================================*/ #back_to_top{border: none;background: #212529;color: #fff;padding: 2px 5px 3px;cursor: pointer;position: fixed;bottom: 15px;right: 30px;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;z-index: 10;border: 1px solid transparent;padding-top: 0;height: 40px;width: 40px;border-radius: 50%;} #back_to_top svg{fill: #fff;width: 20px} #back_to_top.show{opacity: 1} #back_to_top:hover{background: #fff;border: 1px solid #212529;} #back_to_top:hover svg{fill: #212529;} /*====================== Header style Top nav =========================================*/ .top-header{padding: 5px 0;background: #fff;width: 100%;} .top-bar-social{height: 100px;display: flex;justify-content: center;align-items: self-end;flex-direction: column;padding-top: 10px;} .facebook-like-box img{width: 200px;display: flex;} .top_socail_icon_area{display: inline-flex;} .social-top-icon{padding: 0;margin: 0;display: flex;} .social-top-icon li{list-style: none;margin: 0;} .social-top-icon li a{position: relative;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;text-decoration: none;color: #000;transition: 0.5s;border: 1px solid #ccc;margin-left: 5px;/* border-radius: 50%;*/} .social-top-icon li a svg{z-index: 99;height: 16px;width: 16px;} .social-top-icon li a.fa-rss svg{height: 14px;width: 14px;} .social-top-icon li a.fa-facebook svg{fill: #3b5999;} .social-top-icon li a.fa-facebook{border-color: #3b5999;} .social-top-icon li a.fa-youtube svg{fill: #cd201f;} .social-top-icon li a.fa-youtube{border-color: #cd201f;} .social-top-icon li a.fa-twitter svg{fill: #000;} .social-top-icon li a.fa-twitter{border-color: #000;} .social-top-icon li a.fa-instagram svg{fill: #e4405f;} .social-top-icon li a.fa-instagram{border-color: #e4405f;} .social-top-icon li a.fa-linkedin svg{fill: #007bb6;} .social-top-icon li a.fa-linkedin{border-color: #007bb6;} .social-top-icon li a.fa-rss svg{fill: #f26522;} .social-top-icon li a.fa-rss{border-color: #f26522;} .social-top-icon li a:hover svg{fill: #fff;} .social-top-icon li a:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;/* border-radius: 50%;*//* z-index: -1;*/transform: scale(0);transition: 0.5s cubic-bezier(0.95,0.32,0.37,1.31);} .social-top-icon li a:hover:before{transform: scale(1);} .social-top-icon li:nth-child(1) a:hover:before{background: #3b5999;} .social-top-icon li:nth-child(2) a:hover:before{background: #000;} .social-top-icon li:nth-child(3) a:hover:before{background: #cd201f;} .social-top-icon li:nth-child(4) a:hover:before{background: linear-gradient( 45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100% );} /* .social-top-icon li:nth-child(5) a:hover:before {background: #007bb6;} */ .social-top-icon li:nth-child(5) a:hover:before{background: #f26522;} .footer-social-icons .social-top-icon li a{border-color: #fff !important;} .footer-social-icons .social-top-icon li a svg{fill: #fff !important} .top-bar-date-wrapper{height: 100px;display: flex;justify-content: center;align-items: self-start;flex-direction: column;padding-top: 10px} .top-bar-date{display: inline-block;} .middle-header{padding-bottom: 10px;padding-top: 10px;background: #fff;} .en-link-wrapper-main{float: right;margin-top: 30px;margin-right: 15px;} .en-link-wrapper{} .en-link{color: #fff;background-color: #73191b;padding: 0 10px;border: 1px solid #73191b;transition: 0.3s;font-family: "Noto Serif",serif;font-weight: 400;font-size: 16px;letter-spacing: 1px;display: inline-block;line-height: 26px;} .en-link:hover{color: #73191b;background: transparent;} .top-nav-main{padding: 0;} .top-nav-container{background-color: #fff;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;} .top-nav-main .navbar-brand{display: none;margin: 0;} .top-nav-main li.nav-item a.nav-link{position: relative;font-size: 20px;padding: 9px 16px !important;color: #202124 !important;font-weight: 600;} .top-nav-main li.nav-item a.nav-link:hover, .top-nav-main li.nav-item a.active{color: #000 !important;fill: #000;} .right-menu-link .btn{padding: 3px 5px;} .right-menu-link .btn svg{fill: #000;height: 25px;width: 25px;} .offcanvas-top-height{height: 105px !important;} #nav.sticky{box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);background: #fff;position: -webkit-sticky;position: sticky;top: 0;z-index: 1020;width: 100%;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;transition: 0.1s;} #nav.sticky.top-nav-main .navbar-brand{margin: 0;padding: 0;} #nav.sticky .top-nav-container{border: 0 !important;} /* #nav.sticky li.nav-item a.nav-link {padding: 9px 11px !important;} */ .dropdown.dropdown-mega{position: static;} .nav-item.dropdown.dropdown-mega .dropdown-menu{top: auto;left: 50%;transform: translateX(-50%);} .dropdown-new:hover .dropdown-menu-new{display: block;} .right-menu-link{display: none !important;} .dropdown-menu-new{border-radius: 0;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);} .other-list-group a{border: 0;padding: 4px 0;font-size: 17px;transition: 0.3s;} .other-list-group a:hover{color: #e10612;} .top-nav-main .navbar-nav .nav-item .nav-link span:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 3px;transform: scaleX(0);background-color: #ff0000;transition: transform 0.5s;} .top-nav-main .navbar-nav .nav-item .nav-link:hover span:before{transform: scaleX(1);} .top-nav-main .navbar-nav .nav-item .nav-link:hover span:after{transform: scaleX(1);} .top-nav-main .navbar-nav .nav-item .nav-link:hover span:before, .top-nav-main .navbar-nav .nav-item .nav-link:hover span:after, .top-nav-main .navbar-nav .nav-item .nav-link.active span:before, .top-nav-main .navbar-nav .nav-item .nav-link.active span:after{transform: scaleX(1);} .social-icon-side-menu{justify-content: flex-start !important;} .right-menu-link-desktop .btn svg{height: 25px;width: 25px;fill: #000;} .mobile-nav-ul-body ul li a{font-size: 18px;font-weight: 600;} .mobile-menu-sub-text{font-size: 18px;font-weight: 600;} /* Toggle button (হ্যামবার্গার ↔ X) */ .mm-toggle{border: 0;background: none;font-size: 26px;line-height: 1;width: 30px;height: 30px;color: #222;padding: 0;} .mm-toggle svg{vertical-align: middle;} .mm-toggle svg:last-child{display: none;} /* X আইকন শুরুতে লুকানো */ .mm-toggle[aria-expanded="true"] svg:first-child{display: none;} /* খোলা হলে ☰ লুকাবে */ .mm-toggle[aria-expanded="true"] svg:last-child{display: inline-block;} /* ===== Mega menu panel ===== */ .mega-menu{position: absolute;left: 0;right: 0;top: 100%;height: calc(100vh - 160px);overflow-y: auto;background: rgba(20,20,20,.94);color: #ffffff;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity .25s ease,transform .25s ease,visibility .25s;z-index: 99;} .mega-menu.show{opacity: 1;visibility: visible;transform: none;} body.mm-open{overflow: hidden;} .mega-menu a{color: #ffffff;text-decoration: none;} .mega-menu a:hover{color: #f5a623;} /* Social row */ .mm-social{gap: 10px;} .mm-social a{width: 32px;height: 32px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;} .mm-social a:hover{color: #fff;opacity: .85;} /* ===== সেকশন লিস্ট: প্রতিটা সারিতে ক্যাটাগরি + তার সাব-ক্যাটাগরি ===== */ .mm-title{color: #f5a623;font-size: 30px;font-weight: 600;margin-bottom: .5rem;} .mm-sections{list-style: none;padding: 0;margin: 0;padding-bottom: 130px;} .mm-item{display: grid;grid-template-columns: 260px 1fr;/* বাম: ক্যাটাগরি,ডান: সাব-ক্যাটাগরি */ align-items: start;} .mm-cat{position: relative;padding: 5px 16px 5px 22px;font-size: 20px;} .mm-cat::before{content: "";position: absolute;left: 0;top: 15px;width: 9px;height: 9px;border-radius: 50%;background: #f5a623;} .mm-subs{display: flex;align-items: flex-start;gap: 12px;padding: 5px 0 5px 24px;font-size: 18px;border-left: 1px solid rgba(255,255,255,.12);min-height: 100%;} .mm-subs > svg{color: #f5a623;margin-top: 5px;flex-shrink: 0;} .mm-links{display: flex;flex-wrap: wrap;column-gap: 26px;row-gap: 8px;} /* যে ক্যাটাগরির সাব নেই, সেখানে ডান পাশ ফাঁকা (শুধু বর্ডার লাইন থাকবে) */ .mm-subs:empty{padding: 0;} @media (max-width: 767.98px){ .mm-item{grid-template-columns: 1fr;} .mm-cat{padding: 10px 0 4px 22px;font-size: 18px;} .mm-subs{border-left: 0;padding: 0 0 10px 22px;font-size: 16px;} .mm-subs:empty{display: none;} } /*================================================ FOR SEARCH style */ .attr-nav ul li a svg{height: 18px;width: 18px;fill: #000;} .top-search{display: none;padding: 7px 0;position: absolute;z-index: 9;width: 100%;top: 50px;left: 0;} .top-search-secton{float: right;margin-top: -7px;background: #fff;padding: 15px;box-shadow: 0 2px 3px #787878;} .top-search input.form-control{background: #fff;border: 2px solid #f0f0ed;color: #000;height: 34px;line-height: 34px;display: block;text-transform: uppercase;font-weight: 500;letter-spacing: .5px;padding: 8px 1%;font-size: 15px;background-color: #fff;} .top-search .input-group-addon{background: #1a1b1c;transition: .5s;cursor: pointer;border: 0;color: #03a9f4;width: 30px;height: 33px;text-align: center;} .top-search .input-group-addon svg{fill: #fff;} .top-search .input-group-addon.close-search{margin-left: 2px !important;line-height: 33px;} .attr-nav ul{margin: 0;padding: 0;} .attr-nav ul li{list-style: none;text-align: right;} .attr-nav ul li a{color: #fff;margin-left: 0;} .top-search input.form-control:focus{box-shadow: 0 0 0 .2rem rgba(0,123,255,.01);} .ad-section{margin: 15px auto;text-align: center;max-width: 100%;} .e-paper-wrapper {position: relative;} .e-paper-wrapper a {color: #000;padding: 4px 12px;border: 1px solid #777;font-size: 16px;transition: all 0.3s ease;position: relative;} .e-paper-wrapper a:hover {background: #777;color: #fff;border-color: #777;transform: translateY(-2px);} /*================================================ Drop Down icon Animation style */ .dropdown-toggle::after{transition: transform 0.15s linear;} .show.dropdown .new-dropdown-toggle::after{transform: rotate(-180deg);transition: all 0.3s ease-in;} .dropdown-menu{margin-top: 0;} .new-dropdown-toggle::after{margin-top: 5px;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "";vertical-align: top; background-image: url('data:image/svg+xml,'); height: 16px;width: 15px;margin-left: 2px;} .navbar-expand-lg .navbar-nav .dropdown-menu li.dropend:hover .dropdown-new-sub-ul{display: block !important;top: 0;left: 98.5% !important;margin-top: 0;-webkit-animation: fadeIn 0.3s alternate;animation: fadeIn 0.3s alternate;border-radius: 0;} .sub-dropdown-toggle::after{transition: transform 0.15s linear;} .show1.dropend .sub-dropdown-toggle::after{transform: rotate(-90deg);transition: all 0.3s ease-in;} .dropend .sub-dropdown-toggle::after{margin-top: 5px;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "";vertical-align: top;background-image: url('data: image/svg+xml,');height: 16px;width: 15px;margin-left: 5px;} .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover::after{background-image: url('data: image/svg+xml,');height: 15px;width: 14px;margin-top: 5px;} /* .show1.dropend .sub-dropdown-toggle::after {transform: rotate(-450deg);transition: all 0.3s ease-in;} */ /* .dropdown-new:hover .dropdown-menu-new {display: block;--bsb-animation-duration: 500ms; animation-duration: 500ms; animation-fill-mode: both; animation-name: bsb-zoomIn} @keyframes bsb-zoomIn { 0% {opacity: 0;transform: scale3d(.3, .3, .3)} 50% {opacity: 1} } .bsb-zoomIn {animation-name: bsb-zoomIn} */ /*====================== Footer Style =========================================*/ .footer-wrapper{width: 100%;} .footer-new-container{border-top: 1px solid #ccc;} .footer-text-ul{margin: 0;width: 100%;padding: 5px 0;text-align: center;} .footer-text-ul li{display: inline-block;} .footer-text-ul li a{color: #000;padding: 5px 10px;font-size: 15px;} .footer-container{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top: 20px;padding-bottom: 30px;} .footer-main h3{margin-top: 7px;margin-bottom: 5px;font-size: 20px;color: #000;} .footer-ul{margin: 0;padding: 0;list-style: none;} .footer-ul li{list-style: none;color: #000;padding-right: 7px;padding-left: 0;font-size: 15px;border-right: 1px solid #ccc;display: inline-block;padding-left: 5px;} .footer-ul li:last-child{border-right: none;} .footer-ul li:first-child{padding-left: 0;} .footer-main h1, .footer-main h2{font-size: 14px;margin-bottom: 0;color: #000;margin-top: 15px;} .footer-bottom{color: #000;} .footer-bottom-row{padding: 15px 0;} .footer-bottom p{font-size: 14px;} .design-link{text-align: right;} .design-link a{color: #0c980c;font-weight: 700;letter-spacing: .5px;} .footer-ul li a{color: #000;} /*====================== Lead New Style =========================================*/ .top-news-left{width: 74.6%;float: left;padding: 0;} .top-news-right{width: 25.4%;float: left;padding: 0;} .bt{border-top: 1px solid #e2e2e2;} .br{border-right: 1px solid #e2e2e2;} .lead-section{padding-top: 25px;position: relative;} .lead-news{margin-bottom: 10px;position: relative;} .lead-news-img{position: relative;overflow: hidden;} .lead-news-img svg{position: absolute;top: 14%;left: 8%;height: 50px;width: 50px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 7px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;} .lead-news a:hover .lead-news-img svg{background: #fff;fill: red;} .lead-news-text{position: absolute;width: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.8) 100%);color: #fff;bottom: 0;padding: 30px 10px 5px;} .lead-news-text h1{font-size: 30px;line-height: 35px;margin-bottom: 4px;color: #fff;position: relative;font-weight: 600;} .lead-news-text h1 span{color: #ffb300;margin-right: 3px;font-size: 26px;} .lead-news-text h1 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .lead-news-text p{color: #373737;line-height: 26px;margin: 0;} .lead-news-right{width: 58%;float: right;text-align: center;} .sub-lead{border-bottom: 1px solid #e2e2e2;padding-bottom: 15px;margin-bottom: 15px;} .sub-lead-wrapper:last-child .sub-lead{border-bottom: none;} .sub-lead-text img{float: right;width: 103px;height: 70px;object-fit: cover;margin-left: 12px;margin-bottom: 6px;} .sub-lead-text h2{font-size: 18px;line-height: 22px;margin: 0 0 6px;color: #000;} .sub-lead-text h2 span{color: #e10612;margin-right: 3px;font-size: 16px;} .sub-lead-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 6px;height: 6px;border-radius: 50%;} .sub-lead-text p{font-size: 16px;line-height: 23px;color: #777;margin: 0;} .sub-lead-img svg{position: absolute;top: 32%;right: 64%;left: auto;height: 35px;width: 35px;padding-left: 4px;background: #fff;transform: translateY(-50%);color: #e10612;fill: currentColor;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;box-sizing: border-box;} .sub-lead a:hover .sub-lead-img svg{background: #fff;color: #e3002b;fill: #e3002b;} .sub-lead-img{float: right;width: 40%;position: relative;overflow: hidden;} .sub-lead-text{width: 60%;float: left;} .sub-lead-img img{width: 100%;} .sub-lead-text-bottom{display: inline-block;padding-top: 10px;} .sub-lead-text-bottom p{font-size: 16px;line-height: 23px;color: #777;margin: 0;} .sub-lead-2{padding-top: 20px;padding-bottom: 20px;} .sub-lead-2-img{position: relative;overflow: hidden;} .sub-lead-2-img svg, .sub-lead-image svg{position: absolute;top: 20%;left: 12%;height: 40px;width: 40px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .sub-lead-2 a:hover .sub-lead-2-img svg{background: #fff;fill: red;} .sub-lead-top-right{padding-top: 15px;} .sub-lead-2-text{padding: 4px;min-height: 76px;max-height: 76px;overflow: hidden;} .sub-lead-2-text h3 span{font-size: 16px;margin-right: 2px;color: #e10612;} .sub-lead-2-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .sub-lead-2-text h3{font-size: 20px;line-height: 26px;color: #000;margin: 0;font-weight: 600;} .sub-lead a:hover .sub-lead-image svg{background: #fff;fill: red;} .banner-top-right{margin-bottom: 15px;} .banner-top-right-two{margin-top: 15px;} .title-heading-wrapper{background: #eff3f4;margin-bottom: 10px;box-shadow: 0 1px 2px rgb(0 0 0 / 10%);} .title-heading{color: #000;font-size: 22px;line-height: 22px;height: 40px;position: relative;margin: 0;display: inline-block;} .top-news-left-lead-wrapper{padding: 0;position: relative;} .top-news-left-lead-wrapper-right{width: 60%;float: left;padding: 0;} .top-news-left-lead-wrapper-left{width: 40%;float: left;padding: 0;} .top-left-side-bar{position: relative;margin: 0;padding: 0;} .top-left-side-bar li{list-style: none;width: 100%;margin-bottom: 9px;} .top-left-side-bar li:last-child{margin-bottom: 0;} .top-right-banner{display: inline-block;margin-top: 16px;margin-bottom: 15px;} .top-left-side-bar li a{display: inline-block;padding: 7px;background: #fff;width: 100%;box-shadow: 0 1px 2px rgba(0,0,0,0.1);} .top-left-side-bar li:last-child a{margin-bottom: -7px;} .top-left-side-bar-left{float: left;width: 37%;display: block;overflow: hidden;position: relative;} .top-left-side-bar-right{float: left;width: 63%;min-height: 76px;max-height: 76px;overflow: hidden;padding-left: 3%;} .top-left-side-bar-right h3{color: #000;margin: 0;padding: 0;font-size: 17px;line-height: 20px;} .top-left-side-bar-right span{color: red;font-size: 14px;line-height: 14px;} .top-lead-news-wrapper{background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.2);} .top-left-side-bar-left span{background: #dc2028;padding: 2px 8px 0;position: absolute;font-size: 13px;z-index: 1;color: #fff;right: 0;top: -22px;transition: all .5s ease 0s;} .top-left-side-bar li a:hover .top-left-side-bar-left span{top: 0;} .top-left-side-bar-left svg{position: absolute;top: 50%;left: 50%;height: 35px;width: 35px;background: rgba(0,0,0,0.14);transform: translate(-50%,-50%);text-align: center;line-height: 30px;color: #fff;border-radius: 50%;font-size: 18px;padding-left: 5px;border: 3px solid #fff;-webkit-box-shadow: 0 0 15px 1px grey;-moz-box-shadow: 0 0 15px 1px gray;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .top-left-side-bar li a:hover .top-left-side-bar-left svg{background: #fff;color: red;} .title-right-link{font-size: 17px;float: right;color: #000;padding-right: 8px;line-height: 42px;text-decoration: none;} .opinion-news-img{width: 40%;float: left;position: relative;overflow: hidden;} .opinion-news a{display: inline-block;padding: 7px;background: #eff3f4;} .opinion-news-img img{min-height: 80px;max-height: 00px;overflow: hidden;width: 100%;} .opinion-news a:hover .opinion-news-img img{transform: scale(1.0);} .opinion-news-text{width: 60%;float: left;padding: 0;padding-left: 3%;min-height: 80px;max-height: 80px;overflow: hidden;} .opinion-news-text h3{font-size: 17px;line-height: 20px;margin-bottom: 0;color: #000;font-weight: 600;} .opinion-news-text h3 span{font-size: 16px;line-height: 16px;color: #e90000;} .opinion-news-text h3 span svg{margin-left: 6px;fill: #e90000;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #fff;background-color: #007bff;transition: background-color .3s .2s;} .side-tab-main{width: 100%;} .side-tab-main .nav-item{display: block;float: left;width: 50%;} .side-tab-main .nav-item .nav-link{transition: background-color .3s 0s;font-weight: 700;font-size: 20px;color: #444;cursor: pointer;text-decoration: none;text-align: center;background: #d7d7d7;border-radius: 0;padding: 7px 10px;border-top: 3px solid transparent;} .nav-pills .nav-item.active a{background: #fff;border-top: 3px solid #EE323B;} .banner-top-right-1{margin-top: 24px;} @keyframes fadeIn{ from{opacity: 0;} to{opacity: 1;} } .new-fade{-webkit-animation: .7s ease-in-out fadeInScale;-moz-animation: .7s ease-in-out fadeInScale;animation: .7s ease-in-out fadeInScale} @keyframes fadeInScale{ 0%{transform: scale(.9);opacity: 0} 100%{transform: scale(1);opacity: 1} } .side-tab-main .nav-item .nav-link.active{background: #fff !important;border-top: 3px solid #EE323B !important;} .archive-btn{margin-top: 10px;} .archive-btn .btn-date-picker{position: relative;z-index: 1;overflow: hidden;transition-duration: 0.5s;background: #009135;color: white;font-size: 20px;padding: 7px 10px 6px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px;} .archive-btn .btn-date-picker:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .archive-btn .btn-date-picker:hover{color: #423f3f;} .archive-btn .btn-date-picker:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1);} /*========================================== LEAD TAB STYLE =================================================*/ .tab-content-wrapper{border: 1px solid #d7d7d7;margin-bottom: 15px;} .side-tab-main{width: 100%;} .side-tab-main .nav-item{display: block;float: left;width: 50%;} .side-tab-main .nav-item{display: block;float: left;width: 50%;} .nav-pills .nav-item.active a{background: #fff;border-top: 3px solid #EE323B;color: #000;} .side-tab-main .nav-item .nav-link{transition: background-color .3s 0s;font-weight: 700;font-size: 20px;color: #fff;cursor: pointer;text-decoration: none;text-align: center;background: #009135;border-radius: 0;padding: 7px 10px;border-top: 3px solid transparent;} .tab-content>.active{display: block;} .latest-news{overflow-y: scroll;height: 427px;} .latest-news-ul{list-style: none;margin: 0;padding: 0;background: #fff;} .latest-news-ul li{list-style: none;} .latest-news-ul li a{padding: 9px 7px 9px;border-bottom: 1px solid #d7d7d7;display: inline-block;background: #fff;color: #000;margin-bottom: -6px;} .details-latest-news li a{background: #fff;border-bottom: 1px solid #e2e2e2;} .latest-news-left{float: left;width: 37%;margin-right: 2%;position: relative;} .latest-news-left svg{position: absolute;top: 32%;left: 20%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .latest-news-ul li a:hover .latest-news-left svg{fill: red;} .latest-news-right{float: left;width: 61%;padding-left: 2px;max-height: 65px;overflow: hidden;min-height: 65px;text-align: left;} .latest-news-right h3{font-size: 17px;line-height: 22px;margin: 0;color: #000;font-weight: 600;} .latest-news-right span{font-size: 16px;margin-right: 2px;color: #e10612;} .latest-news-right h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .archive-btn{text-align: center;background: #282828;margin-bottom: 15px;} .archive-btn a{color: #fff;font-size: 18px;display: block;} .archive-btn .btn-date-picker{position: relative;z-index: 1;overflow: hidden;transition-duration: 0.5s;color: white;font-size: 18px;padding: 5px 10px 4px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px;border-radius: 0;} .archive-btn .btn-date-picker:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .archive-btn .btn-date-picker:hover{color: #423f3f;} .archive-btn .btn-date-picker:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1);} .new-single-news-top-text h3{font-size: 18px;line-height: 24px;transition: all .5s ease 0s;margin: 0;color: #000;font-weight: 600;} .new-single-news-top-text{width: 60%;padding-top: 0px;padding-left: 0%;float: left;min-height: 73px;max-height: 73px;overflow: hidden;padding-right: 4px;} .new-single-news-top-image{width: 40%;float: left;position: relative;overflow: hidden;} .new-single-news-top-image img{min-height: 73px;max-height: 73px;overflow: hidden;width: 100%;} .new-single-news-top a{display: inline-block;margin: 0;padding: 0;padding-bottom: 2px;} .new-single-news-top{list-style-type: none;position: relative;display: inline-block;width: 100%;margin-bottom: 5px;margin-top: 10px;border-bottom: 1px solid #e2e2e2;} .new-single-news-top-text h3 span{color: #e10612;margin-right: 3px;font-size: 16px;} .new-single-news-top-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 6px;height: 6px;border-radius: 50%;} .cat-title-as h2{text-align: center;font-size: 28px;line-height: 24px;color: #000;margin: 0;font-weight: 600;padding-bottom: 4px;padding-top: 4px;position: relative;} .cat-title-as h2 a{color: #000;} .cat-title-as h2:after{position: absolute;content: "";background: #000;width: 88px;height: 2px;left: 34%;bottom: 0;} .cat-title-as{margin-bottom: 5px;} /*========================================== COMMON HEADING STYLE =================================================*/ .title-heading-wrapper{background: #fff;margin-bottom: 10px;} .title-heading, .title-heading-2{color: #fff;font-size: 22px;line-height: 22px;height: 40px;position: relative;background: #009135;margin: 0;display: inline-block;padding: 10px 15px;} .title-heading:before{content: "";position: absolute;right: -20px;bottom: 0;width: 0;height: 0;border-left: 20px solid #009135;border-top: 20px solid transparent;border-bottom: 20px solid transparent;} .title-heading-text{color: #fff;text-decoration: none;} .title-right-link{font-size: 17px;float: right;color: #333;padding-right: 8px;line-height: 42px;text-decoration: none;} .title-right-link svg{width: 18px;height: 18px;margin-top: -2px;fill: #009135;} .title-heading-text:hover{color: #fff;} .bg-gray{background: #eff3f4;} /*========================================== SOCIAL MEDIA STYLE =================================================*/ .social-media-2{display: flex;justify-content: flex-end;align-items: center;} .social-media-2 ul{margin: 0;padding: 0;} .social-media-2 ul li{list-style: none;margin: 0 2px;display: inline-block;} .social-media-2 ul li a{width: 35px;height: 35px;text-align: center;line-height: 30px;display: inline-block;vertical-align: middle;margin: 8px 0px;padding: 5px;transition: .5s;background: #e6e6e6;overflow: hidden;border-radius: 8px;} .social-media-2 ul li a svg{width: 25px;height: 25px;display: block;color: #777;transition: .5s;padding: 2px;margin-bottom: 10px;} .social-media-2 ul li:hover a svg:nth-child(1){transform: translateY(-30px);} .social-media-2 ul li:hover a svg:nth-child(2){transform: translateY(-35px);color: #fff;} .social-media-2 ul li:hover:nth-child(1) a{background: #1877f2;} .social-media-2 ul li:hover:nth-child(2) a{background: #E4405F;} .social-media-2 ul li:hover:nth-child(3) a{background: #000;} .social-media-2 ul li:hover:nth-child(4) a{background: #e4405f;} .social-media-2 ul li:hover:nth-child(5) a{background: #e60125;} /*========================================== SOCIAL MEDIA STYLE =================================================*/ .video-section{padding: 0 0 50px;} .video-slider{border: none;background: transparent;margin: 0;} .video-slider .slides>li{margin-right: 24px;} .video-card{background: #e4f3fd;border-radius: 3px;overflow: hidden;min-height: 280px;} .video-img img{width: 100%;height: 100%;object-fit: cover;} .play-icon{position: absolute;top: 24px;left: 24px;width: 45px;height: 45px;background: #e10612;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 2;} .play-icon svg{width: 28px;height: 28px;fill: currentColor;margin-left: 3px;} .video-card h3{font-size: 20px;line-height: 28px;color: #111;margin: 0;padding: 15px 20px 15px;text-align: center;font-weight: 600;} .video-card:hover h3{color: #e10612;} .video-slider .flex-direction-nav a{width: 48px;height: 48px;background: rgba(0,0,0,0.8);color: transparent;opacity: 1;text-shadow: none;top: 45%;} .video-slider .flex-direction-nav .flex-prev{left: 0;} .video-slider .flex-direction-nav .flex-next{right: 0;} .video-slider .flex-direction-nav a:before{font-size: 0;color: #fff;} .video-slider .flex-direction-nav .flex-prev:after, .video-slider .flex-direction-nav .flex-next:after{content: "";position: absolute;top: 50%;width: 14px;height: 14px;border-top: 3px solid #fff;border-left: 3px solid #fff;} .video-slider .flex-direction-nav .flex-prev:after{left: 19px;transform: translateY(-50%) rotate(-45deg);} .video-slider .flex-direction-nav .flex-next:after{right: 19px;transform: translateY(-50%) rotate(135deg);} .video-slider .flex-control-nav{bottom: -45px;} .video-slider .flex-control-paging li a{width: 12px;height: 12px;background: #999;box-shadow: none;} .video-slider .slides{display: flex;align-items: stretch;} .video-slider .slides li{height: auto !important;} .video-slider .flex-control-paging li a.flex-active{background: #222;} .video-img{position: relative;overflow: hidden;} .video-slider .slides li a:hover .play-icon{background: #fff;color: #e10612;} @media (max-width: 767px){ .section-title h2{font-size: 24px;} .video-slider .slides>li{margin-right: 12px;} .video-img{height: 100%;} .video-card{min-height: 245px;} .video-card h3{font-size: 16px;line-height: 23px;padding: 12px 12px 15px;} } /*====================== Sports Section Style ======================*/ .sports-section-wrapper{padding: 50px 0;background: #fff;} .sports-left-tab{width: 25%;float: left;padding: 0 15px 0 0;} .sports-middle-content{width: 50%;float: left;padding: 0 15px;border-left: 1px solid #9c9c9c;} .sports-right-sidebar{width: 25%;float: left;padding: 0 0 0 15px;border-left: 1px solid #9c9c9c;} .left-reading-tab-wrapper{background: #fff;border-top: 4px solid #8c8c8c;margin-top: 10px;} .reading-tab-nav{display: flex;border-bottom: 1px solid #bdbdbd;} .reading-tab-nav .nav-item{flex: 1;} .reading-tab-nav .nav-link{width: 100%;background: transparent;border: 0;border-radius: 0;color: #000;font-size: 19px;font-weight: 700;padding: 10px 5px 10px;position: relative;} .reading-tab-nav .nav-link.active{color: #000;background: transparent;} .reading-tab-nav .nav-link.active::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 3px;background: #e10612;} .reading-news-list{margin: 0;padding: 0;min-height: 428px;max-height: 428px;overflow: hidden;} .reading-news-list li{list-style: none;border-bottom: 1px solid #ddd;} .reading-news-list li:last-child{border: none;} .reading-news-list li a{color: #000;text-decoration: none;padding: 10px 0;display: flex;gap: 15px;} .reading-count{display: block;color: #999;font-size: 35px;line-height: 40px;font-weight: 700;margin-bottom: 0;} .reading-news-list h3{margin: 0;color: #000;font-size: 18px;line-height: 25px;font-weight: 700;} .reading-news-list h3 span{color: #e10612;} .reading-news-list h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .sports-title-heading{border-top: 4px solid #8c8c8c;margin-bottom: 30px;} .sports-title-heading h2{margin: 13px 0 0;color: #000;font-size: 24px;line-height: 28px;font-weight: 700;} .sports-title-heading h2 span{display: inline-block;width: 20px;height: 20px;background: #0877d9;border-radius: 50%;margin-right: 8px;vertical-align: -3px;} .sports-main-news{position: relative;margin-bottom: 16px;} .sports-main-news a{display: block;color: #fff;text-decoration: none;} .sports-main-news-image{position: relative;overflow: hidden;} .sports-main-news-image::after{content: "";position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(0,0,0,0) 35%,rgba(0,0,0,.82) 100%);} .sports-main-news-image img{width: 100%;object-fit: cover;} .sports-main-news-text{position: absolute;left: 16px;right: 16px;bottom: 10px;z-index: 2;} .sports-main-news-text h2{color: #fff;font-size: 26px;line-height: 30px;font-weight: 700;} .sports-main-news-text h2 span{color: #ffb300;margin-right: 3px;font-size: 25px;} .sports-main-news-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 6px;height: 6px;border-radius: 50%;} .sports-main-news-image svg{position: absolute;top: 12%;left: 6%;height: 45px;width: 45px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;} .sports-main-news a:hover .sports-main-news-image svg{background: #fff;fill: red;} .sports-bottom-news{display: flex;gap: 30px;border-top: 1px solid #d7d7d7;padding-top: 15px;} .sports-bottom-news-item{width: 50%;position: relative;} .sports-bottom-news-image svg{position: absolute;top: 13%;left: 11%;height: 40px;width: 40px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .sports-bottom-news-item a:hover .sports-bottom-news-image svg{background: #fff;fill: red;} .sport-border{position: relative;} .sport-border:after{position: absolute;content: "";top: 0;right: -15px;background: #d7d7d7;width: 1px;height: 265px;} .sports-bottom-news-item a{display: block;color: #000;text-decoration: none;} .sports-bottom-news-image{overflow: hidden;margin-bottom: 8px;} .sports-bottom-news-image img{width: 100%;object-fit: cover;} .sports-bottom-news-item h3{margin: 0 0 8px;color: #000;font-size: 20px;line-height: 26px;font-weight: 700;} .sports-bottom-news-item h3 span{color: #e10612;font-size: 18px;} .sports-sidebar-ad{margin-bottom: 15px;} .sports-sidebar-ad img{width: 100%;} .sports-sidebar-news-list{margin: 0;padding: 0;} .sports-sidebar-news-list li{list-style: none;border-top: 1px solid #ddd;padding: 15px 0;} .sports-sidebar-news-list li a{display: flex;gap: 12px;color: #000;text-decoration: none;} .sports-sidebar-news-text{width: 60%;padding: 4px;min-height: 80px;max-height: 80px;overflow: hidden;} .sports-sidebar-news-text h3{margin: 0 0 7px;color: #222;font-size: 18px;line-height: 26px;font-weight: 700;} .sports-sidebar-news-text h3 span{color: #e10612;font-size: 16px;} .sports-sidebar-news-text h3 svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .sports-sidebar-news-image{width: 40%;position: relative;} .sports-sidebar-news-image svg{position: absolute;top: 25%;left: 5%;height: 30px;width: 30px;padding-left: 3px;background: #fff;transform: translateY(-50%);color: #000;fill: currentColor;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;box-sizing: border-box;} .sports-sidebar-news-list li a:hover .sports-sidebar-news-image svg{background: #fff;fill: red;} .sports-sidebar-news-image img{width: 100%;object-fit: cover;} .sports-bottom-news-item h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} /* Responsive */ @media (max-width: 991px){ .sports-left-tab, .sports-middle-content, .sports-right-sidebar{width: 100%;float: none;padding: 0;border-left: 0;margin-bottom: 25px;} } @media (max-width: 767px){ .sports-bottom-news-item{width: 50%;} .sports-bottom-news-image svg{top: 12%;left: 15%;height: 35px;width: 35px;} .sport-border:after{display: none;} .sports-bottom-news-item+.sports-bottom-news-item{border-left: 0;padding-left: 0;} .sports-main-news-text h2{font-size: 24px;line-height: 32px;} .sports-sidebar-news-text h3, .reading-news-list h3{font-size: 17px;line-height: 24px;} .sports-bottom-news{gap: 25px;border-top: none;} } /* ========================== LIFESTYLE SECTION ========================== */ .lifestyle-item{position: relative;margin-bottom: 35px;} .lifestyle-item-img{position: relative;overflow: hidden;} .lifestyle-item-img svg{position: absolute;position: absolute;top: 20%;left: 10%;height: 45px;width: 45px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .lifestyle-item-text{position: relative;background: #eff3f4;color: #000;width: 90%;margin: -20px auto auto;min-height: 80px;max-height: 80px;overflow: hidden;padding: 3px 7px;border: 1px solid #e2e2e2;box-shadow: 0 5px 5px -5px #000;} .lifestyle-item-text h3 span{font-size: 15px;margin-right: 2px;color: #e10612;} .lifestyle-item-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .lifestyle-item-text h3{color: #111;font-size: 18px;line-height: 24px;margin: 0;font-weight: 600;} .lifestyle-item a:hover .lifestyle-item-img svg{background: #fff;fill: red;} .life-style-heading h3{border-color: #000 !important;} .life-style-heading h3 span{border-color: #000 !important;} /* ============================ ENTERTAINMENT SECTION ======================== */ .entertainment-section{background: #fff;padding: 28px 0 36px;} .entertainment-section a{color: inherit;text-decoration: none;} .entertainment-title-wrapper{border-top: 4px solid #8c8c8c;padding-top: 8px;margin-bottom: 28px;display: flex;align-items: center;gap: 9px;} .entertainment-title{font-size: 25px;line-height: 30px;color: #222;font-weight: 700;} .entertainment-left-col, .entertainment-center-col{border-right: 1px solid #cfcfcf;} .entertainment-center-col{padding-left: 16px;padding-right: 16px;} .entertainment-right-col{padding-left: 16px;} .entertainment-list-news{border-bottom: 1px solid #ddd;padding-bottom: 16px;margin-bottom: 16px;} .entertainment-list-news:last-child{border-bottom: 0;margin-bottom: 0;} .entertainment-list-news a{display: grid;grid-template-columns: 1fr 162px;gap: 16px;align-items: start;} .entertainment-list-text h3{font-size: 19px;line-height: 27px;color: #222;font-weight: 700;margin: 0 0 10px;} .entertainment-list-img{position: relative;overflow: hidden;} .entertainment-list-img img{width: 100%;object-fit: cover;} .entertainment-lead-img{overflow: hidden;margin-bottom: 10px;} .entertainment-lead-img img{width: 100%;object-fit: cover;} .entertainment-lead-content h2{font-size: 26px;line-height: 34px;color: #222;font-weight: 700;margin: 0 0 12px;} .entertainment-list-img svg{position: absolute;top: 25%;left: 5%;height: 35px;width: 35px;padding-left: 4px;background: #fff;transform: translateY(-50%);color: #000;fill: currentColor;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;} .entertainment-list-news a:hover .entertainment-list-img svg{background: #fff;fill: red;} .entertainment-lead-img svg{position: absolute;top: 10%;left: 9%;height: 45px;width: 45px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;} .entertainment-lead-card a:hover .entertainment-lead-img svg{background: #fff;fill: red;} .entertainment-lead-card{position: relative;} .entertainment-list-text h3 span{font-size: 17px;margin-right: 2px;color: #e10612;} .entertainment-list-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} @media (max-width: 991px){ .entertainment-left-col, .entertainment-center-col{border-right: 0;} .entertainment-center-col, .entertainment-right-col{padding-left: 0;padding-right: 0;margin-top: 18px;} } @media (max-width: 575px){ .entertainment-title-wrapper{margin-bottom: 18px;} .entertainment-list-news a{grid-template-columns: 1fr 115px;gap: 10px;} .entertainment-list-text h3{font-size: 17px;line-height: 24px;} .entertainment-lead-content h2{font-size: 23px;line-height: 31px;} .entertainment-lead-content p{display: none;} .entertainment-lead-img svg{top: 12%;left: 10%;} } /*========================================== LIFESTYLE SECTION STYLE ==========================================*/ .lifestyle-section{background: #fff;padding: 30px 0 15px;} .lifestyle-section a{color: inherit;text-decoration: none;} .lifestyle-title-wrapper{border-top: 4px solid #8c8c8c;padding-top: 8px;margin-bottom: 20px;display: flex;align-items: center;gap: 9px;} .lifestyle-title{font-size: 25px;line-height: 30px;color: #222;font-weight: 700;} .lifestyle-title-arrow{color: #e10612;font-size: 34px;line-height: 24px;} .lifestyle-news{border-right: 1px solid #d6d6d6;padding-right: 16px;height: 100%;} .lifestyle-news-last{border-right: 0;} .lifestyle-news-img{position: relative;overflow: hidden;margin-bottom: 10px;} .lifestyle-news-img img{width: 100%;object-fit: cover;} .lifestyle-news-text h3{font-size: 18px;line-height: 26px;color: #222;font-weight: 700;margin: 0 0 5px;} .lifestyle-news-text p{font-size: 15px;line-height: 23px;color: #555;margin: 0 0 14px;} .lifestyle-news a:hover h3{color: #e10612;} @media (max-width: 991px){ .lifestyle-news{border-right: 0;border-bottom: 1px solid #ddd;padding-right: 0;padding-bottom: 18px;margin-bottom: 18px;} } @media (max-width: 575px){ .lifestyle-title-wrapper{margin-bottom: 18px;} .lifestyle-news-text h3{font-size: 18px;line-height: 25px;} .lifestyle-news-text p{display: none;} } /*========================================== DOUBLE FEATURE SECTION STYLE ==========================================*/ .double-feature-section{background: #fff;padding: 30px 0 10px;} .lifestyle-title-arrow svg{fill: #e10612;width: 25px;height: 25px;position: relative;left: -5px;} .double-feature-box{display: grid;grid-template-columns: 1fr 1.05fr;gap: 16px;padding: 0px;border-bottom: 1px solid #d7c9d8;padding-bottom: 10px;} .double-feature-list{border-left: 1px solid #d7c9d8;padding-left: 16px;} .double-feature-lead-img, .double-feature-small img{position: relative;overflow: hidden;} .double-feature-lead-img{margin-bottom: 5px;} .double-feature-lead-img img{width: 100%;object-fit: cover;} .double-feature-lead-text h2{font-size: 20px;line-height: 25px;color: #111;font-weight: 700;margin: 0 0 5px;} .double-feature-lead-text h2 span{color: #e10612;font-size: 18px;} .double-feature-small h3 span{color: #e10612;font-size: 16px;} .double-feature-lead-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .double-feature-small h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .double-feature-lead-text p{font-size: 15px;line-height: 22px;color: #555;} .double-feature-small{border-bottom: 1px solid #d7c9d8;padding-bottom: 16px;margin-bottom: 16px;} .double-feature-small:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} .double-feature-small a{display: grid;grid-template-columns: 1fr 110px;gap: 10px;align-items: start;} .double-feature-small-heading{min-height: 66px;max-height: 66px;overflow: hidden;} .double-feature-small h3{font-size: 16px;line-height: 22px;color: #111;font-weight: 700;margin: 0px;} .double-feature-small img{object-fit: cover;display: block;} .double-feature-small-img{overflow: hidden;} .double-feature-lead{min-height: 360px;max-height: 360px;} .double-feature-lead-text{max-height: 165px;min-height: 165px;overflow: hidden;} .double-feature-lead-img svg{position: absolute;top: 18%;left: 5%;height: 40px;width: 40px;padding-left: 3px;background: #fff;transform: translateY(-50%);color: #000;fill: currentColor;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;box-sizing: border-box;} .double-feature-lead a:hover .double-feature-lead-img svg{background: #fff;fill: red;} @media (max-width: 991px){ .double-feature-box{margin-bottom: 24px;} } @media (max-width: 575px){ .double-feature-box{grid-template-columns: 1fr;padding: 12px;} .double-feature-list{border-left: 0;padding-left: 0;border-top: 1px solid #d7c9d8;padding-top: 15px;} .double-feature-small a{gap: 10px;} .double-feature-lead-text h2{font-size: 19px;line-height: 26px;} .double-feature-small h3{font-size: 17px;line-height: 24px;} } /*=========================================== NATIONAL SECTION WRAPPER STYLE ============================================*/ .national-section-wrapper{background: #fff;padding: 20px 0 28px;} .national-section-wrapper a{text-decoration: none;color: inherit;} .national-title-row{border-top: 4px solid #888;padding-top: 10px;margin-bottom: 20px;display: flex;align-items: center;gap: 8px;} .national-title{font-size: 24px;line-height: 30px;font-weight: 700;color: #222;} .national-search-bar{background: #e8f5ff;padding: 16px 44px;margin-bottom: 20px;display: grid;grid-template-columns: 170px 1fr 1fr 1fr 124px;gap: 32px;align-items: center;} .national-location-label{display: flex;align-items: center;gap: 10px;font-size: 16px;color: #222;white-space: nowrap;} .national-target-icon svg{width: 22px;height: 22px;fill: #e10612;margin-top: -3px;} .national-select{width: 100%;height: 48px;border: 1px solid #b7c7d3;background: transparent;color: #333;font-size: 15px;padding: 0 14px;outline: none;} .national-search-btn{height: 48px;border: 0;background: #0c4aa2;color: #fff;font-size: 18px;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 10px;cursor: pointer;} .national-search-btn svg{width: 19px;height: 19px;fill: #fff;} .national-news-row{align-items: stretch;} .national-lead-image{overflow: hidden;position: relative;} .national-lead-image img{width: 100%;object-fit: cover;} .national-lead-image svg{position: absolute;top: 14%;left: 8%;height: 40px;width: 40px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;} .national-lead-news a:hover .national-lead-image svg{background: #fff;fill: red;} .national-lead-content{padding-top: 10px;} .national-lead-content h2{font-size: 25px;line-height: 33px;color: #222;margin: 0 0 12px;font-weight: 700;} .national-lead-content h2 span{color: #e10612;font-size: 18px;} .national-lead-content h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .national-middle-col{border-left: 1px solid #ddd;border-right: 1px solid #ddd;} .national-feature-news, .national-list-news{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 14px;} .national-feature-news a, .national-list-news a{display: grid;grid-template-columns: 1fr 155px;gap: 14px;} .national-feature-image, .national-list-news{overflow: hidden;position: relative;} .national-feature-image img, .national-list-news img{width: 100%;object-fit: cover;} .national-feature-text h3{font-size: 18px;line-height: 26px;color: #222;margin: 0 0 10px;font-weight: 700;} .national-feature-text h3 span{color: #e10612;font-size: 18px;} .national-feature-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .national-feature-image svg{position: absolute;top: 25%;left: 5%;height: 30px;width: 30px;padding-left: 3px;background: #fff;transform: translateY(-50%);color: #000;fill: currentColor;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;box-sizing: border-box;} .national-feature-news a:hover .national-feature-image svg{background: #fff;fill: red;} .national-middle-col .national-feature-news:last-child{margin-bottom: 0;} .national-side-col .national-feature-news:last-child{margin-bottom: 0;} @media (max-width: 991px){ .national-search-bar{grid-template-columns: 1fr 1fr;gap: 14px;padding: 16px;} .national-location-label, .national-search-btn{grid-column: span 2;} .national-middle-col{border-left: 0;border-right: 0;margin-top: 18px;} } @media (max-width: 575px){ .national-title-row{margin-bottom: 18px;} .national-search-bar{grid-template-columns: 1fr;} .national-location-label, .national-search-btn{grid-column: span 1;} .national-feature-news a, .national-list-news a, .national-side-news a{grid-template-columns: 1fr 110px;gap: 10px;} .national-lead-content h2{font-size: 22px;line-height: 29px;} .national-feature-text h3, .national-list-news h3, .national-side-news h3{font-size: 17px;line-height: 24px;} .national-lead-content p, .national-feature-text p, .national-list-news p{font-size: 15px;line-height: 22px;} } /*=========================== Category News Home STYLE ============================*/ .job-title{border-bottom: 2px solid #f44336;} .job-title .main-heading h2{background-color: #f44336;} .technology-title{border-bottom: 2px solid #ff7500;} .technology-title .main-heading h2{background-color: #ff7500;} .special-news-title{border-bottom: 2px solid #607d8b;} .special-news-title .main-heading h2{background-color: #607d8b;} .category-lead{position: relative;margin-bottom: 14px;} .category-lead-img{position: relative;overflow: hidden;} .category-lead-img img{width: 100%;} .category-lead-img svg{position: absolute;top: 20%;left: 10%;height: 45px;width: 45px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .category-lead a:hover .category-lead-img svg{background: #fff;fill: red;} .category-lead-text{position: absolute;width: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,.8) 100%);color: #fff;bottom: 0;padding: 7px 7px 0;padding-bottom: 3px;} .category-lead-text h3{font-size: 20px;line-height: 24px;color: #fff;font-weight: 600;margin: 0;} .category-lead-text span{font-size: 18px;margin-right: 2px;color: #ffb300;} .category-lead-text span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #ffb300;width: 7px;height: 7px;border-radius: 50%;} .category-ul{margin: 0;padding: 0;} .category-ul li{list-style-type: none;position: relative;display: inline-block;width: 100%;margin-bottom: 10px;border-bottom: 1px solid #979797;padding-bottom: 4px} .category-ul li a{display: inline-block;background: #fff;} .category-ul li:last-child{border-bottom: 0;} .category-list-img{float: left;width: 36%;position: relative;overflow: hidden;} .category-list-img svg{position: absolute;top: 32%;left: 20%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .category-ul li a:hover .category-list-img svg{background: #fff;fill: red;} .category-list-text{padding-top: 2px;padding-left: 3%;float: left;width: 64%;min-height: 87px;max-height: 87px;overflow: hidden;padding-right: 4px;} .category-list-text h4{font-size: 18px;line-height: 22px;transition: all 0.5s ease 0s;margin: 0;color: #000;font-weight: 600;} .category-list-text h4 span{font-size: 16px;margin-right: 2px;color: #e10612;} .category-list-text h4 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} /*========================================== POLITICAL NEWS SECTION WRAPPER STYLE =================================================*/ .big-banner-1{margin-top: 10px;text-align: center;margin-bottom: 15px;} .political-lead-news{margin-bottom: 25px;} .political-lead-news-image{position: relative;overflow: hidden;} .political-lead-news-image svg{position: absolute;top: 20%;left: 10%;height: 50px;width: 50px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 6px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;} .political-lead-news-text{position: relative;background-color: #eff3f4;padding: 3px 6px;max-height: 75px;min-height: 75px;overflow: hidden;} .political-lead-news-text h2{margin: 0;font-size: 18px;line-height: 24px;color: #000;font-weight: 600;} .political-lead-news-text h2 span{font-size: 16px;margin-right: 2px;color: #e10612;} .political-lead-news-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .political-lead-news a:hover .political-lead-news-image svg{fill: #e10612;} .political-lead-news-other{margin-bottom: 24px;} .political-lead-news-other-image{position: relative;overflow: hidden;} .political-lead-news-other-image svg{position: absolute;top: 30%;left: 16%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .political-lead-news-other-text{background: #eff3f4;min-height: 80px;max-height: 80px;width: 100%;overflow: hidden;padding: 3px 6px 0 6px;} .political-lead-news-other-text h3{font-size: 17px;line-height: 23px;margin: 0;color: #000;font-weight: 600;} .political-lead-news-other-text h3 span{font-size: 15px;margin-right: 2px;color: #e10612;} .political-lead-news-other-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .political-lead-news-other a:hover .political-lead-news-other-image svg{fill: #e10612;} /*========================================== Technology SECTION STYLE =================================================*/ .photo-gallery-section{background: #fff;padding: 0 0 35px;} .photo-gallery-heading{border-top: 3px solid #999;padding-top: 8px;margin-bottom: 35px;} .photo-gallery-heading a{display: inline-flex;align-items: center;gap: 8px;color: #111;font-size: 22px;font-weight: 700;line-height: 1;text-decoration: none;} .photo-main-carousel{position: relative;width: 100%;overflow: hidden;} .photo-main-carousel .carousel-item{width: 100%;} .photo-featured-img{position: relative;display: block;width: 100%;overflow: hidden;background: #ddd;text-decoration: none;} .photo-featured-img img{width: 100%;object-fit: cover;display: block;} .photo-caption{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;font-size: 15px;line-height: 22px;padding: 22px 16px 14px;background: linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0));} .photo-slide-count{position: absolute;top: 16px;left: 16px;z-index: 10;min-width: 62px;height: 32px;padding: 4px 12px;border-radius: 18px;background: rgba(0,0,0,.48);color: #fff;font-size: 16px;line-height: 24px;text-align: center;} .photo-carousel-controls{position: absolute;top: 16px;right: 16px;z-index: 10;display: flex;gap: 8px;} .photo-control-btn{width: 34px;height: 34px;border: 0;border-radius: 50%;background: rgba(0,0,0,.55);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 26px;line-height: 1;cursor: pointer;} .photo-pause-btn{font-size: 15px;} .photo-pause-btn .play-symbol{display: none;font-size: 13px;} .photo-pause-btn.is-paused .pause-symbol{display: none;} .photo-pause-btn.is-paused .play-symbol{display: inline;} .photo-side-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 30px;} .photo-side-card a{color: #111;display: block;text-decoration: none;} .photo-side-img{position: relative;width: 100%;margin-bottom: 8px;overflow: hidden;background: #eee;} .photo-side-img img{width: 100%;object-fit: cover;} .photo-icon{position: absolute;top: 8px;left: 8px;width: 34px;height: 34px;border-radius: 50%;background: #e30613;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 16px;} .photo-featured-text{position: absolute;width: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.8) 100%);color: #fff;bottom: 0;padding: 30px 34px 10px;} .photo-featured-text h2{font-size: 25px;line-height: 30px;margin-bottom: 4px;color: #fff;position: relative;font-weight: 600;} .photo-featured-text p{color: #373737;line-height: 26px;margin: 0;} .photo-side-card h3{font-size: 18px;line-height: 24px;color: rgb(0,0,0);font-weight: 600;margin: 0px;} .photo-pause-btn span svg{width: 16px;height: 16px;fill: #fff;} .photo-side-card h3{font-size: 18px;line-height: 24px;color: rgb(0,0,0);font-weight: 600;margin: 0px;} .photo-side-card a:hover .photo-icon{background: #fff;color: #e10612;} @media (max-width: 991px){ .photo-featured-img img{height: 430px;} .photo-side-grid{margin-top: 20px;} } @media (max-width: 575px){ .photo-featured-img img{height: 280px;} .photo-main-carousel h2{font-size: 22px;line-height: 30px;} .photo-side-grid{grid-template-columns: repeat(2,1fr);gap: 24px;} .photo-side-img img{height: 100%;} } /*========================================== Technology SECTION STYLE =================================================*/ .international-section{background: #fff;padding: 26px 0 30px;} .international-section a{color: inherit;text-decoration: none;} .international-title-wrapper{border-top: 4px solid #8c8c8c;padding-top: 9px;margin-bottom: 20px;display: flex;align-items: center;gap: 9px;} .international-title{font-size: 24px;line-height: 30px;color: #222;font-weight: 700;} .international-lead-news{padding-right: 14px;} .international-lead-img{overflow: hidden;margin-bottom: 10px;position: relative;} .international-lead-img svg{position: absolute;top: 12%;left: 6%;height: 45px;width: 45px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;} .international-lead-news a:hover .international-lead-img svg{background: #fff;fill: red;} .international-lead-img img{width: 100%;object-fit: cover;} .international-lead-text h2{font-size: 26px;line-height: 34px;color: #222;font-weight: 700;margin: 0 0 26px;} .international-right-col{border-left: 1px solid #bfbfbf;padding-left: 16px;position: relative;} .international-right-col:after{position: absolute;background: #bfbfbf;content: "";width: 1px;height: 100%;top: 0;left: 50%;} .international-item{border-bottom: 1px solid #cfcfcf;padding-bottom: 16px;margin-bottom: 16px;height: calc(100% - 16px);} .international-item-img{overflow: hidden;margin-bottom: 8px;position: relative;} .international-item-img img{width: 100%;object-fit: cover;} .international-item-img svg{position: absolute;top: 17%;left: 11%;height: 40px;width: 40px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .international-item a:hover .international-item-img svg{background: #fff;fill: red;} .international-item-text h3{font-size: 18px;line-height: 25px;color: #222;font-weight: 700;margin: 0 0 8px;} .international-item-text h3 span{font-size: 16px;margin-right: 2px;color: #e10612;} .international-item-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} @media (max-width: 991px){ .international-lead-news{padding-right: 0;margin-bottom: 20px;} .international-right-col{border-left: 0;padding-left: 0;} } @media (max-width: 767px){ .international-section .col-md-6:nth-child(odd) .international-item, .international-section .col-md-6:nth-child(even) .international-item{padding-left: 0;padding-right: 0;border-right: 0;} .international-item{display: block;} .international-lead-text h2{font-size: 22px;line-height: 31px;margin-bottom: 14px;} .international-item-text h3{font-size: 18px;line-height: 25px;} .international-right-col:after{display: none;} } /*========================================== COUNTRY NEWS WRAPPER STYLE =================================================*/ .other-section{padding-bottom: 20px;display: none;} .other-section-top{padding-bottom: 30px;padding-top: 20px;} /*========================================== SPORTS SECTION WRAPPER STYLE =================================================*/ .sports-section-left{float: left;width: 28%;padding: 0;} .sports-section-middle{float: left;width: 44%;padding: 0;} .sports-section-right{float: left;width: 28%;padding: 0;} .sports-lead-news{background-color: #eff3f4;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 7px;position: relative;margin-bottom: 20px;} .sports-lead-news-image{position: relative;overflow: hidden;} .sports-lead-news-image svg{position: absolute;top: 20%;left: 10%;height: 50px;width: 50px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 6px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;} .sports-lead-news-text{position: absolute;width: 97.3%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 100%);color: #fff;bottom: 7px;padding: 15px 10px 5px;} .sports-lead-news-text h2{font-size: 24px;line-height: 30px;margin: 0;color: #fff;font-weight: 600;} .sports-lead-news-text h2 span{color: #ffb300;margin-right: 3px;font-size: 20px;} .sports-lead-news-text h2 span svg{margin-left: 6px;fill: #ffb300;margin-right: 6px;background: #ffb300;width: 7px;height: 7px;border-radius: 50%;} .sports-lead-news a:hover .sports-lead-news-image svg{background: #fff;fill: red;} .sports-news-ul{padding: 0;margin: 0;position: relative;} .sports-news-ul li{list-style: none;width: 100%;margin-bottom: 7px;} .sports-news-ul li a{display: inline-block;padding: 8px 8px;background: #eff3f4;width: 100%;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);} .sports-news-ul-left{float: left;width: 40%;position: relative;overflow: hidden;} .sports-news-ul-left svg{position: absolute;top: 32%;left: 20%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .sports-news-ul-right{float: left;width: 60%;padding-left: 3%;min-height: 66px;max-height: 66px;overflow: hidden;padding-right: 4px;} .sports-news-ul-right h3{color: #000;margin: 0;padding: 0;font-size: 18px;line-height: 22px;font-weight: 600;} .sports-news-ul-right h3 span{font-size: 15px;margin-right: 2px;color: #e10612;} .sports-news-ul-right h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .sports-news-ul li a:hover .sports-news-ul-left svg{fill: red;background: #fff;} .big-banner-6{text-align: center;margin-top: 15px;} .sports-title{border-left: 4px solid red;margin-bottom: 10px;} .sports-title h2{font-size: 22px;display: inline-block;padding: 5px 10px;margin: 0;} .sports-title a{color: #000;} .text-headline-style-1{position: relative;} .text-headline-style-1 a,.text-headline-style-1 a:hover{color: #000000;text-decoration: none;} .text-headline-style-1 h3{border-bottom: 1px solid #ea4748;padding-bottom: 5px;position: relative;margin-bottom: 10px;font-size: 22px;} .text-headline-style-1 h3 span{width: auto;border-bottom: 4px solid #ea4748;padding-bottom: 2px;} /*========================================== FEATURE SECTION STYLE =================================================*/ .feature-news-section.new-feature-design{padding: 25px 0 0;background: #fff;} .new-feature-design .feature-category-box{width: 100%;} .new-feature-design .feature-category-heading{border-top: 3px solid #8f8f8f;padding-top: 10px;margin-bottom: 20px;} .new-feature-design .feature-category-heading a{display: inline-flex;align-items: center;gap: 10px;color: #101820;font-size: 23px;line-height: 28px;font-weight: 700;text-decoration: none;} .new-feature-design .feature-category-heading svg{width: 12px;height: 18px;fill: #e30613;margin-top: 0px;} .new-feature-design .feature-main-news{margin-bottom: 0;} .new-feature-design .feature-main-news a{display: block;color: #101820;text-decoration: none;} .new-feature-design .feature-main-img{width: 100%;height: 190px;overflow: hidden;margin-bottom: 12px;background: #eee;} .new-feature-design .feature-main-img img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .3s ease;} .new-feature-design .feature-main-news h2{margin: 0;color: #101820;font-size: 20px;line-height: 29px;font-weight: 700;} .new-feature-design .feature-text-news{margin: 16px 0 0;padding: 0;list-style: none;} .new-feature-design .feature-text-news li{margin: 0;padding: 14px 0;border-top: 1px solid #ddd;} .new-feature-design .feature-text-news li:last-child{border-bottom: 0;} .new-feature-design .feature-text-news a{display: block;color: #101820;font-size: 19px;line-height: 28px;font-weight: 400;text-decoration: none;} .feature-main-news h2 span{font-size: 18px;margin-right: 2px;color: rgb(225,6,18);} .feature-main-news h2 span svg{margin-left: 6px;fill: rgb(153,153,153);margin-right: 6px;width: 7px;height: 7px;background: rgb(153,153,153);border-radius: 50%;} @media (max-width: 991px){ .new-feature-design .feature-category-box{margin-bottom: 30px;} .new-feature-design .feature-main-img{height: 220px;} } @media (max-width: 575px){ .feature-news-section.new-feature-design{padding: 20px 0 25px;} .new-feature-design .feature-category-heading{margin-bottom: 18px;} .new-feature-design .feature-main-img{height: 210px;} .new-feature-design .feature-category-heading a{font-size: 22px;} .new-feature-design .feature-main-news h2{font-size: 20px;line-height: 28px;} .new-feature-design .feature-text-news a{font-size: 18px;line-height: 27px;} } /*========================================== NEW NATION SECTION WRAPPER STYLE =================================================*/ .lead-news-bn{position: relative;margin-bottom: 24px;display: inline-block;} .lead-news-bn-text{width: 40%;float: right;background: #eff3f4;padding: 6px 10px 6px 10px;min-height: 293px;max-height: 293px;overflow: hidden;} .lead-news-bn-img{width: 60%;float: left;position: relative;overflow: hidden;} .lead-news-bn-img img{width: 100%;min-height: 293px;max-height: 293px;overflow: hidden;} .lead-news-bn-text span{color: red;font-size: 14px;line-height: 14px;} .lead-news-bn-text h2{font-size: 25px;line-height: 30px;color: #000;margin-bottom: 5px;} .lead-news-bn-text p{color: #000;font-size: 16px;text-align: justify;} .lead-news-bn-other{margin-bottom: 24px;} .lead-news-bn-other-img{position: relative;overflow: hidden;} .lead-news-bn-other-img svg{position: absolute;top: 50%;left: 50%;height: 35px;width: 35px;background: rgba(0,0,0,0.14);transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #fff;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .lead-news-bn-other a:hover .lead-news-bn-other-img svg{background: #fff;fill: red;} .lead-news-bn a:hover .lead-news-bn-img svg{background: #fff;fill: red;} .lead-news-bn-other-text{background: #eff3f4;min-height: 102px;max-height: 102px;display: inline-block;overflow: hidden;padding: 5px 7px;} .lead-news-bn-other-text span{color: red;font-size: 14px;line-height: 14px;} .lead-news-bn-other-text h2{font-size: 18px;line-height: 24px;color: #000;margin: 0;} .new-national-category-ul li{border-bottom: none;padding-bottom: 0;margin-top: 3px;margin-bottom: 10px;} .lead-news-bn-img svg{position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0,0,0,0.14);transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .new-national-category-lead-image img{min-height: 207px !important;max-height: 207px !important;overflow: hidden;width: 100%;} .special-title-heading{background: #fff;} .special-title-heading .title{position: relative;overflow: hidden;margin: 0 0 15px 0;font-size: 24px;border-left: 5px solid #282828;padding-left: 10px;} .special-title-heading .title{border-bottom: 1px solid #282828;border-right: 5px solid #282828;text-align: center;} .special-title-heading .title a{font-size: 22px;color: #000;line-height: 38px;} .form-control{display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .footer-text{color: #000 !important;} .copyright{color: #000 !important;} .footer-menu-footer li a{color: #000;} .footer-wrapper hr{background-color: #000;border-color: #000;} .footer-socail-icon-wrapper{margin-top: 20px;} .new-binodon-single-wrapper-text-2{min-height: 94px;max-height: 94px;padding: 3px 5px;} .new-binodon-single-wrapper-text{min-height: 88px;max-height: 88px;padding: 3px 5px;} .new-national-ads{margin-top: 30px;} .new-national-ads .img-1{margin-bottom: 24px;} .latest-news-left h2{font-size: 35px;line-height: 35px;margin: 0;color: #607D8B;} .new-common-heading{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;position: relative;} .new-common-heading:before{border-top: 2px solid #8c8c8c;content: "";margin: 0 auto;position: absolute;top: 40%;left: 0;right: 0;bottom: 0;width: 100%;} .new-common-heading .h2{font-weight: 700;font-size: 28px;line-height: 34px;background: #fff;padding-right: 10px;text-transform: capitalize;position: relative;} .new-common-heading .h2 a{color: #333;text-decoration: none;transition: all 0.3s ease;} .new-common-heading a.view_more{font-weight: 600;font-size: 16px;line-height: 22px;color: #333;text-transform: capitalize;border: 1px solid #8c8c8c;padding: 5px 10px 3px 10px;border-radius: 30px;background: #fff;display: flex;align-items: center;flex: 0 0 auto;position: relative;margin-top: -10px;transition: all 0.3s ease;} .new-common-heading a.view_more svg{margin-left: 3px;fill: #e10612;} .new-common-heading a.view_more:hover{background: #e10612;color: #fff;border-color: #e10612;transform: translateY(-2px);} .new-common-heading a.view_more:hover svg{fill: #fff;} .new-common-heading .h2 a:hover{color: #e10612;} /*====================== Video Section Style =========================================*/ .ad-section-top{text-align: center;max-width: 100%;margin-top: -15px;position: relative;padding-bottom: 25px;} .video-section-wrapper{background: #212121;padding-top: 10px;padding-bottom: 40px;} .video-main-title{border-left: 4px solid red;line-height: 26px;margin-bottom: 15px;} .video-main-title a{color: #ffc107;} .video-main-title a h2{color: #ffc107;font-size: 30px;padding-left: 10px;} .nav-video-tab-option{margin-top: 2px;margin-bottom: 0;border: 0;margin-left: -10px;} .nav-video-tab-option li button{background-color: #333;transition: background-color .3s;font-size: 16px;line-height: 1;color: #fff;cursor: pointer;border-radius: 10px 10px 0 0 !important;padding: 10px 25px;border: 0 !important;margin-left: 10px;} .nav-video-tab-option li button.active{color: #fff;background-color: red !important;} .nav-video-all-video{text-align: right;margin-top: 41px;} .nav-video-all-video a{font-size: 16px;margin-right: 9px;padding: 7px 20px;background-color: #333;transition: background-color .3s;line-height: 1;color: #fff;border-radius: 10px 10px 0 0 !important;cursor: pointer;} .nav-video-all-video a:hover, .nav-video-tab-option li button{color: #fff !important;} .nav-video-all-video a:hover{background: red;} .video-slider-single-image{position: relative;} .video-slider-single-image svg{position: absolute;top: 50%;left: 50%;color: #fff;background: rgba(0,0,0,.65);padding: 5px;transform: translate(-50%,-50%);border-radius: 50%;height: 45px;width: 45px;padding-left: 8px;text-align: center;transition: .5s;} .card-body a:hover .video-slider-single-image svg{background: #dc2028;} .fade, .new-fade{-webkit-animation: .7s ease-in-out fadeInScale;-moz-animation: .7s ease-in-out fadeInScale;animation: .7s ease-in-out fadeInScale;} .fade{transition: opacity .15s linear;} .other-main-video{padding-top: 35px;} @keyframes fadeInScale{ 0%{transform: scale(.9);opacity: 0} 100%{transform: scale(1);opacity: 1} } /* ============================ video SECTION ======================== */ .video-wrapper{padding-bottom: 20px;padding-top: 40px;} .video-lead-text{width: 40%;float: left;background: transparent;padding: 0;min-height: 290px;max-height: 290px;overflow: hidden;} .video-lead-text span{color: #e10612;font-size: 22px;line-height: 18px;} .video-lead-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .video-lead-text h2{font-size: 24px;line-height: 30px;color: #000;margin: 0;margin-bottom: 5px;} .video-lead-text p{color: #000;margin: 0;padding-right: 15px;text-align: justify;} .video-lead-img{width: 60%;float: left;position: relative;overflow: hidden;padding: 7px;background: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);} .video-lead-img img{width: 100%;min-height: 290px;max-height: 290px;overflow: hidden;} .video-lead-img svg{position: absolute;top: 18%;left: 10%;height: 50px;width: 50px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 6px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;} .video-lead a:hover .video-lead-img svg{background: #fff;fill: red;} .video-news-img{position: relative;overflow: hidden;} .video-news-img svg{position: absolute;top: 18%;left: 10%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .video-news a:hover .video-news-img svg{background: #fff;fill: red;} .video-news{margin-bottom: 5px;} .video-news-text{min-height: 76px;max-height: 76px;overflow: hidden;padding: 5px 7px;background: #fff;} .video-news-text-2{min-height: 125px;max-height: 125px;overflow: hidden;background: transparent;padding: 5px 0;padding-bottom: 0;} .video-news-text h3{font-size: 18px;line-height: 24px;color: #000;margin: 0;} .video-news-text span{color: #e90000;font-size: 16px;line-height: 16px;} .video-lead-text-mobile{display: none;} .video-news a{display: inline-block;width: 100%;background: #fff;padding: 7px;} .custom-bg-color-sports-lead{background: #EFF9F0;padding: 20px 20px 15px 20px;} .custom-bg-color-other-sports{background: #BAE4BF;padding: 20px 20px 15px 20px;} .video-news-two a{display: inline-block;width: 100%;background: transparent;padding: 0;} .video-news-two a .video-news-img{background: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 7px;} .video-news-text-2 p{color: #000;margin: 0;-webkit-line-clamp: 2;line-clamp: 2;text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-box-orient: vertical;word-wrap: break-word;text-align: justify;} /* ========================= Gallery Section ========================= */ .gallery-section{width: 100%;padding: 25px 0 40px;background: #272a2e;position: relative;} .gallery-section-title{display: flex;gap: 12px;align-items: center;justify-content: center;margin: 0 0 10px;color: #ffffff;font-size: 30px;font-weight: 700;line-height: 1.2;} .gallery-section-title a{color: #ffffff;text-decoration: none;transition: all 0.3s ease;} .gallery-section-title a:hover{color: #e10612;} .gallery-section-title::before, .gallery-section-title::after{width: 45px;height: 1px;background: rgba(255,255,255,0.45);content: "";} .gallery-section .custom-row{display: flex;flex-wrap: wrap;} .gallery-section .custom-padding{padding-left: 14px;padding-right: 14px;} .gallery-top-row .custom-padding{border-right: 1px solid rgba(255,255,255,0.18);} .gallery-top-row .custom-padding:last-child{border-right: 0;} .gallery-card{width: 100%;} .gallery-card a{display: block;color: #ffffff;text-decoration: none;} .gallery-card-img{position: relative;width: 100%;overflow: hidden;background: #16181b;border-radius: 5px;} .gallery-card-img img{display: block;width: 100%;height: 100%;object-fit: cover;} .gallery-card-img svg{position: absolute;top: 14%;left: 8%;height: 40px;width: 40px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;} .gallery-card a:hover .gallery-card-img svg{background: #fff;fill: red;} .gallery-card-title{margin: 10px 0 0;color: #f4f4f4;font-size: 19px;font-weight: 700;line-height: 1.42;transition: color 0.2s ease;} .gallery-card-title span {color: #ffb300;margin-right: 3px;font-size: 16px;} .gallery-card-bottom .gallery-card-title{font-size: 17px;} .gallery-card-bottom .gallery-card-title span {font-size: 16px;} .gallery-bottom-row{margin-top: 24px;padding-top: 20px;border-top: 1px solid rgba(255,255,255,0.18);} .gallery-card:hover .gallery-card-title{color: #ff4c53;} .gallery-card-bottom{position: relative;} .gallery-card-bottom:after{position: absolute;content: "";background: #4e5054;height: 100%;width: 1px;top: 0;right: -15px;} .gallery-bottom-row .custom-padding:last-child .gallery-card-bottom::after{display: none;} /* ============================ new-entertament SECTION ======================== */ section.new-sports-section{padding-top: 0;padding-bottom: 30px;background: #ffff;} .new-sports{position: relative;margin-bottom: 10px;} .new-sports-img{position: relative;overflow: hidden;} .new-sports-img img{width: 100%;border-radius: 0;} .new-sports-text{position: relative;background: #eff3f4;color: #000;width: 100%;margin: 0;min-height: 86px;max-height: 86px;overflow: hidden;padding: 5px 8px;box-shadow: 0 5px 5px -5px #000;} .new-sports-text h3{color: #000;font-weight: 600;font-size: 21px;line-height: 26px;margin: 0;} .new-sports-text h4{color: #000;font-weight: 600;font-size: 19px;line-height: 25px;margin: 0;} .new-sports-text:hover h4{color: #0d6efd;} .sports-second-small-left img{position: relative;} .sports-second-small-right h4{font-size: 18px;line-height: 24px;color: #111;margin: 0;} .sports-second-small-left{width: 42%;float: left;position: relative;overflow: hidden;} .sports-second-small-right{width: 58%;float: right;padding-top: 5px;padding-right: 5px;padding-left: 3%;min-height: 86px;max-height: 86px;overflow: hidden;} .sports-second-small{margin-top: 20px;display: inline-block;background: #eff3f4;box-shadow: 0 1px 2px rgba(0,0,0,0.2);} .new-sports-img svg{position: absolute;top: 18%;left: 10%;height: 42px;width: 42px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .new-sports:hover .new-sports-img svg{fill: #e10612;} .new-sports-text span{font-size: 18px;margin-right: 2px;color: #e10612;} .sports-lead-news-image svg{position: absolute;top: 9%;left: 8%;height: 50px;width: 50px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 7px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;} .entertament-lead-news:hover .sports-lead-news-image svg{fill: #e10612;} .entertament-lead-news-text h2 span{font-size: 24px;margin-right: 2px;color: #e10612;} .entertament-lead-news-text h2 svg{margin-left: 9px;fill: #999;margin-right: 2px;background: #999;width: 9px;height: 9px;border-radius: 50%;} .new-sports-text span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .sports-second-small-left svg{position: absolute;top: 23%;left: 14%;height: 36px;width: 36px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .sports-second-small:hover .sports-second-small-left svg{fill: #e10612;} .sports-second-small-right h4 span{font-size: 17px;margin-right: 2px;color: #e10612;} .sports-second-small-right h4 svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} /* New National Section Style */ .top-other-section{position: relative;padding-top: 40px;} .national-new-wrapper{margin-bottom: 20px;} .national-lead-news{margin-bottom: 20px;position: relative;} .national-lead-news-image{position: relative;overflow: hidden;} .national-lead-news-image svg{position: absolute;top: 20%;left: 10%;height: 50px;width: 50px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 50px;fill: #000;border-radius: 50%;padding-left: 6px;border: 3px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;} .national-lead-news-text{padding: 3px 7px;background: #eff3f4;min-height: 60px;max-height: 60px;padding-bottom: 0;overflow: hidden;} .national-lead-news-text h2{font-size: 20px;line-height: 24px;margin: 0;color: #000;font-weight: 600;} .national-lead-news-text h2 span{font-size: 18px;margin-right: 2px;color: #e10612;} .national-lead-news-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .national-lead-news a:hover .national-lead-news-image svg{background: #fff;fill: red;} .national-other-news{margin-bottom: 24px;} .national-other-news-image{position: relative;overflow: hidden;} .national-other-news-image svg{position: absolute;top: 30%;left: 16%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .national-other-news-text{padding: 3px 5px;background: #eff3f4;min-height: 78px;max-height: 78px;padding-bottom: 0;overflow: hidden;} .national-other-news-text h3{font-size: 18px;line-height: 24px;margin: 0;color: #000;font-weight: 600;} .national-other-news-text h3 span{font-size: 16px;margin-right: 2px;color: #e10612;} .national-other-news-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .national-other-news a:hover .national-other-news-image svg{background: #fff;fill: red;} /* Common Section Heading style */ .section-title{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 6px 15px;background: linear-gradient(90deg,#0b8f3e 0%,#7cc8a1 45%,#dfdfdf 100%);margin-bottom: 15px;} .section-title h3{margin: 0;color: #ffffff;font-size: 22px;font-weight: 500;line-height: 1;display: inline-block;padding-top: 2px;} .section-title h3 a{color: #ffffff;} .view-all-title{display: inline-flex;align-items: center;gap: 10px;padding: 5px 15px;background: linear-gradient(90deg,#17c85b 0%,#00762d 100%);color: #fff;text-decoration: none;font-size: 15px;font-weight: 400;transition: all .3s ease;} .view-all-title svg{width: 16px;height: 16px;transition: transform .3s ease;} .view-all-title:hover{color: #fff;} .view-all-title:hover svg{transform: translateX(4px);} /*========================================== Technology SECTION STYLE =================================================*/ .technology-item{position: relative;margin-bottom: 35px;} .technology-item-img{position: relative;overflow: hidden;} .technology-item-img svg{position: absolute;top: 20%;left: 10%;height: 45px;width: 45px;background: #fff;transform: translate(-50%,-50%);text-align: center;line-height: 38px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .technology-item-text{position: relative;background: #eff3f4;color: #000;width: 90%;margin: -20px auto auto;min-height: 80px;max-height: 80px;overflow: hidden;padding: 3px 7px;border: 1px solid #e2e2e2;box-shadow: 0 5px 5px -5px #000;} .technology-item-text h3{color: #111;font-size: 18px;line-height: 24px;margin: 0;font-weight: 600;} .technology-item-text h3 span{font-size: 15px;margin-right: 2px;color: #e10612;} .technology-item-text h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .technology-section{padding-bottom: 10px;padding-top: 0;} .technology-item a:hover .technology-item-img svg{background: #fff;fill: red;} /*========================================== FEATURE SECTION STYLE =================================================*/ .feature-news-section{padding-bottom: 40px;} .feature-lead-news-wrapper{position: relative;padding: 7px;background: #eff3f4;} .feature-lead-news{position: relative;overflow: hidden;} .feature-lead-news-image{position: relative;} .feature-lead-news-image svg{position: absolute;top: 15%;left: 9%;height: 45px;width: 45px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .feature-lead-news-wrapper a:hover .feature-lead-news-image svg{fill: #ff0000;} .feature-news-ul-left svg{position: absolute;top: 30%;left: 16%;height: 35px;width: 35px;background: #FFF;transform: translate(-50%,-50%);text-align: center;line-height: 28px;fill: #000;border-radius: 50%;padding-left: 5px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;} .feature-news-ul li a:hover .feature-news-ul-left svg{fill: #ff0000;} .feature-lead-news-text{position: absolute;width: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,.8) 100%);color: #fff;bottom: 0;padding: 15px 10px 5px;} .feature-lead-news-text h2{margin: 0;font-size: 20px;line-height: 24px;color: #fff;} .feature-lead-news-text h2 span{font-size: 20px;margin-right: 2px;color: #ffb300;} .feature-lead-news-text h2 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .feature-news-ul{position: relative;margin: 0;padding: 0;} .feature-news-ul li{list-style: none;width: 100%;display: inline-block;padding: 0 7px;background: #eff3f4;} .feature-news-ul li a{width: 100%;border-bottom: 1px dotted #767272;display: inline-block;padding: 7px 0;margin-bottom: -4px;} .feature-news-ul li:first-child a{border-top: 1px dotted #767272;} .feature-news-ul-left{position: relative;float: left;width: 36%;padding-right: 3%;overflow: hidden;} .feature-news-ul-right{float: left;width: 64%;padding-top: 1px;min-height: 72px;max-height: 72px;overflow: hidden;padding-left: 1px;} .feature-news-ul-right h3{color: #000;margin: 0;font-size: 18px;line-height: 22px;} .feature-news-ul-right h3 span{font-size: 18px;margin-right: 2px;color: #e10612;} .feature-news-ul-right h3 span svg{margin-left: 6px;fill: #999;margin-right: 6px;background: #999;width: 7px;height: 7px;border-radius: 50%;} .health-ul li:first-child a{border-top: none;} .feature-news-ul li:last-child a{border-bottom: 0;} .feature-news-section-new-special .feature-news-ul li:last-child a{padding-bottom: 0;} .small-feature-news-ul .feature-news-ul-left{width: 40%;} .small-feature-news-ul .feature-news-ul-right{width: 60%;} .lifestyle-top-wrapper{padding-bottom: 30px;} .small-feature-news-ul .feature-news-ul-left img{width: 100%;min-height: 70px;max-height: 70px;overflow: hidden;} .health-ul .feature-news-ul-left img{min-height: 63px;max-height: 63px;overflow: hidden;} .health-ul .feature-news-ul-right{min-height: 63px;max-height: 63px;overflow: hidden;} .small-feature-news-ul .feature-news-ul-right{min-height: 63px;max-height: 63px;} .feature-lead-news-wrapper-3 .feature-lead-news-text h2{font-size: 18px;line-height: 23px;} .small-feature-news-ul .feature-news-ul-right h3 span{font-size: 16px;line-height: 20px;} .small-feature-news-ul .feature-news-ul-right h3{font-size: 16px;line-height: 20px;} /*========================================== bangladesh Section Section =================================================*/ .bangladesh-section-right{padding: 30px 0 30px;background: #fff;} .division-style{position: relative;margin: 0 auto;padding: 6px 10px;background: #fff;border: 1px solid rgba(0,0,0,0.15);box-shadow: rgba(0,0,0,0.1) 0px 1px 2px;cursor: pointer;outline: none;color: #19232d;line-height: 1.5;font-size: 16px;border-radius: 0.25rem;} .map-form{background: #fff;position: relative;padding: 15px 0;margin-bottom: 10px;padding-top: 0;margin-top: -5px;} .map-padding-left{padding-left: 5px;} .map-form .map-padding-left svg{width: 18px;height: 18px;fill: #fff;transition: 0.5s;} .new-heading-title{margin-bottom: 5px;position: relative;} .new-heading-title:before{position: absolute;content: "";width: 100%;border-top: 2px solid #282828;display: inline-block;vertical-align: bottom;left: 0;bottom: -2px;z-index: 9;} .new-heading-title h3{background-color: #282828;margin: 0;color: #fff;left: 11px;display: inline-block;font-size: 24px;padding: 8px 20px;position: relative;transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);-ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);} .new-heading-title a{color: #fff;text-decoration: none;} .new-heading-title span{color: #fff;position: relative;display: block;transform-style: flat;-webkit-transform-style: flat;-moz-transformtransform-style: flat;-ms-transform-style: flat;transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);-webkit-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);-ms-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);} .btn-date-picker{position: relative;z-index: 10;overflow: hidden;transition-duration: 0.5s;background: #282828;color: white;font-size: 18px;padding: 5px 10px 4px;box-shadow: rgba(0,0,0,0.1) 0px 1px 2px;width: 100%;} .btn-date-picker::before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .btn-date-picker:hover{color: #333;border-color: #333;} .btn-date-picker:hover svg{fill: #282828;} .btn-date-picker:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1);} /*========================================== Opinion Slider STYLE =================================================*/ @media (max-width: 991px){ .gallery-top-row .custom-padding{margin-bottom: 24px;border-right: 0;} .gallery-bottom-row .custom-padding{margin-bottom: 24px;} } .share-banner {border-top: 1px solid #ddd;margin-top: 22px;} .opinion-section {padding: 24px 0;padding-bottom: 0;} .opinion-section-container {position: relative;padding-top: 30px;padding-bottom: 30px;} .opinion-section-container::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, #e3e8ef 0%, #eef2f6 100%);left: 12px;right: 12px;border-radius: 10px;} .opinion-slider { position: relative; padding: 0 3.5rem; --visible: 1; --gap: 1rem; } @media (min-width: 576px) { .opinion-slider { --visible: 2; } } @media (min-width: 992px) { .opinion-slider { --visible: 3; } } @media (min-width: 1200px) { .opinion-slider { --visible: 4; } } .opinion-viewport { overflow: hidden; } .opinion-track { display: flex; transition: transform .5s ease; } .opinion-item {flex: 0 0 calc(100% / var(--visible));padding: 0 calc(var(--gap) / 2);} .opinion-item img {display: block;width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 10px;box-shadow: 0 2px 8px rgba(20, 40, 80, .12);} /* ===== অ্যারো বাটন (SVG) ===== */ .opinion-nav {position: absolute; top: 50%; transform: translateY(-50%);width: 42px; height: 42px; padding: 0;border: 0; border-radius: 50%;background: #0b63b6; color: #fff;display: grid; place-items: center;z-index: 5; transition: background .2s, opacity .2s;} .opinion-nav svg { width: 20px; height: 20px; } .opinion-nav:hover:not(:disabled) { background: #084e90; } .opinion-nav:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; } .opinion-prev { left: .4rem; } .opinion-next { right: .4rem; } /* আর স্লাইড না থাকলে অ্যারো ধূসর ও ক্লিক বন্ধ */ .opinion-nav:disabled {background: #c3ccd6;color: #8a96a3;cursor: not-allowed;opacity: .7;} @media (prefers-reduced-motion: reduce) { .opinion-track { transition: none; } } .feature-news-section-new-special .feature-lead-news-text h2 span {font-size: 18px;} .feature-news-section-new-special .feature-lead-news-text h2 {font-size: 18px;line-height: 22px;} .feature-news-section-new-special .feature-news-ul-right {min-height: 60px;max-height: 60px;} .feature-news-section-new-special .feature-news-ul-right h3 {font-size: 16px;line-height: 20px;} .feature-news-section-new-special .feature-news-ul-right h3 span {font-size: 16px;} /*========================================== MOBILE VERSION STYLE =================================================*/ @media only screen and (max-width:767px){ .special-new-mobile-title {font-size: 22px !important;line-height: 28px !important;} .new-national-ads{margin-top: 15px;} .new-national-ads .img-1, .new-national-ads .img-2{text-align: center;} .bangla-section-wrapper, .new-national-left, .new-national-right{width: 100%;} .top-bar-date{font-size: 15px;} .custom-container{padding-left: 10px;padding-right: 10px;max-width: 100%} .custom-row{margin-right: -5px;margin-left: -5px} .custom-padding{padding-left: 7px;padding-right: 7px} .middle-header{display: none;} .top-nav-container{border: none !important;} #nav{box-shadow: 0 3px 7px 1px rgba(144,161,180,.2);border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;} #nav.sticky .top-nav-container{border: none !important;} .top-nav-main .navbar-brand{display: block;padding: 0;} .right-menu-link{display: block !important;} .mobile-side-logo-wrapper{padding-top: 5px;padding-bottom: 5px;} .mobile-side-logo img{height: 55px;} .mobile-nav-ul-body{padding-top: 0;} .navbar-nav-mobile-sub-body{padding: 0;} .mobile-menu-sub-text:focus{border: 0;box-shadow: none;} .mobile-menu-social{text-align: center;padding-top: 20px;} .mobile-menu-social .top_socail_icon_area{float: unset;width: 100%;margin: 0;} .mobile-nav-ul{margin-bottom: 0 !important;padding-left: 0 !important;} .mobile-nav-ul li a{padding-left: 10px;padding-right: 10px;font-size: 17px;} .navbar-nav-mobile-sub{} .mobile-menu-sub-text{padding-left: 10px;padding-right: 10px;font-size: 17px;color: #000;} .navbar-nav-mobile-sub li a{font-size: 16px;} #back_to_top{right: 15px;} .latest-news-left img{min-height: unset;max-height: unset;} .latest-news-left svg{background: #fff;fill: red;padding-left: 4px;} .m-t-30{margin-top: 30px;} .m-t-25{margin-top: 25px;} .footer-bottom{text-align: center;padding-top: 10px;} .footer-social-icons{float: unset;margin-top: 15px;} .footer-col-1{padding-top: 15px;} .footer-menu{padding-bottom: 0;} .credit-text{margin-top: 0;text-align: center;} .copy-right-text{margin-bottom: 5px;} .top-news-left, .top-news-right, .country-news-wrapper-left, .country-news-wrapper-right, .bangladesh-section-left, .bangladesh-section-right{width: 100%;} .trending-list{overflow: auto;white-space: nowrap;} .trending-wrapper{padding: 20px 0 2px;background: #f9f9f9;} .lead-news-text h1{font-size: 22px;line-height: 28px;margin-bottom: 0;color: #000;} .lead-news-text span{color: red;} .sub-lead-image{display: block;position: relative;} .sub-lead-text, .sub-lead-2-text{min-height: 92px;max-height: 92px;padding-top: 3px;} .sub-lead-text h2, .sub-lead-2-text h2, .sub-lead-2-text h3{font-size: 18px;line-height: 23px;margin: 0;} .bt, .br{border: 0;} .sub-lead-top-right{padding-top: 0;} .lead-news-text{position: relative;width: 100%;background: transparent;color: #000;bottom: 0;padding: 2px 5px 0;} .sub-lead-text p{display: none;} .lead-news{margin-bottom: 15px;} .sub-lead-wrapper{border: 0;margin-bottom: 6px !important;padding-bottom: 0 !important;} .sub-lead-2{padding-top: 0;padding-bottom: 20px;} .lead-news{margin-bottom: 16px;} .other-lead-news-row{margin-top: 10px;} .top-news-right{margin-top: 15px;} .banner-top-right{text-align: center;} .lead-news-img svg, .country-news-lead-image svg, .category-lead-img svg, .bangladesh-lead-news-image svg, .sports-lead-news-image svg{height: 50px;width: 50px;background: #fff;fill: red;padding-left: 6px;border: 3px solid #fff;} .sub-lead-2-img svg, .sub-lead-image svg, .country-lead-news-small-image svg, .category-list-img svg, .bangladesh-news-ul-left svg, .sports-news-ul-left svg{height: 35px;width: 35px;background: #fff;fill: red;padding-left: 5px;border: 2px solid #fff;} .country-new-ul-left svg{background: #fff;fill: red;padding-left: 4px;} .trending-area{margin-bottom: 10px;} .video-lead-text{display: none;} .video-lead-text{width: 100%;min-height: unset;max-height: unset;padding: 2px 2px 2px 4px;} .video-lead-text-mobile{display: block;padding-top: 5px;} .video-lead-text h2{font-size: 20px;line-height: 26px;} .video-lead-img{width: 100%;} .video-lead{margin-bottom: 0;display: inline-block;} .video-lead-img svg{left: 12%;top: 20%;} .video-lead-img img{min-height: unset;max-height: unset;} .video-news{width: 100%;margin-bottom: 5px;display: inline-block;background: #282828;} .video-news-text h3{line-height: 22px;font-size: 17px;} .video-news-img svg{top: 25%;left: 18%;padding: 2px 2px 2px 6px;height: 35px;width: 35px;} .video-news{margin-bottom: 15px;} .big-banner-6{display: none;} .bangladesh-lead-news-image img{min-height: unset;max-height: unset;} .bangladesh-lead-news-text h2{font-size: 22px;line-height: 26px;} .bangladesh-lead-news{margin-bottom: 15px;} #carouselExampleIndicators{margin-bottom: 15px;} .photo-gallery-single{margin-bottom: 15px;} .sports-section-left, .sports-section-middle, .sports-section-right{width: 100%;} .sports-lead-news{margin-bottom: 15px;} .sports-lead-news-text h2{font-size: 22px;line-height: 26px;} .sports-lead-news-text{min-height: unset;max-height: unset;} .photo-gallery-single-text h3{font-size: 16px;line-height: 20px;} .photo-gallery-single-text{min-height: 63px;max-height: 63px;} .country-lead-news-small-text{padding: 3px 5px;min-height: 90px;max-height: 90px;} .country-lead-news-small-text h3, .country-new-ul-right h3{font-size: 17px;line-height: 21px;} .country-new-ul-left img{min-height: unset;max-height: unset;} .sports-news-ul li a{padding: 0;} .sports-news-ul-left{width: 40%;} .sports-news-ul-right{width: 60%;min-height: unset;max-height: unset;padding-top: 3px;} .top-news-left{width: 100%;} .top-news-right{width: 100%;} .lead-news-img svg{top: 18%;left: 10%;} .sub-lead-top-right{padding-top: 0;} .sub-lead-2-img svg, .sub-lead-image svg{top: 28%;left: 16%;height: 36px;width: 36px;} .banner-top-right{margin-bottom: 30px;text-align: center;padding-top: 0px;} .new-international-left{width: 100%;} .new-international-right{width: 100%;} .right-menu-link{display: block !important;} .lifestyle-item-img svg{top: 27%;left: 18%;height: 40px;width: 40px;} .lifestyle-item{margin-bottom: 25px;} .new-photo-left-wrapper{width: 100%;} .new-photo-right-wrapper{width: 100%;} .new-photo-gallery .flex-direction-nav a{top: 36%;background: #fff;border-radius: 2px;padding-left: 7px;} a.new-gallery-box h4{font-size: 24px;line-height: 24px;position: unset;display: block;width: 97%;text-align: center;color: #fff;background: #222222;margin-left: 5px;padding: 6px 10px;max-height: 56px;min-height: 56px;} #new-photo-gallery-sliders ol.flex-control-nav.flex-control-thumbs img{width: 65px;} #new-photo-gallery-sliders .flex-control-thumbs li{width: unset;} #new-photo-gallery-sliders ol.flex-control-nav.flex-control-thumbs{padding: 20px 0px 10px;} .top-middle-logo{display: none;} .top-bar-date-wrapper{height: 25px;display: block;text-align: center;padding-top: 0;} .top-bar-social{display: none;} .top-nav-main .navbar-brand{display: block;padding: 8px 0px;} .navbar-brand img{width: 160px;} .mobile-menu-social{text-align: center;} .mobile-menu-social .social-media-2{display: block;} .footer-menu-footer-wrapper{text-align: center;} .lead-news-text p{display: none;} .lead-news-text{min-height: unset;max-height: unset;} .country-new-ul{margin-bottom: 35px;} .video-news-img{float: left;width: 40%;} .video-news-img img{min-height: 87px;max-height: 87px;overflow: hidden;} .video-news-text{padding: 5px 7px;background: #fff;min-height: 87px;max-height: 87px;overflow: hidden;padding-top: 0;width: 60%;} .top-header{padding: 2px 0;border-bottom: 1px solid #00000063;} #nav.sticky{padding-top: 7px;padding-bottom: 7px;} .new-national{margin-top: 0px;} .new-international{padding-top: 40px;} .lifestyle-item-text{margin: -10px auto auto;min-height: 102px;max-height: 102px;} .other-section{padding-bottom: 0px;} .m-t-25{margin-top: 0;} .new-right-full-wrapper{border-left: none;max-height: 554px;} .category-top-wrapper-img img{height: 100%;} .category-sub-article{transform: translateY(0px);padding: 0px;} .category-top-wrapper::before{background: none;} .category-top-wrapper-text::before{display: none;} .category-top-wrapper-text{position: unset;padding-left: 10px;} .category-top-wrapper-text h1{color: #000;font-size: 24px;} .category-top-wrapper-text h1 span{font-size: 22px;} .category-top-wrapper-text{position: unset;padding-left: 10px;padding-top: 5px;} .category-top-wrapper{margin-bottom: 30px;} .category-news-img svg{top: 26%;left: 17%;height: 40px;width: 40px;} .category-sub-article-box{margin-bottom: 20px;} .category-sub-article-img img{float: left;width: 40%;min-height: 87px;max-height: 87px;overflow: hidden;} .category-sub-article-box h4{padding: 5px 7px;background: #fff;min-height: 87px;max-height: 87px;overflow: hidden;padding-top: 2px;width: 60%;line-height: 21px;-webkit-line-clamp: 4;} .category-news-text{min-height: 93px;max-height: 93px;padding: 3px 5px;} .category-news-text h2{font-size: 18px;-webkit-line-clamp: 4;line-height: 22px;min-height: 93px;max-height: 93px;} .category-sub-article{margin-bottom: 40px;} .category-sub-article-img svg{top: 8%;left: 8%;height: 38px;width: 38px;} .category-sub-article a:hover .category-sub-article-img svg{background: #fff;fill: red;} .details-page-top-text h1{font-size: 34px;margin-bottom: 10px;} .small-right{width: 100%;text-align: start;} .small-left{width: 100%;float: left;} .details-main-left-side-tag{text-align: left;} .top-bar-date svg{width: 14px;height: 14px;} .entertainment-section{background: #fff;padding: 0px 0 10px;} .common-heading-text .read-more-left a{font-size: 20px;line-height: 35px;} .read-more-right{display: none;} span.menu-link-border-middle{left: 156px;top: 20px;} .footer-menu-footer{margin-bottom: 25px;} .new-binodon-single-wrapper-img svg{top: 27%;left: 15%;} .country-news-lead-image{width: 100%;} .country-news-lead-text{width: 100%;min-height: unset;max-height: unset;padding-right: 5px;padding-left: 5px;padding-bottom: 5px;} .country-news-lead-text p{display: none;} .new-binodon-single-wrapper-text h3{font-size: 22px;line-height: 26px;} .new-binodon-single-wrapper-text-mobile h3{font-size: 18px;line-height: 22px;} .new-binodon-single-wrapper-text-mobile{min-height: 94px;max-height: 94px;padding: 3px 5px;} .country-news-lead-text h2{font-size: 22px;line-height: 26px;margin-bottom: 0;} .sports-section-wrapper{padding: 10px 0;background: #fff;} .double-feature-section{padding: 40px 0 0;padding-top: 20px;} .lead-news-text h1 span{font-size: 20px;color: #e10612;} .sub-lead-text img{float: none;width: 100%;height: 100%;margin-left: 0;} .sub-lead-text>svg.bi-play-fill{top: 15%;right: 74%;} .sub-lead-text{min-height: 92px !important;max-height: 92px !important;} .sub-lead-img{width: 100%;} .sub-lead-text{width: 100%;} .sub-lead-text-bottom p{display: none;} .sub-lead-img svg{top: 25%;right: 74%;} .sub-lead{border-bottom: none;padding-bottom: 10px;margin-bottom: 0px;} .banner-top-right-two{text-align: center;} .sports-main-news-image svg{top: 17%;left: 10%;height: 40px;width: 40px;} .international-lead-img svg{top: 16%;left: 9%;height: 40px;width: 40px;} .international-item-img svg{top: 24%;left: 14%;height: 35px;width: 35px;} .international-lead-text p{display: none;} .entertainment-list-img svg{top: 34%;left: 5%;} .copyright{text-align: center;} .social-media-2{justify-content: left;} .footer-container{padding-bottom: 20px;} .footer-ul li{border-right: none;} .design-link{text-align: center;} .left-reading-tab-wrapper{margin-top: 30px;} .video-section{position: relative;padding-top: 0;margin-top: -25px;} .double-feature-box{padding-left: 0;padding-right: 0;padding-top: 0;} .new-single-news-top-image img{min-height: unset;max-height: unset;} .double-feature-lead-text p{display: none;} .double-feature-lead-text{max-height: unset;min-height: unset;} .double-feature-lead{min-height: unset;max-height: unset;} .video-wrapper{padding-top: 25px;} .custom-bg-color-sports-lead{padding: 15px 10px 15px 10px;} .video-news-text-2 p{display: none !important;} .video-news-img img{min-height: 85px;max-height: 85px;} .video-news-two a{background: #fff;padding: 7px;} .video-news-text-2{padding: 5px 7px;background: #fff;min-height: 85px;max-height: 85px;padding-top: 0;width: 60%;padding-bottom: 0;} .video-news-two a .video-news-img{background: #fff;box-shadow: none;padding: 0;} .custom-bg-color-other-sports{background: #BAE4BF;padding: 20px 10px 15px 10px;} .video-lead-text span{color: #e10612;font-size: 18px;line-height: 18px;} .national-middle-col-mobile{margin-top: 0;border-top: 1px solid #ddd;padding-top: 15px;} .national-feature-text h3{margin-bottom: 0;} .new-sports-text h3{font-size: 18px;line-height: 22px;margin: 0;} .new-sports-text{min-height: 95px;max-height: 95px;} .new-sports{margin-bottom: 24px;} .sports-second-small{margin-top: 15px;} section.new-sports-section{padding-bottom: 35px;} .gallery-section{padding: 35px 0;padding-bottom: 10px;} .gallery-section .custom-padding{padding-left: 6px;padding-right: 6px;} .gallery-bottom-row{margin-top: 0;padding-top: 0;border-top: 0;} .gallery-card-bottom:after{display: none;} .gallery-card-img svg{top: 24%;left: 15%;} .technology-item-text{margin: -10px auto auto;min-height: 100px;max-height: 100px;} .technology-item-img svg{top: 28%;left: 18%;} .bottom-margin{margin-bottom: 24px;} .footer-socail-icon-wrapper{margin-top: 5px;} .footer-bottom-row{padding: 10px 0;padding-bottom: 0;} .feature-news-section{padding-bottom: 20px;} }