/*
Theme Name: Span Blog
Author: Span Coimbatore
Version: 1.0.0
*/

/*.blog-list li{
	list-style: none;
}*/

/*.cat-list li{
	list-style: none;
	display: inline;
}

.blog-feature-img{
	width: 338px;
    height: 260px;
}

.image-section{
	width: 100%;
    height: 260px;
}

.card-extra{
	margin-left: 10px;
	margin-right: 10px;
}

.custom-link{
	text-decoration: none;	
}

.custom-link:hover{
	text-decoration: underline;	
}*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
html,body {overflow-x: hidden;}
body {font-family: 'Poppins', sans-serif; color: #000;position: relative; font-size:18px !important;}
h1, h2, h3 { font-family: 'Poppins', sans-serif;}
h1 {
    font-size: 50px;
    line-height: 2.813rem!important;
	font-family: "Jost", sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
}

h3 {font-size: 1.25rem;}
p {
    font-size: 18px !important;
    line-height: 1.7rem;
}

li {
    font-size: 18px !important;
}
h2 {
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
.fs-14px{font-size:14px;}
.bg-dark{background-color:#000;}
.border-dark{border:2px solid #000;}
.border-radius-left {border-radius: 15px 0px 0px 15px;}
.border-radius-right {border-radius: 0px 15px 15px 0px;}
.w-lg-30{width:30%;}
.w-30px{width:30px;}
.h-30px {height: 30px;}
.p-10px{padding:10px}
.fw-400{font-weight:400;}
.fs-20px{font-size:20px;}
.fs-24px {font-size: 24px;}
.fs-15px{font-size:15px;}
.text-dark{color:#050C1D!important;}
.primary-text {color: #f68826!important;}
.text-decoration-none:hover{text-decoration:underline!important;}
a:hover {color: #f68826 !important;}
a.primary-text:hover {color: #000 !important;}
.btn-check:focus + .btn, .btn:focus {box-shadow: unset;}
.hover-yellow:hover {color: #f68826 !important;}
.hover-yellow-border:hover {border-color: #f68826!important;}
.hover-line-none:hover{text-decoration:none!important;}
.hover-yellow-bg:hover {background-color: #f68826 !important;}
.pl-lg-18px{padding-left:18px;}
.list-arrow li a::before {position: absolute;
    content: "";
    width: 11px;
    height: 11px !important;
    top: 7px;
    left: -17px;
    border-radius: 50% !important;
    border: 2px solid #F68824 !important;
    background-color: #F68824;}
footer {background-color: #E8E8E8;}
.copy-rights {background: #26599e;}
.social-media li:nth-child(1) span {background-color: #4267B2 !important;}
.social-media li:nth-child(2) span {background-color: #1DA1F2 !important;}
.social-media li:nth-child(3) span {background-color: #0678b6 !important;}
.social-media li:nth-child(4) span {background-color: #a83f91 !important;}
.lh-30px{line-height:30px;}
.fira-font {font-family: 'Fira Sans', sans-serif;}
.navbar ul {display: flex;list-style: none;}
.navbar a {white-space: nowrap;padding: 0.2rem .8rem!important;}
.fa {cursor: pointer;}
.mobile-nav-toggle {color: #ff9903;font-size: 1.75rem;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(78, 64, 57, 0.9);transition: 0.3s;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 0.938rem;right: 0.938rem;}
.navbar-mobile ul {display: block;position: absolute;top: 3.438rem;right: 0.938rem;left: 0.938rem;padding: 0.75rem 0;background-color: #fff;overflow-y: auto;transition: 0.3s;}
    .navbar-mobile a { padding: 0.625rem 1.25rem;font-size: 0.938rem;}
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover > a {color: #Fff;}
primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: unset!important;}
.btn-check:focus + .btn-primary, .btn-primary:focus {color: #000 !important;background-color: transparent;border-color: #0a58ca;box-shadow: unset !important;}
header#header {box-shadow: 0 0 0.188rem #ccc;padding-top: 5px;padding-bottom: 5px;}
.h-50px {height: 3.125rem !important}
.nav-link:focus, .nav-link:hover {color: #f68826 !important;}
.w-35{width:35%;}
.banner {padding: 10.375rem 0rem 10.813rem 0 !important;background-size: cover;background-repeat: no-repeat;background-position: center; background-color:#034287; margin-top: 94px;}
.form-control:focus {box-shadow: unset;border: 2px solid #f68826 !important;}
.mt-lg-60{margin-top:60px;}
.btn-sm {padding: 0.375rem 0.75rem;}
.banner-wave::before {content: "";width: 100%;position: absolute; bottom: 0;animation: move-banner-img-reverse 10s linear infinite alternate forwards;background: url(./images/banner-wave-img1.png);height: 40px;background-size: contain;opacity: 0.4;}
.banner-wave::after {content: "";position: absolute;width: 100%;bottom: 0;animation: move-banner-img 20s linear infinite alternate forwards;background: url(./images/banner-wave-img1.png);height: 45px;background-size: contain;opacity: 0.4;}
.banner-wave {position: absolute;bottom: 0;width: 100%;animation: move-banner-img 10s linear infinite alternate forwards;background: url(./images/banner-wave-img1.png);height: 40px;background-size: contain;}
.z-index9{z-index:9;}
.w-lg-50{width:50%!important;}
/* .blog-right-content {display: flex;flex-direction: column;justify-content: space-between;} */
.width-80px{width:80px;}
.height-80px{height:80px;}
.mt-lg-120px{margin-top:120px}
.mb-lg-30{margin-bottom:30px;}
.sticky-top{position:sticky;top:0;}
.fs-28px{font-size:26px;}
.blog-right-content span {display: grid;}
ul#menu-primary-menu a {color: #000;text-decoration: none;}
form#searchform #s {border: 2px solid #000;padding: 10px;border-radius: 50px 0px 0px 50px; background-color: #fff!important;border-color: #f68826!important;width: 30%;}
input#searchsubmit {border-radius: 0px 50px 50px 0px;position: absolute;z-index: 2;color: #fff!important; background: #f68826!important; border-color: #f68826!important; border: 2px solid #f68826;padding: 10px 50px;}
input#searchsubmit:hover{background-color:#ff7800 !important; border: 2px solid #000 !important;}
form#searchform {position: relative;right: 75px;}
form#searchform #s:focus {box-shadow: unset;border: 2px solid #000 !important; outline:none}
.page-numbers {border: 2px solid #000; padding: 10px;border-radius: 15px 0px 0px 15px; border-color: #212529!important; border-radius: 0.3rem!important; margin: 50px 5px 50px 5px;color: #000; text-decoration: none;}
.page-numbers:hover {border: 2px solid #f68826!important; color: #f68826;}
.category_lists span {display: grid;}
.mb-lg-60{margin-bottom:60px;}
.blog-right-content span a{position:relative;}
.blog-right-content span a::before {
  position: absolute;
    content: "";
    width: 8px;
    height: 8px !important;
    top: 9px;
    left: -16px;
    border-radius: 50% !important;
    border: 2px solid #F68824 !important;
    background-color: #F68824;
}
.category_lists span a{
	position:relative;
}
.category_lists span a::before {
    position: absolute;
    left: -12px;
    content: "";
    width: 8px;
    height: 8px;
    background: #f68826;
    top: 10px;
    border-radius: 50%;
    border: 2px #212529 solid;
}
.ps-35px {
    padding-left: 35px;
}
.current_page_item a {
    color: #f68826!important;
}
.pagination .current {
    color: #f68826;
    border: 2px solid #f68826!important;
}
.category-heading h4 {
    color: #275b9f;
    font-size: 28px!important;
    padding-bottom: 10px;
    margin-bottom: 15px;
	position:relative;
	margin-top:20px;
}
.category-heading h4:after {
    border-bottom: 2px solid red;
    padding-bottom: 8px;
    content: '';
    content: "";
    border-bottom: 3px solid #f68826;
    display: inline-block;
    width: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* .h-230 {
	height:224px;
} */
.overflow-none{
	overflow:hidden;
}
.search-no-results {
    min-height: calc(100vh - 7.75rem);
}
.light-blue-border {

    border: 5px solid #eaf2ff;
}
.light-blue-bg{ background: #eaf2ff73;}
.min-100vh{
	min-height: calc(100vh - 7.75rem);
}
.p-30px{padding:30px;}
.top37{top:36%;}
.fs-30px{font-size:30px;}
.w-35{width:35%;}
.w-90px{width:90px}
.top-29{top:29%}
.right-side-catagories{margin-top: 15px;    border-top: 1px #bbb solid;    padding-top: 10px;}
main#main {
    min-height: calc(100vh - 7.75rem);
}

footer p {
    font-size: 14px;
}
.author-name {
    text-transform: capitalize;
}
.sidebar p {
    font-size: 22px !important;
    color: #050C1D;
}
.fb:hover .fb-white {
    display: none;
}
.fb:hover .fb-orange {
    display: block !important;
}
.twitter:hover .twitter-white {
    display: none;
}
.twitter:hover .twitter-orange {
    display: block !important;
}
.insta:hover .insta-white {
    display: none;
}
.insta:hover .insta-orange {
    display: block !important;
}

.linkedin:hover .linkedin-white {
    display: none;
}
.linkedin:hover .linkedin-orange {
    display: block !important;
}
.foot-lister li a:hover {
    color: #777777 !important;
    text-decoration: underline !important;
    padding-left: 20px;
}
ul.foot-list li a {
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
ul.foot-lister li a {
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
footer.footer-area h5 {
    color: #050C1D !important;
}
.footr-map {
    text-align: center;
    background-color: #0E57A8;
}
.copy-rights {
    background: #D8D9DA;
}
.copy-rights p {
    color: #585858 !important;
    font-size: 18px;
    font-weight: 500;
}
.pl-lg-18px {
    padding-left: 46px !important;
}
@media only screen and (min-width:768px) and (max-width:1024px) {  
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
p{font-size: 15px;}
.navbar-mobile ul  {padding:  12px !important ;border-radius:  25px; display:block!important;}
.navbar-mobile ul li a:hover{color: #000;}
.navbar-mobile ul li :active{color:#000;}
.w-lg-50 {width: 50% !important;}
.fs-sm-18px {font-size: 18px !important;}.w-35{width:75%;}
.author-name{text-transform: capitalize;}
.h-230 {height: 220px;}
}
.blog-image {
    width: 100%;
    height: 218px;
    object-fit: cover;
}
.blog-name {
    font-size: 21px;
}
p.category-name {
    padding-bottom: 45px;
}
.admin-category {
    width: 95%;
    bottom: 20px;
}
.bottom-blog h2 {
    line-height: 28px;
}
@media (max-width: 767px) {
.navbar-mobile ul {display: block!important;}
    h1 {font-size: 22px;line-height: 1.813rem !important;}
h2{font-size: 18px;}
h3{font-size: 16px;}
p{ font-size: 14px;}
#header .logo img{ width: 100%;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #895061;}
.navbar-mobile ul  {padding:  12px !important ;border-radius:  25px;}
.w-60 {width: 60%;}
.banner-bg {   background-image: unset !important;}
.banner {padding: 3.375rem 0rem 2.813rem 0 !important;margin-top: 57px;}
.banner-sub-head { font-size: 18px !important; margin-bottom: 0px;}
.mt-lg-60{margin-top:20px;}
.fs-sm-18px {font-size: 18px !important;}
.width-sm-25{width:25%!important;}
.mt-lg-120px {margin-top: 90px;}
.mb-lg-30 {margin-bottom: 15px;}
.fs-28px {font-size: 18px;}
.fs-sm-22px {font-size: 22px!important;}
form#searchform #s { padding: 6px; width: 50%;}	
input#searchsubmit { padding: 6px;}	
.page-numbers {margin: 5px 5px 20px 5px;}
.mb-lg-60 {margin-bottom: 20px;}	
.fs-sm-14px{font-size:14px!important;}
.blog-right-content span a::before {left: -10px;width: 7px;height: 7px;top: 10px;}	
.category_lists span a::before {left: -9px;width: 6px;height: 6px;}
.w-35{width:90%;}	
.fs-30px{font-size:18px;}.h-230 {height: 187px; }
.footr-map img{width:100% !important;}
}
@media (max-width: 991px) {
.mobile-nav-toggle {display: block;}
.navbar ul {display: none;}
.navbar-mobile a {padding: 10px 10px;font-size: 15px;}
.navbar-mobile .btn {margin-left: 8px !important;}
.banner {
    padding: 5.375rem 0rem 3.813rem 0 !important;
    margin-top: 80px;
}
	.banner-bg {
    background-size: 100% !important;
    margin-bottom: 20px;
}
	
}
@media only screen and (max-width:568px) {
.indent1 {display:  inline-block;padding-left:  55px;}
}



.current_page_item a{position:relative;}
.current-menu-item a:after {
    width: 100%;
    height: 4px;
    background: #F68824;
    position: absolute !important;
    content: "";
    left: 0;
    right: 0;
    bottom: -5px;
    border-radius: 50px;
}

.banner-bg{background-image:url('https://blog-prod.spantechnologyservices.com/wp-content/uploads/2025/05/banner-blog-new-2.png'); background-repeat:no-repeat; background-size:cover;}
span.heading-dot {
    color: #F68824;
}