/*
Theme Name: TelanganaRising
Theme URI: https://bootscore.me/
Author: TelanganaRising
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.2.1
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/



@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

img{max-width: 100%;}


body{font-family: "Mulish", sans-serif; }
h1,h2,h3,h4,h5,h6{font-family: "Ubuntu", sans-serif;}

.fbold{font-weight: bold;}
.f300{font-weight: 300;}
.text-red{color: #ed1a3b;}
.text-blue{color:#0d6efd;}
#site-header{position: absolute; top: 0; left: 0; right: 0; z-index: 9999}
.headercmpic{border-radius: 50%; background-color: rgba(260, 260, 260, 0.3);backdrop-filter: blur(2px); width: 100px; height: 100px; overflow: hidden;}
.navbar-brand{
	max-width:120px;
	background-color: rgba(260, 260, 260, 0.6); backdrop-filter: blur(3px); height: 100%;
}

#bootscore-navbar{font-family: "Ubuntu", sans-serif;}
#bootscore-navbar > li > a{  color: #fff;  border-radius: 10px; padding:8px 15px; line-height: 1 !important;}
#bootscore-navbar > li > a:hover{background-color:#ed1a3b; color: #fff; }

#bootscore-navbar > li > a:focus{color: #fff !important}

#bootscore-navbar .dropdown-menu{}

.navbar-toggler{padding:0; box-shadow: none !important; border: none !important;}
.navbar-toggler svg{width: 40px; height: auto;}

.sliderimage img{ width:100%; height:88vh; object-fit:cover; object-position:center; }
.bannerinfowrap{
	position: absolute; bottom: 0; right: 0; top: 0; left: 0; display:flex; align-items:flex-end; padding-bottom:40px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f4c6b+0,000000+100&0+0,0.58+100 */
background: linear-gradient(to bottom,  rgba(63,76,107,0) 0%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gtrnslstwp a{padding:0 10px; display:inline-block; border-left:1px solid #dfdfdf; color:#fff;}
.gtrnslstwp a:nth-child(1){border-left:none;}



.rounded20{border-radius: 20px;}
.rounded30{border-radius: 30px;}
.slidercontent{color: #fff;}
.slidercontent h2{
	color:#fff; font-size:clamp(2.2rem, 6vw, 2.7rem); font-weight: bolder; line-height:1.1; margin-bottom:15px;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.3);
}
.slidercontent p{margin: 30px 0;}
.slidercontent .btn{background-color: #ed1a3b; line-height: 1; color:#fff;}
.slidercontent .btn svg{width:30px; height: auto;}
.slidercontent .btn svg path{fill:#fff;}
.slidercontrols{display: flex; position: absolute; bottom: 20px; left: 0; right: 0; align-items: end; justify-content: center;}
.slidercontrols .btnctl{position: static; height: auto;}
.slidercontrols .btnctl:after{display: none;}
.slidercontrols .btnctl svg{width: 40px; height: 24px; fill: #fff;}
.slidercontrols .btnctl svg path{fill: #fff;}
.sliderpager{ position:static; width:auto; margin:0 30px; color:#fff; }

.bg-white-gray{
	background-color: #f6f6f1;
}
.bg-dark{background-color: #232323;}
.txt-white{
	color: #fff;
}

.cmbgpic{
	background-repeat: no-repeat; background-position: center; position: relative;
}
.videocontentSection{position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.4);}
.pagebanner .videocontentSection{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.17+0,0.68+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.17) 0%,rgba(0,0,0,0.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sectorbanner{
	height: 400px; position: relative;
	background: linear-gradient(135deg, #1e1e2f, #162070);
}
.max100{max-width: 200px;}

.sideCM{position: sticky; top: 10px; text-align: center;}
.sideCM h5{font-size: 15px; font-weight: 300;}
.sideCM h5 strong{font-weight: bold; font-size: 17px;}
.cmpicme{
	text-align: center;
	
}
.cmpicwrap{color: #fff; position: sticky; top: 100px;	}
.cmquote{position: relative; padding: 0 50px 0 50px;}
.cmquote:before{
	content:""; position: absolute; left: 0; top: 0; font-size: 50px; color: #ccc; width: 28px; height: 28px; background-image: url(assets/images/quotes.png);
	background-repeat: no-repeat; background-size: contain;
}
.cmquote:after{
	content:""; position: absolute; right: 0; bottom: 0; font-size: 50px; color: #ccc; width: 28px; height: 28px; background-image: url(assets/images/quotes.png);
	background-repeat: no-repeat; background-size: contain; transform: rotate(180deg);
}
.cmpicme{position: relative;}
.cmpicme:before{position: absolute; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; content: ''; background-color: #fca53a; filter: blur(60px);}
.cmpicme img{position: relative; z-index: 4}


.cm_message{position: relative;}
.cm_message:before{
	position: absolute; content: ''; left: 11px; top: 0;
	width: 1px; background-color: #0011c4; height: 100%; opacity: 0.5;
}
.cm_message:after{
	z-index: 1;
	position: absolute; top: 0; width: 20px; height: 20px; background-size: contain; content: '';
	background-image: url(assets/images/info-icon.png); left:2px; background-repeat: no-repeat;
}

.sec2{
	background-color: #f0f0f0; background-position:center; background-size:contain;
}
.cmmessage{padding:30px; background: #fff; position: relative;}
.cmmessage .msg_icon {position: absolute;left: -10px; top: -10px;opacity: .3;}
.secarticlesitem{background-color: #fff; padding:10px; margin-bottom: 10px;}

.visionSection{ position:relative; overflow: hidden; transition: all 0.5s ease;}
.visionsectionimg{
	position: absolute; right: 0; bottom: 0; top: 0; object-fit: cover; width: 45%; height: 100%; z-index: 0; 
}
.visionsectionimg img{border-radius: 20px 0 0 0;}
.visionsection .container{
	position: relative; z-index: 2;
}
.bannerreadbtn{padding: 10px 18px 10px 23px; color: #fff; border:1px solid #fff; transition: all ease 0.2s; display:inline-flex; align-items:center; border-radius: 40px; width:180px;
    justify-content:space-between; text-decoration:none !important;
    transition: all ease 0.2s;
}
.bannerreadbtn span{
    border-radius: 40px; width:30px; height:30px; justify-content:center; align-items:center; display:inline-flex; transition: all ease 0.4s; margin-left:5px; background-color:#fff;
    transform:rotate(-45deg);
}
.bannerreadbtn span svg{width:15px; transition: all ease 0.1s;}
.bannerreadbtn:hover{background-color: rgba(260,260,260,0.6); color:#020288; backdrop-filter: blur(4px); }
.bannerreadbtn:hover span{transform:none; background-color:#020288;}
.bannerreadbtn:hover span svg path{fill:#fff !important;}

.secHeads{overflow: hidden; font-size:clamp(2rem, 10vh, 54px); }
.secHeads span{display: block}
.visonoverlap{border:1px solid #dfdfdf; border-bottom: 0; border-radius: 0 20px 0 0;}

.visonwrapinrow{}
.visicons{
    position: relative; margin-bottom: 15px; width:85px; height:85px; background-color:rgba(260,260,260,0.8); border-radius: 20px;  display:flex; align-items:center; justify-content:center;
    border:1px solid rgba(260,260,260,0.3);  transition:all ease 0.2s; border:1px solid #1e00a8;
}
.vision_card_col:hover .visicons{border-radius:50%; background-color:#1e00a8; transform:scale(1.1) !important; border-color:#7967cc;}
.vision_card_col:hover .visicons img{ -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); filter: brightness(0) invert(1); width:60px;}
.visicons img{width:76px; transition:all ease 0.2s;}
.visonwrapin{margin: 10px 0;}
.visonwrapin h5{font-weight: bold; color: #2c3086;}

.trilsec3cols{background-color: rgba(0,0,0,0.5); backdrop-filter: blur(4px); border:1px solid #343434;}

.hydFcard{background-color: #000;}
.hydFcard > img{object-fit: cover; z-index: 0; transition: all ease 0.2s; opacity: 0.3;}
.hydFcard:hover > img{opacity: 0.1}
.hydFcardContent{position: relative; z-index: 3;}


.newswrapper{display: flex; gap: 10px; flex-direction: column; color: #232323 !important; background: #fff; text-decoration: none !important}

.newswrapper h4{font-size: 16px; line-height: 1.4; font-weight: 600;}
.newswrapper:hover h4{text-decoration: underline !important; color:#2c3086;}
.newsimg img{height: 240px; width: 100%; object-fit: cover;}
.hnewsitemft{font-size: 13px; height: 100%;}
.hnewsitemft a{ color:#2c3086; }
.hnewsitemft a:hover{color:#ed1a3b;}

.pointsrising{margin: 0; padding: 0; list-style: none; counter-reset: li;}
.pointsrising li{margin: 0 0 20px 0; counter-increment: li; position: relative; padding-left: 35px;}
.pointsrising li::before {
  content: counter(li) " "; margin-right: 10px; position: absolute; left: 0; display: inline-flex; align-items: center; justify-content: center; background-color: #ed1a3b; border-radius: 40px;
  color: #fff; left: 0; top: 2px; width: 25px; height: 25px; text-align: center; font-size: 13px;
}


#myvideo{height: 100vh; width: 100%; object-fit: cover; margin-bottom: -10px;}





.blog-section{background-color: #fff;}
.newssection{ background-color:#f0f0f0; }

.blogcategoryhome span{display: inline-block; }
.blogcategoryhome a{text-decoration:none; color:#000; opacity:0.5}
.blogcategoryhome a:hover{color:#000; text-decoration:underline;}

.bg-white{background-color: #fff;}
.text-white{color: #fff}
.breadnav-section{border-bottom: 1px solid #dfdfdf; padding:15px 0;}
.breadnav ul{margin: 0; list-style: none; align-items: center; display: flex; gap:10px; flex-wrap: wrap; padding:0;}
.breadnav ul li{font-size: 13px;}
.breadnav ul li span{padding: 3px 14px; display: inline-block; background-color: #f0f0f0; border:1px solid #2c3186; color: #2c3186; border-radius: 40px;}
.breadnav ul li a{text-decoration: none; color: #000;}

.pagebannerimage{width: 100%; height: 100vh; object-fit: cover;}
.pageCaption{text-transform: uppercase; font-size:clamp(.5rem, 3vw, 20px); transform: translateX(-200px); opacity:0; }
.pageTitle{font-size: clamp(3rem, 4vw, 64px); font-weight: bold; transform: translateX(200px); opacity: 0;}
.pageTitle span{
    color:#ff0000;
}
.line{overflow: hidden;}

.object-fit-cover{object-fit: cover;}


.secwith-blur-cirls{
	position: relative; overflow: hidden;
}
.secwith-blur-cirls:before{
	position:absolute; right:-10%; width:30%; height:30%; content:''; bottom:-5%; background-color: #fca53a; filter: blur(60px); opacity: 0.2;
	border-radius: 50%;
}
.secwith-blur-cirls:after{
	position:absolute; left:-10%; width:30%; height:30%; content:''; top:-5%; background-color: #fca53a; filter: blur(60px); opacity: 0.2;
	border-radius: 50%;
}

.homesection2{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ededed+0,f6f6f6+53,ffffff+100 */
background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.numberWep{font-size: 50px; line-height: 1; opacity: 0.6}

.imagebox{ position: relative; display: flex; align-items: flex-end;}
.imageboxleftbottom{ justify-content:flex-start; }
.imageboxcnt{width: 36%; min-height: 36%; border-radius: 0 20px 0 0; display: flex; align-items: stretch; background-color: #f6f6f1; position: absolute; padding: 10px 10px 0 0;}
.imageboxcnt:before{
	position: absolute; content: ''; top:-37px; left: 0; width: 30px; height:40px;
	background-image:url(assets/images/currv-bg.png); background-size: 100%;    transform: rotateX(-204deg); background-repeat: no-repeat;
}
.imageboxcnt:after{
	position: absolute; content: ''; bottom:-6px; right: -34px;width: 30px; height:40px;
	background-image:url(assets/images/currv-bg.png); background-size: contain;  background-repeat: no-repeat;
	transform: rotate(270deg);
}
.imageboxcntinner{ width: 100%; height: 100%;
	background-color: #fff; padding: 10px; border-radius: 20px;
}

.imageboxrightbottom{justify-content: flex-end; }
.imageboxrightbottom .imageboxcnt{padding: 10px 0 0 10px;  border-radius: 20px 0 0 0; }
.imageboxrightbottom .imageboxcnt:before{transform: rotate(180deg); right: -1px; left: auto;}
.imageboxrightbottom .imageboxcnt:after{transform: rotate(180deg); right: auto; left: -30px; bottom: 0}

.border-gray{ border:1px solid #dfdfdf; }

.contentboxesline{ position:relative; }
.contentboxesline:before{
	position: absolute; left: 10px; content: ''; top: 30px; width: 1px; height: 100%; background-color: blue;
}
.contentboxesline-cols{ position:relative; padding-left:50px; }
.contentboxesline-cols:before{
	position: absolute; left: 0; width: 20px; height: 20px; content: ''; top: 25px;
	background-image: url(assets/images/info-icon.png); background-repeat: no-repeat; background-position: center; background-size: contain;
}

.listStyle1{list-style: none; padding: 0; margin: 0;}
.listStyle1 li{
	margin: 10px 0; background-image: url(assets/images/list-icon.png); background-repeat: no-repeat; background-size: 14px; background-position: left top 6px;
	padding-left: 30px; font-weight: 500;
}
.listStyle2 li{font-weight: 300;}
.listStyle1 li ul{list-style: none;}
.listStyle1 li ul li{margin: 10px 0;}

.listType-1{
    margin:0; padding:0; list-style-type:none;
    counter-reset: section;
}
.listType-1 li{margin:0 0 15px 0; position:relative; display:flex; align-items:center;}
.listType-1 li:before{
    counter-increment: section; width:35px; height:35px; border:1px solid #5a79dd; display:inline-flex; align-items:center; justify-content:center; z-index:1;
    content: counters(section,".") " "; 
    border-radius:50px; margin-right:20px; background-color:#5a79dd; color:#fff;
}
.listType-1 li:after{position:absolute; top:50%; transform:translateY(-50%); width:20px; border-top:1px solid #5a79dd; background-color:#fff; content:''; left:34px; z-index:0;}
.listType-1 li div{padding:10px 20px; border:1px solid#5a79dd; background-color:rgba(260,260,260,0.2); color:#fff; width:calc(100% - 35px); border-radius:10px;}
.listType-1.row li:after{left:44px; width:22px;}
.text-dark div{color:#121212 !important;}

.listType-2{
     margin:0; padding:0; list-style-type:none;
    counter-reset: section;
}
.listType-2 li{
    padding:10px; background-color:#121212; margin:10px 0; min-height:55px; border-radius:6px; position:relative; padding:0 0 0 55px; display:flex; align-items:center; color:#000;
    line-height:1.5;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ededed+100&0+0,1+100 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.listType-2 li:nth-child(even){
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&1+0,0+100 */
background: linear-gradient(to right,  rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.listType-2 div{padding:10px 0;}
.listType-2 li:before{
    width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; background-color:#5a79dd; color:#fff; border-radius:50px; 
     position:absolute; left:10px; top:12px; counter-increment: section;  content: counters(section,".") " "; 
}



.schemslist .schemswrap{
    overflow:hidden; padding:40px 30px;  margin:10px 0;
    border-top:1px solid #f6f6f1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,3d00e5+100&0+16,0.14+100 */
background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(115,155,232,0) 16%,rgba(61,0,229,0.14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.schemslist .schemswrap:nth-child(even){
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d00e5+0,7db9e8+100&0.14+0,0+84 */
background: linear-gradient(to right,  rgba(61,0,229,0.14) 0%,rgba(115,155,232,0) 84%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    border-left:1px solid #f6f6f1; border-radius:20px 0 0 20px; 
}
.schemslist .schemswrap:nth-child(odd){
    border-right:1px solid #f6f6f1;  border-radius:0 20px 20px 0;  
}
.schemswrapIcon{width:100px; height:100px; border-radius:20px;  display:flex; background-color:#fff; align-items:center; justify-content:center; border:1px solid #5c5cc2;}
.schemswrapIcon svg{width:70px;}
.schemswrapIcon svg path{fill:#5c5cc2;}

.border-red{
	border:1px solid #dfdfdf;
}

.trillionlogo div:nth-child(1){
	font-size: clamp(5rem, 6vw, 80px); line-height: 1; font-weight: bold; color: #ed1a3a;
}
.trillionlogo div:nth-child(2){
	font-weight: bold; font-size: 20px;
}

.tril1wrap{
	background-image: url(assets/images/pattern-bg.webp); background-color: #232323; overflow: hidden; position: relative;
	background-size: cover;
}
.tril1wrap:before{
	content: ''; position: absolute; width: 100px; height: 100px; background-color: #fff; top:0; left:0; z-index: 0;
	filter: blur(65px);
}
.tril1wrapinner{position: relative; z-index: 2;}

.reveal,.reveal-right {
  visibility: hidden; height: 100%;overflow: hidden;
  position: relative;
}
.reveal img{
	transform-origin: left;
}
.reveal-right img{transform-origin:left;}


.container .line {
  width: 70%;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.container .line span {
  position: absolute;
  font-size: 3rem;
  line-height: 4.2rem;
}

.post-thumbnail img{height:300px; width:100%; object-fit:cover;}
.blog-thumbnail img{border-radius:20px;}

.blogbanner{position:relative; }
.blogbanner .blogbanercontent{padding-top:250px; position:relative; z-index:1; padding-bottom:40px;}
.blogbanner .blogbanner{ width:100%; z-index:0; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; object-fit:cover;}
.blogbanner .pageTitle{font-size:clamp(1rem,7vh,50px);}

.blogcontent ul{margin:0 0 20px 0; padding:0 0 0 15px;}
.blogcontent ul li{
    margin:5px 0 10px 0; padding-left:30px; background-image: url(assets/images/list-icon.png); background-repeat:no-repeat; list-style:none;
    background-size:14px; background-position:top 6px left;
    
}


.footer{background: linear-gradient(135deg, #1e1e2f, #162070); padding-top:40px;}
.footer .widget-title{color:#fff; font-weight:400; margin-bottom:15px;}
.ftlinks{ margin:0; list-style:none; padding:0; }
.ftlinks li{margin-bottom: 10px;}
.ftlinks li a{display: block; color:#ccc; text-decoration: none !important;}
.ftlinks li a:hover{ color:#fff; }
.copyrights{padding:20px 0; color: #999; font-size: 13px; text-align: center; border-top:1px solid rgba(260,260,260,0.1); margin-top:30px;}

.visionSec{
    
}
.visionSection {
	position: relative; background-size:cover; border-radius:20px; overflow:hidden; background-image:url(assets/images/vision-background.jpg);
	background-position:center; background-size:cover; min-height:700px; align-items:center;
	overflow: hidden; transition:background-image 0.2s ease-in-out; background-color:#121212;
}
.visionSection:before{
    position:absolute; right:0; top:0; left:0; height:100%; bottom:0; content:''; z-index:0; background-color:rgba(0,0,0,0.6); opacity:0; transition:all ease 0.2s;
    background-size:cover; 
}
.visionSection.active:before{opacity:1;}
.visionSection .container{z-index:3; position:relative;}
.vision_card_col{transition:all ease 0.2s;}



.vision_card{padding:20px; background-color:rgba(260,260,260,0.1); border-radius:10px; backdrop-filter:blur(4px)}
.vision_card_col:hover .vision_card{ color:#fff; background-color:rgba(0,0,0,0.3); border-color:rgba(260,260,260,0.3);}
.vision_card_col .content_wrap{transition:all ease 0.2s;}
.vision_card_col:hover .content_wrap{padding:10px 0 0 0;}
.vision_card_col .content_wrap > div:nth-child(3){/*display:none;*/}

.vision_card{ border-radius: 20px; border:1px solid rgba(0,0,0,0.2);}
.vision_card .card_icon {max-width: 80px;}

.visionButton{display:inline-flex; color:#fff; align-items:center; text-decoration:none;}
.visionButton span.arr_cir{
    width:48px; height:48px; display:flex; border-radius:40px; margin-left:10px; align-items:center; justify-content:center; border:1px solid #fff;
    transform:rotate(-45deg); transition:ease 0.2s all;
}
.visionButton span.arr_cir svg{width:20px;}
.visionButton span.arr_cir svg path{fill:#fff !important}
.visionButton span.btn_text{}
.visionButton:hover span.arr_cir{transform:none; background-color:#0117c5; border-color:#505cbd;}

.cmimage{position:relative;  padding-top:20px;  border-radius:100px 100px 100px 0; overflow:hidden;}
.cmimage img{position:relative; z-index:1;}
.cmimage:before{position:absolute; left:20px; right:1px; top:10px; bottom:0; content:''; background-color:rgba(260,260,260,0.2); border:1px solid rgba(260,260,260,0.4); border-radius:100px; z-index:0; overflow:hidden;}
.cmimage-blue-bg:before{background-color:#e4eeff;}


.section-with-cm{position:relative; background: linear-gradient(135deg, #1e1e2f, #162070);}
.section-with-cm:before{
    position:absolute; right:0; left:0; top:0; bottom:0; content:''; z-index:0;
    background-image:url(assets/images/pattern-bg.webp);
}
.cmwrapcontent{background-color:rgba(260,260,260,0.1);  backdrop-filter:blur(4px);}
.border-blue-traparent{border-color:rgba(260,260,260,0.1) !important;}

.iconwpr svg{width:70px;}
.iconwpr svg path{fill:#346aea !important;}
.iconwpr svg.strokeSvg path{fill:transparent !important; stroke:#346aea !important;}

.main_link{display: inline-block; text-decoration: none; color: #ed1a3a; padding: 7px 30px; border-radius: 24px; border: 2px solid #fff; outline: 1px solid #ed1a3b;transition: background-color .3s ease-in-out, color .3s ease-in-out;}
.main_link:hover, .main_link:focus{color: #fff; background-color: #ed1a3a;}
.readbtn {color: #ed1a3a; text-decoration: none; display: flex; gap: 6px; align-items: center; font-size: 1rem;font-weight: 600;}
.readbtn svg{width: 20px;}
.regularposts h5 a {color: inherit;text-decoration: none;transition: color .3s ease-in-out;}
.regularposts h5 a:hover {color: #ed1a3a;}
.color_link{color: inherit;text-decoration: none;transition: color .3s ease-in-out;}
.color_link:hover {color: #ed1a3a;}
.row-gap-4{row-gap: 1.4rem;}
.post .post-thumbnail {overflow: hidden;}
.post .post-thumbnail img {transition: transform .6s ease-in-out;}
.post:hover .post-thumbnail img {transform: scale(1.06);}
.post-thumbnail{border-radius: 6px;overflow: hidden;}
.post_content{padding-top: 10px;}
.post_content h4{font-size: 20px;}
.post_content h5{font-size: 16px;}
.logo-element{opacity: .23;max-width: 350px; top: -80px;right: -50px;z-index: -1;}

.entry-meta{font-size:12px;}
.entry-meta p {margin-bottom: 0; font-size: 12px;}
.entry-meta svg {color: #ed1a3b;}
.bg-blocks {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	width: 100%;
    height: 100%;
	opacity: .027;
	background-color: transparent;
    /* background-color: var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, rgb(0, 0, 0)); */
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V0C4.477 0 0 4.477 0 10v30zm22 0c-5.523 0-10-4.477-10-10V0c5.523 0 10 4.477 10 10v30z' fill='%23171717' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size: 129.6px 216px;
}


#footer-menu li a{color:#fff;}
@media(max-width:540px){
    .hbanlogo{max-width:70%;}
    .secHeads{font-size:clamp(2rem,7vw, 54px);}
    .pageTitle{font-size:clamp(3rem, 4vw, 64px)}
}
@media(max-width:680px){
    .videobanner,.pagebanner{position:relative;}
    #myvideo, .pagebannerimage{height:100vh; max-height:650px;}
    .pageCaption {max-width:70%;}
}
@media(max-width: 991px){
	#bootscore-navbar{margin:auto !important;}
	#bootscore-navbar > li > a{color: #000;}
#bootscore-navbar > li{margin: 5px auto;}
	#bootscore-navbar > li > a:hover{background-color: transparent !important; color: #000 !important; }
	#bootscore-navbar > li > a:focus{color: #000 !important}
	
}
@media(max-width:768px){
	.transCols{position:absolute;}
}
@media(min-width:991px){
    .col-lg{width:20%;}
}

@media(min-width:1440px){
.container{width:88%; max-width:1800px;}
}