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

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
}

/* 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;
    width: 100%;
    z-index: 9999;
    position: relative;
}
#sp-header.header-sticky {
    position: fixed;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
    top: 0;
    background: #01578c;
}
body:not(.home) #sp-header {
    background: #01578c;
    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;
}

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

/*** Block Styles ***/
/* Button */
.btn {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 500;
    font-family: inherit;
    line-height: 2em;
    letter-spacing: .02em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 34px;
    cursor: pointer;
    border: 0!important;
    text-transform: uppercase;
    color: #fff!important;
    border-radius: 29px;
    background-color: #3d59e8;
}
.btn:hover {
  	background: #106ca0 !important;
    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-btn a span:before {
    margin-left: 10px;
}
.btn.no-bg {
    background: none!important;
    padding-left: 0!important;
    box-shadow: none!important;
}

/* Title */
.title .sppb-addon-title {
    position: relative;
}
.title .sppb-addon-title:after {
    content: "";
    height: 3px;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100px;
    right: 0;
}

/* Slider */
.slider {
    margin-top: -80px !important;
}
.slider-form .sppb-addon-title:after {
    margin: 0 auto;
    bottom: -25px;
    width: 70px;
}
.slider-text .sppb-addon-content {
    font-weight: 600;
    line-height: 1.5;
}
.slider-form {
    text-align: center;
}
.slider-form h3.sppb-addon-title {
    font-weight: 600;
}

/* Title */
.title h6 {
    color: #000000;
    font-family: "Montserrat", "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.title h2 {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2em;
    color: #000;
    margin: 30px 0 35px;
}
.title.white h2 {
    color: #fff;
}

/* Button */
.button {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.5px;
    border-radius: 10px 10px 10px 10px;
    padding: 22px 30px 22px 30px;
    display: inline-block;
    margin-top: 40px;
}
.button:hover {
    color: #01578c;
    background-color: #f6f9f9 !important;
}

/* About */
.about-item.title .sppb-addon-title:after {
    background-color: #106ca0 !important;
}

/* Call */
.call .button {
    margin-top: 0;
}
.call > .sppb-row-container {
    background-color: #01578c;
    padding: 70px 40px;
    border-radius: 18px;
}

/* Services */
.services .title .sppb-addon-title:after,
.testimonial .title .sppb-addon-title:after,
.review .title .sppb-addon-title:after,
.consution .title .sppb-addon-title:after,
.story .title .sppb-addon-title:after,
.explore .title .sppb-addon-title:after,
.doctor .title .sppb-addon-title:after,
.why .title .sppb-addon-title:after,
.tab .title .sppb-addon-title:after {
    margin: 0 auto;
    bottom: -25px;
    background-color: #106ca0 !important;
}
.services-item img {
    width: 14%;
}

/* Testimonial */
.testimonial-center img {
    width: 30%;
}
.testimonial-left h5 {
    display: none;
}
.testimonial-left .pull-left {
    width: 23% !important;
    margin-top: 30px;
}
.testimonial-item img {
    opacity: 0.9;
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: rgba(16,108,160,0.15);
    border-radius: 50% 50% 50% 50%;
}
.testimonial-item h6 {
    color: #01578c;
    margin: 20px 0;
}
.testimonial-item .shrewd_solution_icon ul li strong {
    display: none;
}
.testimonial-item .shrewd_solution_icon ul,
.testimonial-item .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
}
.testimonial-item .shrewd_solution_icon ul li a {
    font-size: 15px;
    color: #f0ad4e;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
}

/* Review */
.review-item .shrewd_solution_icon {
    text-align: center;
}
.review-item .shrewd_solution_icon ul li strong {
    display: none;
}
.review-item .shrewd_solution_icon ul,
.review-item .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
}
.review-item .shrewd_solution_icon ul li a {
    font-size: 16px;
    height: 43px;
    width: 43px;
    line-height: 43px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 0 15px rgba(228, 200, 200, 0.5);
    display: inline-block;
}
.review-item .shrewd_solution_icon ul li a:hover {
    background-color: #01578c !important;
}

/* Consution */
.consution .button:hover {
    background-color: #106ca0 !important;
    color: #fff;
}

/* Contact */
.contact p {
    font-weight: 600 !important;
}
.contact .review-item .shrewd_solution_icon {
    text-align: left;
}
.contact .review-item .shrewd_solution_icon ul li a {
    margin-left: 0;
    margin-right: 5px; 
}
.contact .review-item .shrewd_solution_icon ul li a {
    height: 32px;
    width: 32px;
    line-height: 34px;
    font-size: 14px;
}

/* Explore */
.story .services-item img {
    border-radius: 50%;
    width: 20%;
}
.story-item .story-text {
    position: relative;
}
.story-item .story-text:after {
    -webkit-transform: translate3d(-50%, -4px, 0);
    transform: translate3d(-50%, -4px, 0);
}
.story-item .story-text:before, 
.story-item .story-text:after {
    display: block;
    content: "";
    border-style: solid;
    height: 20px;
    width: 30px;
    border-color: #ffffff transparent transparent;
    border-width: 19px 14px 0;
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .5s;
    transition: .5s;
}
.story-item .story-text:after {
    -webkit-transform:translate3d(-50%, -4px, 0);
    transform:translate3d(-50%, -4px, 0);
}
.story-item .story-text:before {
    border-top-color:#e8e7e7;
}
.story-item:hover .story-text:before {
    border-top-color:#29d8db;
}
.story-item .sppb-column-addons .clearfix:first-child {
    -webkit-transition: .5s;
    transition: .5s;
}
.story-item:hover .sppb-column-addons .clearfix:first-child {
    border: 3px solid #29d8db !important;
}

/* Doctor */
.doctor-item img {
    width: 30%;
    margin-top: -70px;
    -webkit-transition: .5s;
    transition: .5s;
}
.doctor-item img:hover {
    transform: scale(1.1);
}
.doctor-item h3 a:hover {
    color: #0fa89d !important
}
.doctor-item h5 {
    letter-spacing: 2px;
    color: #bfbfbf;
}
.doctor-item p {
    margin-top: 20px;
}
.doctor-item .shrewd_solution_icon {
    text-align: center;
    margin-top: 30px;
}
.doctor-item .shrewd_solution_icon ul li strong {
    display: none;
}
.doctor-item .shrewd_solution_icon ul,
.doctor-item .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
}
.doctor-item .shrewd_solution_icon ul li a {
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    margin: 0 10px;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
}
.doctor-item .shrewd_solution_icon ul li a:hover {
    color: #106ca0 !important;
}

/* Why */
.why .sppb-row-container {
    padding: 60px 50px;
    background-color: rgba(34,34,40,0.74);
}

/* Tab */
.tab .sppb-panel.sppb-panel-modern {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
}
.tab .sppb-panel-heading {
    border-width: 0px;
    border-color: rgba(191,191,191,0);
    text-transform: uppercase;
    background-color: #fff;
    padding: 25px 30px;
}
.tab .sppb-panel-heading .sppb-panel-title {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.tab  .sppb-panel-body {
    padding: 15px;
    border-top: none;
}

/* 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;
}

/* 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,
.title .sppb-addon-title:after, .button,  .review-item .shrewd_solution_icon ul li a {
 	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,
.btn:hover, .slider-btn, .title h3, .features-item h2, .right-btn,
.title-color h3.sppb-addon-title, .title-color h3.sppb-addon-title {
  	color: var(--text-color) !important; 
}
.right-btn {
  	border-color: var(--text-color) !important;
}