/*** General CSS ***/
body {
    line-height: 1.9em;
    color: #333;
}
a:hover, a:focus, a:active {
    color: #000;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    background: transparent;
    position: relative;
    z-index: 9999;
    color: #fff;
}
#sp-top-bar a {
  	color: #0fff;
}
body:not(.home) #sp-top-bar {
  	background: #00002c;
}

/* Header Menu */
#sp-header {
    top: 0;
    height: inherit;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: transparent;
    width: 100%;
    z-index: 9999;
    position: relative;
}
header#sp-header > .container {
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
}
#sp-header.header-sticky {
    position: fixed;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
    top: 0;
    //background: #1A3867;
    background: #005E9F;
}
body:not(.home) #sp-header {
    background: #005E9F;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #252525;
  	font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: capitalize;
    position: relative;
    color: #fff;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li {
    position: relative;
}
.sp-megamenu-parent > li:after {
    content: '';
    font-family: 'FontAwesome';
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 18px;
    margin: 0 auto;
    right: 0;
    width: 5px;
    height: 5px;
    border: 3px solid #e01a4f;
    box-sizing: border-box;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s;
}
.sp-megamenu-parent > li.active:after,
.sp-megamenu-parent > li:hover:after{
    opacity: 1;
    transform: scale(1);    
}
.right-btn {
    padding: 0px 25px !important;
    background: transparent;
    box-shadow: 0 0 0 0 currentColor !important;
    border-radius: 30px;
    border-width: 2px;
    border-style: solid;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 45px !important;
    margin-left: 50px !important;
}
.right-btn:hover {
    color: #fff !important;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 15px;
    font-weight: 500;
}
.burger-icon>span {
    background-color: #00f;
}
.offcanvas-menu > .align-items-center {
    //background: #00002c;
    background: #005E9F;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #00f;
}

/*** Block Styles ***/
/* Button */
.btn,
.slider-btn {
    font-size: 15px;
    border: 0;
    font-weight: 500;
    text-transform: uppercase;   
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 30px 0px rgba(224,26,79,0.45);
    padding: 20px 45px 20px 45px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn, .slider-btn:hover {
    color: #ffffff !important;
}
.btn:hover {
    background-color: #fff !important;
}
.btn:hover,
.slider-btn:hover {
    transform: scale(1.1);
    cursor: pointer;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    
}

/* Slider */
.slider {
    position: relative;
    margin-top: -80px !important;
}
.slider:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(224,26,79,0) 0%, #e01a4f 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Title */
.title-bg {
    position: relative;
}
.title-bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(224,26,79,0) 0%, #f2295b 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Services */
.services-item {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.services-item:hover {
    background-color: #161E39 !important;
}

/* Features */
.features-item .sppb-addon-title {
    float: left;
    width: 15%;
}
.features-item .sppb-addon-content {
    float: left;
    width: 85%;
}
.features-item.right .sppb-addon-title {
    float: right;
    width: 15%;
    text-align: right;
}
.features-item.right .sppb-addon-content {
    float: right;
    width: 85%;
    text-align: right;
}
.features-item h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Testimonials */
.testimonials {
    position: relative;
}
.testimonials:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(90deg, rgba(224,26,79,0) 0%, #f2295b 80%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Team */
.team-row {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 35px 35px 35px 35px;
}
.team .sppb-col-md-6 {
    margin-bottom: 30px;
}
.team-item p {
    letter-spacing: 5px;
    margin-top: -14px;
    font-size: 16px;
}
.team-row .shrewd_solution_icon {
    text-align: right;
    margin-top: 20px;
}
.team-row .shrewd_solution_icon ul li strong {
    display: none;
}
.team-row .shrewd_solution_icon ul,
.team-row .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
}
.team-row .shrewd_solution_icon ul li a {
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    padding-left: 15px;
}
.team-row .shrewd_solution_icon ul li a:hover {
    transform: scale(1.1);
}

/* Contact */
.contact-item {
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: rgba(238,238,238,0.52);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    padding: 30px 20px 20px;
}
.contact-icon .shrewd_solution_icon {
    margin-top: 20px;
}
.contact-icon .shrewd_solution_icon ul li strong {
    display: none;
}
.contact-icon .shrewd_solution_icon ul,
.contact-icon .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
}
.contact-icon .shrewd_solution_icon ul li a {
    font-size: 13px;
    height: 30px;
    width: 30px;
    background: #595959;
    line-height: 33px;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 0 15px rgba(228, 200, 200, 0.5);
    display: inline-block;
}
.contact-icon .shrewd_solution_icon ul li a:hover {
    color:#fff!important;
}

/* Pricing */
.pricing-item {
    border-radius: 15px;
    -webkit-transition: .5s;
    transition: .5s;
}
.pricing-item:hover {
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.21);
}
.pricing-item h3.sppb-addon-title {
    color: #ffffff;
    font-weight: 500;
    border-radius: 20px 20px 0 0;
    text-transform: uppercase;
    padding: 20px 0px 20px 0px;
    font-size: 18px;
}
.pricing-item h3.pricing-table-price {
    background-color: #161E39;
    margin: -30px 0px 0px 0px;
    padding: 0px 0px 35px 0px;
    font-size: 15px;
}
.pricing-item h3 span {
    font-size: 48px;
    font-weight: 900;
}
.pricing-item .premium-pricing-list {
    margin: 0;
    padding: 0;
    padding: 40px 0px 0px 0px;
}
.pricing-item .premium-pricing-list li {
    list-style-type: none;
    letter-spacing: 0.025em;
    line-height: 35px;
}
.pricing-item p {
    margin-bottom: 0;
    padding-bottom: 60px;
    padding-top: 10px;
}
.pricing-item .premium-pricing-list strong {
    display: none;
}
.pricing-item .price-button {
    color: #ffffff;
    font-size: 21px;
    font-weight: normal;
    padding: 20px 0px 20px 0px;
    width: 100%;
    display: inline-block;
    border-radius: 0px 0px 20px 20px;
}
.pricing-item.center .price-button, .pricing-item.center h3.sppb-addon-title {
    background-color: #161E39 !important;
}
.pricing .pricing-item.center h3.pricing-table-price, .pricing .pricing-item.center em {
    color: #161E39 !important;
}
.pricing-item em {
    padding-right: 10px;
}

/* Testimonial */
.testimonial-column {
    position: relative;
}
.testimonial-column:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.testimonial-column:hover:before {
    width: 100%;
}
.team-colum .sppb-column-addons {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; 
}
.team-colum:hover .sppb-column-addons {
    border-style: dotted!important;
}

/* Blog */
.blog .blog-colum .sppb-column-addons  {
    border-top: 10px solid;
    box-shadow: 0px -4px 31px 3px rgb(0 0 0 / 21%);
    border-radius: 10px !important;
    padding: 50px;
    margin-top: -150px;
    background: #fff;
}
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
}
button.btn.btn-primary.validate {
    color: #fff !important;
    padding: 13px 20px;
}

/* Bottom */
#sp-bottom a {
    font-weight: 600;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
#sp-footer .container-inner {
    border-top: none;
}
#sp-footer1 {
  	padding-top: 5px;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 1400px) {
    .sppb-row-container {
      	max-width: 1320px;
    }
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
	#sp-header, #sp-header .logo {
        height: 70px;
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
      	padding: 0;
	}
  	#sp-header {
    	top: 0px;
	}
  	.jm-category-module.default .jmm-rows.rows-3 > div > .jmm-item {
    	width: 98%;
    	margin: 20px 1%;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
  	.category .sppb-column-addons .clearfix:nth-child(n+2) {
    	width: 100%;
    	margin-right: 0;
	}
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a, a.hikabtn.hikacart,
.slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.btn, .slider-btn:hover, .right-btn:hover, .pricing-item h3.sppb-addon-title, .pricing-item.center h3.pricing-table-price,
.pricing-item .price-button, .contact-form-pg {
 	background-color: var(--background-color) !important;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
#sp-footer a, #sp-bottom a, .btn:hover, .slider-btn, .title h3, .features-item h2, .right-btn,
.pricing-item h3.pricing-table-price, .pricing-item.center h3.pricing-table-price, .pricing-item em, .reviews-title h3, .reviews-item i,
.team-item h3, button.btn.btn-primary.validate:hover {
  	color: var(--text-color) !important; 
}
.right-btn {
  	border-color: var(--text-color) !important;
}