/*** General CSS ***/
body {
    line-height: 1.9em;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}

/* Header Menu */
#sp-header {
    top: 0px;
  	padding: 0px;
    height: inherit;
  	box-shadow: none;
}
#sp-header.header-sticky {
    position: fixed;
    top: 0;
  	background: #000f2b;
  	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
body:not(.home) #sp-header {
    background: #000f2b;
    position: static;
}
body:not(.home) #sp-header.header-sticky {
    position: fixed;    
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  	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;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li > span {
    color: #fff;
}

/* 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: #fff;
}
.offcanvas-menu > .align-items-center {
    background: #000f2b;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

/*** Block Styles ***/
/* Button */
.btn,
.slider-btn a {
    position: relative;
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #61ce70;
    padding: 16px 40px;
    font-weight: 500;
    border-radius: 5px;
    color: #fff !important;
    border: none;
    margin-top: 40px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.slider-btn a:hover {
    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);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

/* Slider */
.bg {
    margin-top: -100px !important;
}
.slider:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-image: radial-gradient(at center center, rgba(6,33,0,0.26) 0%, rgba(6,33,0,0.84) 97%);
    opacity: 0.97;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.slider {
    position: relative;
}
.slider-title {
    text-transform: initial !important;
}
.bg .clearfix:first-child {
    width: 50%;
    float: left;
}
.bg .clearfix:nth-child(2) {
    width: 50%;
    float: right;
}
.slider-right .sppb-addon-content {
    text-align: left;
    padding-left: 50px;
}
.slider-left {
    padding-left: 300px;
    padding-top: 120px;
}
.slider .dirider-item svg {
    width: calc(116% + 1.3px);
    height: 55px;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider .elementor-shape-fill {
    fill: #fff;
}

/* Title */
.title h2 {
    font-weight: 600;
    font-size: 58px;
    line-height: 1.1em;
    padding-bottom: 40px;
}
.title.white h2 {
    color: #fff !important;
}
.title.none h2 {
    margin-bottom: 0;
    color: #000;
}

/* About */
.about-img img {
    width: 60%;
}

/* Feature */
.feature-item:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(6,33,0,0.24) 45%, #062100 100%);
    opacity: 0.89;
}

/* Testimonial */
.testimonial:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    position: absolute;
    background-image: linear-gradient(270deg, rgba(255,255,255,0.39) 20%, #ffffff 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.testimonial-left .sppb-img-container {
    width: 13%;
    float: left;
}
.testimonial-left .sppb-img-container img {
    border-radius: 50%;
}
.testimonial-left .sppb-media-content {
    width: 87%;
    float: left;
    padding-left: 15px;
}
.testimonial-left h4.testimonial-name {
    color: #9ccc3a;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 10px;
}
.testimonial-left h5.testimonial-job {
    color: #d8d8d8;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: 1.1px;
}
.testimonial-right img {
    width: 22%;
    border-radius: 50%;
}
.testimonial-right-item .sppb-column-addons {
    padding: 0px 50px 20px;
    border-radius: 20px;
    box-shadow: 0px 7px 24px 5px rgba(188,188,188,0.5);
}
.testimonial-right-item .sppb-column-addons {
    background-image: url("../images/right-quotes-symbol-2.png");
    background-position: 425px 162px;
    background-repeat: no-repeat;
    background-size: 13% auto;
    margin-bottom: 100px;
}
.testimonial-right-item img {
    margin-top: -40px;
    width: 20%;
    border-radius: 50%;
}

/* Why */
.why-item .sppb-media-content {
    padding: 0 30px 30px;
}
.link-why {
    background-color: rgba(156,204,58,0);
    border-radius: 3px 3px 3px 3px;
    padding: 0px 0px 4px 0px;
    border-style: double;
    border-width: 0px 0px 3px 0px;
    display: inline-block;
    font-weight: 500;
}

/* Best */
.best .sppb-row-container {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 60px 20px 60px 20px;
}
.best .shrewd_solution_icon ul li strong {
    display: none;
}
.best .shrewd_solution_icon ul,
.best .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
    margin: 0;
}
.best .shrewd_solution_icon ul li a {
    font-size: 24px;
    text-align: center;
    border-radius: 0;
    padding: 0 20px;
    border-left: 1px solid #ddd;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
}
.best .shrewd_solution_icon ul li:first-child a {
    border-left: 0;
}
.best .shrewd_solution_icon ul li a:hover {
    color: #61ce70 !important;
}

/* Team */
.team-item .sppb-addon-text {
    color: #bfbfbf;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 0.1em;
    letter-spacing: 5px;
}
.team-item .sppb-column-addons {
    padding: 40px;
    border: 1px solid #9ccc3a;
    margin-bottom: 30px;
    display: inline-block;
}
.team-item .shrewd_solution_icon {
    text-align: right;
}
.team-item .shrewd_solution_icon ul li strong {
    display: none;
}
.team-item .shrewd_solution_icon ul,
.team-item .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
    margin: 0;
}
.team-item .shrewd_solution_icon ul li a {
    font-size: 18px;
    line-height: 38px;
    color: #9ccc3a;
    text-align: center;
    border-radius: 5px;
    margin-left: 17px;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
}

/* Choose Us */
.et-choose-us {
    z-index: 9 !important;
}

/* Counter */
.counter-content h3 {
    font-size: 23px !important;
    color: #374c9f;
    font-weight: 700;
}
.skill-box .skills-circle ul {
    margin-right: 20px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.skill-box .skills-circle  ul > li {
    position: relative;
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.skill-box .skills-circle  ul > li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    background-color: #374c9f14;
    display: inline-block;
    border-radius: 50%;
    border: 10px;
}
.skill-box .skills-circle ul > li > span {
    color: #7a7;
}
.skill-box .skills-circle ul > li > span.text, .skill-box .skills-circle ul li > span ~ b {
    top: 57%;
    left: 53%;
    position: absolute;
    transform: translate(-50%, -50%);
    margin-top: -8px;
    z-index: 1;
    font-size: 30px;
    font-weight: 300;
}
.skill-box .skills-circle ul > li > span.text ~ b, .skill-box .skills-circle ul li > span ~ b ~ b {
    font-weight: normal;
    margin-top: 8px;
}
.skill-box .skills-circle ul > li > span.bar-circle-right, 
.skill-box .skills-circle ul > li > span.bar-circle-left {
    border-radius: 50%;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    clip: rect(0, 75px, 150px, 0);
    background: #fff;
}
.skill-box .skills-circle ul > li > span.bar-circle-right,
.skill-box .skills-circle ul > li > span.bar-circle-left {
    background: #374c9f !important;
}
.skill-box .skills-circle ul > li > span.bar-circle-cover {
    display: block;
    width: 89%;
    height: 89%;
    border-radius: 50%;
    background-color: #fff;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Blog */
.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 */
.footer-social-pro {
    margin:0 auto;
    text-align:center;
    padding:0;
    display:block;
}
.footer-social-pro li {
    margin:0 10px;
    display:inline-block!important;
    list-style:none;
}
.footer-social-pro li em {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.18);
    line-height: 40px;
    color: #ffffff;
    font-size: 16px;
    box-shadow: 10px 10px 10px 10px rgba(43,60,76,0.5)!important;
}
.footer-social-pro li a {
    width: 52px;
    height: 52px;
    display: inline-block;
    line-height: 52px;
    border-radius: 50px;
}
.footer-social-pro li.facebook a {
    background:#496bb4;
}
.footer-social-pro li.facebook a i {
    background:#496bb4;
}
.footer-social-pro li.google a {
    background:#db3623;
}
.footer-social-pro li.google a i {
    background:#db3623;
}
.footer-social-pro li.twitter a {
    background:#009ad2;
}
.footer-social-pro li.twitter a i {
    background:#009ad2;
}
.footer-social-pro li.instagram a {
    background:#d15c8f;
}
.footer-social-pro li.instagram a i {
    background:#d15c8f;
}
.footer-social-pro li.pinterest a {
    background:#c12123;
}
.footer-social-pro li.pinterest a i {
    background:#c12123;
}
.footer-social-pro li strong {
  	display: none;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
    display: inline-block;
    width: 100%;
}
#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;
    }
}
@media (max-width: 1024px) {
    .slider-left {
        padding-left: 0px;
        padding-top: 0px;
    }
}
/* 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%;
	}
  	.bg .clearfix:first-child,
    .bg .clearfix:nth-child(2) {
        width: 100%;
        clear: both; ;
    }
    .slider-left,
    .slider-right .sppb-addon-content {
        padding-left: 0px;
        padding-top: 0px;
    }
    .slider-right .sppb-addon-content {
        text-align: center;
    }
}

/* 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,
.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:hover {
 	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,
button.btn.btn-primary.validate:hover, h2.title, .title h4, .link-why, .best-item h3, .best-item i, .best .shrewd_solution_icon ul li a, 
.team-item h3 {
  	color: var(--text-color) !important; 
}
.sppb-divider, a.slider-btn {
  	border-color: var(--text-color) !important;
}