/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
--color-first:#36454f;
--color-second:#30498e;
--color-content: #373737;
--color-black: #000;
--light: #f5f5f5;
--dark: #14183E;
--bs-sec-rgb:0,2,27;
--font-family-heading: "Roboto", sans-serif;
--font-family-sub-heading: "Roboto", sans-serif;
--font-family-content: "Roboto", sans-serif;
--shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .13);
}

*, ::after, ::before {
  box-sizing: border-box
}
body{overflow-x: hidden;}
header{background:#fff;}
.bg-light{
background-color:var(--light) !important;
}
.bg-white-opacity{background: rgba(256, 256, 256, 0.1);}
.webContent .mainHeading {
font-size: 1.8rem;
font-weight:900;
line-height: 1.2;
color: var(--color-first);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent .subHeading {
font-size: 1.4rem;
font-weight:700;
line-height: 1.2;
color: var(--color-first);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent .smallHeading {
font-size: 1.2rem;
font-weight:700;
line-height: 1.2;
color: var(--color-second);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent p { font-size: 1rem; }
.webContent p .webContent span, .webContent strong, .webContent b{
  font-weight: 400;
  color: #333;
  line-height: 1.6;
  font-family: var(--font-family-content);
}
.webContent .line{
  display: inline-block;
  width: 100px;
  height: 2px;
  background: var(--color-second);
  margin-bottom:12px;
}
.webContent .line.textwhite{background: #fff;}
.rounded-pill{border-radius: 10px !important}
.bg-color-first {
  background: var(--color-first) !important
}
.color-first, .color-first:hover, .text-custom {
  color: var(--color-first) !important
}
.bg-color-second {
  background: var(--color-second) !important
}
.color-second, .color-second:hover {
  color: var(--color-second) !important
}
input.form-control, select.form-select {
  height: 41px
}
input.form-control, input.form-control:focus, select.form-select, select.form-select:focus, textarea.form-control, textarea.form-control:focus {
  background-color: #f8f8f8;
  outline: 0;
  box-shadow: none
}
textarea.form-control {
  resize: none;
  border-radius: 0
}

.card.generalCard, .categoryCard.card, .discountCard.card, .sideBar .navCategoryList {
  margin-bottom: 20px
}

/*** Button ***/
.btn {
font-weight: 500;
transition: .5s;
}

.btn-square {
width: 38px;
height: 38px;
}

.btn-sm-square {
width: 32px;
height: 32px;
}

.btn-lg-square {
width: 48px;
height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
border-radius: 10px;
}

/*** Navbar ***/
.sticky-top {
transition: .5s;
}

/*.navbar {
height: 75px;
}*/
.navbar-brand img{width: 220px}
.navbar .navbar-nav .nav-link {
margin-right:15px;
font-weight:500;
padding: 0;
color: var(--color-first);
outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
border-bottom: 1px solid var(--color-second);
}

.navbar .dropdown-toggle::after {
border: none;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
margin-left: 8px;
}
.call-button a{display: flex;align-items: center;text-align: left;}
.call-button a span{
  font-size: 1rem; 
  font-weight: 600;
  display: block;
  line-height: 1;
}
.call-button a i{  
  font-size:1rem;
  margin-right: 10px;
  color: #fff;
  margin-top: 2px;
}
.call-button .button{font-size:0.9rem;}
@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu {
display: block;
border: none;
margin-top: 0;
top: 150%;
opacity: 0;
visibility: hidden;
transition: .5s;
}

.navbar .nav-item:hover .dropdown-menu {
top: 100%;
visibility: visible;
transition: .5s;
opacity: 1;
}
}
/*** Hero Header ***/
.hero-header {
margin-top: -75px;
background: url(../img/bg-hero.png) center center no-repeat;
background-size: cover;
}
.hero-header .breadcrumb-item+.breadcrumb-item::before {
color: var(--light);
}
/*** slider ***/
.mainBanner{
background: linear-gradient(rgb(48,73,142,0.9), rgb(48,73,142,0.9)), url(../img/banner/banner-1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainBanner .subHeading{text-transform: capitalize;font-size: 1.8rem}
.mainBanner .mainHeading{font-size: 2.2rem}
.internalBanner {
background:  url(../img/banner/internal-banner.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/*.internalBanner h1{font-size:1.9rem;}*/
/*** Section Title ***/
.section-title::before {
position: absolute;
content: "";
width: 45px;
height: 4px;
bottom: 0;
left: 0;
background: var(--dark);
}
.section-title::after {
position: absolute;
content: "";
width: 4px;
height: 4px;
bottom: 0;
left: 50px;
background: var(--dark);
}

.section-title.text-center::before {
left: 50%;
margin-left: -25px;
}

.section-title.text-center::after {
left: 50%;
margin-left: 25px;
}

.section-title h6::before,
.section-title h6::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 2px;
left: 0;
background: rgba(33, 66, 177, .5);
}

.section-title h6::after {
top: 5px;
left: 3px;
}
/*** About ***/
.about-img {
position: relative;
overflow: hidden;
}

.about-img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../img/bg-about-img.png) top left no-repeat;
background-size: contain;
}


/*** Service ***/
.service-item {
position: relative;
padding: 30px;
background-image: url(../img/border-image.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #fff;
border-radius: 0;
transition: .5s;
}
.service-item .service-icon {
margin: 0 auto 20px auto;
width: 90px;
height: 90px;
color: var(--primary);
background: var(--color-second);
transition: .5s;
}
.service-item .service-icon img{
width:50px;
}

/*.service-item:hover .service-icon {
border:1px solid var(--color-first);
}*/

.service-item h5,
.service-item p {
transition: .5s;
}

/*.service-item:hover h5,
.service-item:hover p {
color: #FFFFFF;
}*/

.service-item a.btn {
position: relative;
display: flex;
color: var(--colo-first);
transition: .5s;
z-index: 1;
}

.service-item:hover a.btn {
color:#fff;
}

.service-item a.btn::before {
position: absolute;
content: "";
width:35px;
height: 35px;
top: 0;
left: 0;
border-radius: 10px;
background: var(--light);
transition: .5s;
z-index: -1;
opacity: 0;
}

.service-item:hover a.btn::before {
width: 100%;
background: var(--color-first);
opacity:1 ;
}

/*** Blog ***/
.blog a{
text-decoration:none;
}
.blog .subHeading{
color:var(--color-first);    
}
.text-limit-2 {
-webkit-line-clamp: 2;
}
.text-limit-1, .text-limit-2, .text-limit-3, .text-limit-4 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}

/*** copyright ***/
.copyright-section {
  background: url(../img/bg-hero.png) center center no-repeat;
  background-size: contain;
  --bs-bg-opacity: 1;
  background-color: var(--color-second) !important;
}
.copyright-img,.copyright-img img{
  width: 100%;
}
.copyright-block{background: rgba(255,255,255,0.05); padding:7px 10px 5px; border: 1.5px solid #fff;margin-bottom: 10px;}
.copyright-section a{text-decoration: none;}
/*** blog ***/
.newsBlock {
position:relative;
width: 100%;
cursor: pointer;
margin-bottom: 20px;
background:#fff;
}
.newsBlock:before {
position: absolute;
content: '';
width: 95%;
height: 95%;
margin: 2.5%;
border: 1px solid #fff;
z-index: 2;
}
.newsOverlay {
width: 100%;
height: 98%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(48,73,142, 0.5);
z-index: 1;
transition: 0.3s linear;
position:absolute;
}
.newsBlock:hover .newsOverlay {
height: 0;
bottom: 0;
}
.newsBlock a{text-decoration:none}
.newsBlock img{
width:100%;
max-height:250px;
object-fit:cover;
}
.newsContent {
position:relative;
text-align:center;
background:#fff;
width: 100%;
right: 0;
z-index: 2;
padding: 20px;
box-shadow: 0px 0px 10px 3px rgba(160.0, 121.0, 50.0, 0.2);
}
.newsContent h6{font-weight:400;}
.newsContent .subHeading{
color:var(--color-second);
}
.newsContent p{
color:var(--color-content);
}
/*** ip guide ***/
.ipguideList {
column-gap:10px;
column-count: 2;
column-fill: balance;
padding-bottom:10px;
padding-left:20px;
}
.ipguideList li {
list-style-image: url(../img/mace.png);
margin-bottom: 0.5rem;
}
.ipguideList li:first-child{list-style-image:none;list-style:none;}
.ipguideList li:first-child a{margin-left:-15px;}
.ipguideList li a {
font-weight: 700;
font-size: 1rem;
color:var(--color-content);
text-decoration:none;
}
.ipguideList li a:hover{
text-decoration:underline;
}
/*** Footer ***/
.footer {
background: url(../img/footer.png) center center no-repeat;
background-size: contain;
--bs-bg-opacity: 1;
background-color: var(--color-first);
}
.footer ul li{
list-style:none;
padding-bottom:0.5rem;
}
.footer .btn.btn-social {
margin-right: 5px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(0,0,0,.8);
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 40px;
transition: .3s;
}
.footer .btn.btn-social:hover {
color: var(--color-first);
}
.footer .btn.btn-link {
display: block;
margin-bottom: 10px;
padding: 0;
text-align: left;
color: rgba(255,255,255,.9);
text-decoration: none;
font-weight: normal;
transition: .3s;
}
.footer .btn.btn-link:hover {
color: #FFFFFF;
}
.footer .btn.btn-link::before {
position: relative;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}
.footer .btn.btn-link:hover {
letter-spacing: 1px;
box-shadow: none;
}
.footer .copyright {
padding:15px 0;
font-size:0.75rem;
border-top: 1px solid rgba(256, 256, 256, .1);
}
.footer .copyright a {
color: rgba(255,255,255,.5);
}
.footer .copyright a:hover {
color: #FFFFFF;
}
.footer .footer-menu a {
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid rgba(255, 255, 255, .1);
}
.footer .footer-menu a:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
/*** blog ***/
.pagination .page-link{color: var(--color-first);}
.blog h1,.blog h2,.blog h3,.blog h4,.blog h5,.blog h6{
color: var(--color-first);
font-weight: 700;
font-family: var(--font-family-heading);
letter-spacing: 0;
line-height: 1.2;
margin-bottom: 0.5rem;    
}
.blog p, .blog p span, .blog span p, .blog p strong, .blog span, .blog a, .blog p a, .blog ul li, .blog ul li strong, .blog ul li a, .blog ul li a strong, .blog ol li, .blog ol li strong, .blog ol li a, .blog ol li a strong, .sitemapList ul li {
color: var(--color-content);
font-family: var(--font-family-content);
font-size: 1rem;
line-height: 1.4;
/*white-space: pre-line;*/
margin-bottom: 0.5rem;
padding-bottom: 0rem;
}
.blog ol{padding-left: 0}
.blog ul{padding-left: 15px}
.blog a, .blog p a, .blog ul li a, .blog ol li a, .blog span a{color:#3557ff;}
.widget-categories ul li, .widget-tags ul li{list-style:none}
.widget-categories ul li a, .widget-tags ul li a {
color: var(--color-first);
text-decoration:none;
}
.widget-tags ul li {
display: inline-block;
}
.widget-tags ul li a:hover {
color: #fff;
background: var(--color-first);
}
.widget-tags ul li a {
background:#eceeff;
font-size: 0.95rem;
margin-right: 10px;
margin-top: 14px;
padding: 5px 16px 5px 16px;
display: inline-block;
}
/*** AUTHOR ***/
.author-details{
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.author-details .author-img{
  display: inline-block;
  width: 35px;
  height: 35px;
}
.author-details .author-txt{margin-left: 10px;width: 80%;}
.author-details .author-img,.author-details .author-txt{clear: both;}
.author-details .author-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.author-details .author-txt span{color: #333}
.author-details .author-txt a{color: #3557ff;}
.seperatorLine{border-right: 1px solid #333; padding-right: 5px;margin-right: 5px}
.author-details-desc img {
width: 150px;
height: 150px;
float: left;
margin:0 20px 20px 0px;
margin-left:0;
border-radius:50%;
object-fit: cover;
object-position: center;
}
.author-details-desc{width:100%}
@media only screen and (max-width:768px){
.author-details-desc{width: 100%}
}
/*** sitemap ***/
.sitemapList ul{
list-style:none;
padding-left:0px;
}
.sitemapList ul li {position:relative;}
.sitemapList ul li:before {
content: '\f192';
font-family: FontAwesome;
font-size: 0.75rem;
color: var(--color-first);
position: absolute;
left:0px;
top:2px;
}
.sitemapList ul li:first-child:before{content:none;}
.sitemapList ul li:first-child a{padding-left:0px;}
.content-none{content:none;}
.sitemapList ul li a {
font-size: 1.1rem;
line-height: 1.1;
padding-left: 20px;
color: var(--color-content);
text-decoration:none;
}