/* Base CSS */
:root {
  --primary-color: #272570;
  --secondary-color: #012444;
  --heading-color: #010F34;
  --primary-black-color: #063232;
  --gray-color: #F8F8F8;
  --white-color: #ffffff;
  --text-color: #171718;
  --border-color: #D8DDE1;
  --heading-font: "Noto Sans", sans-serif;
  --body-font: "Noto Sans", sans-serif;
}

html {
  font-size: 100%;
}

body .box_blue {
    background-color:#f4f4f4 !important;

    border-radius: 15px;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

i,
span,
a {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  margin: 0px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}

h1 {
  font-size: 85px;
  line-height: 1.15em;
}

h2 {
  font-size: 52px;
  line-height: 1.25em;
}

h3 {
  font-size: 30px;
  line-height: 1.33em;
}

h4 {
  font-size: 24px;
  line-height: 1.3em;
}

h5 {
  font-size: 18px;
  line-height: 1.1;
}

h6 {
  font-size: 16px;
  line-height: 28px;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  margin: 0px; 
}

input, textarea {
  display: inherit;
}

button {
  border: none;
}

label {
  margin-bottom: 0;
}

iframe {
  width: 90%;
  border: none;
  display: inherit;
}



img {
  max-width: 100%;
}

body {
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  color: var(--text-color);
  font-family: var(--body-font);
  font-size: 13px;
  line-height: 23px;
  overflow-x: hidden;
}

main {
  display: inline-block;
  width: 100%;
}

/*===== Scrollbar =====*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #abafb9;
}

::-webkit-scrollbar-thumb {
  background-color: #13172b;
}


#preloader{position:fixed;top:0;left:0;right:0;bottom:0;  background: #fff;
    background-size: cover; z-index:999999;}
#status{width:360px;height:230px;position:absolute;left:47%;top:50%;margin:-100px 0 0 -100px;}


.preloader1 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
      
}

.preloader .th-btn {
    padding: 15px 20px;
    border-radius: 0;
    font-size: 14px
}

.preloader-inner {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1
}

.preloader-inner img {
    display: block;
    margin: 0 auto 0 auto;
	width:200px;
	 animation:flipRotate 2s linear infinite;
    transform-style:preserve-3d;

}

@keyframes flipRotate{
    0%{
        transform:perspective(400px) rotateY(0deg);
    }
    50%{
        transform:perspective(400px) rotateY(180deg);
    }
    100%{
        transform:perspective(400px) rotateY(360deg);
    }
}

.loader {
    font-size: 80px;
    display: inline-block;
    font-family: var(--title-font);
    font-weight: 700;
    color: var(--white-color);
    box-sizing: border-box;
    text-shadow: 0 0 2px var(--secondary-color), 0 0 1px var(--secondary-color), 0 0 1px var(--secondary-color);
    position: relative;
    line-height: normal;
      white-space: nowrap;
}

.aboutList {
    font-size: 16px;
    line-height: 25px;
    list-style: disc;
    margin: 0 0 0 20px;
}

.mksai-iconic-box {       text-align: center; height: 310px;}


.mksai-iconic-box h4, .mksai-iconic-box p {color:#fff;}

.mksai-iconic-box h4 {font-size:20px;}

.mksai-iconic-box img {
    width: 85px;
}

.mksai-counter-item h2 {
    font-weight: 700;
    color: #d4418f;
}

.mksai-counter-item p {color:#2b317f;}


.mksai-iconic-box1.style-two {
    position: relative;
    background-color: var(--white-color);
    padding: 30px 20px;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
}

.mksai-iconic-box1.style-two .shape {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.mksai-iconic-box1.style-two  h4  {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 0;
    color: #2b317f;
    position: relative;
    line-height: 25px;
    min-height: 50px;
}
.mksai-iconic-box1.style-two a.theme-btn.servicesBtn {
    margin: 20px 0 0 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    color: #2b317f;
    padding: 0;
    letter-spacing: 0;
}


.mkhc-choose_one .mkhc-choose-wrapper h5 { font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 0;
    color: #2b317f;
    position: relative;
    line-height: 20px;}
    
  .mkhc-choose_one .mkhc-choose-wrapper  .theme-btn i {
    margin-right: 10px;     margin-left: 0;
    }


@media (max-width: 1199px) {
    .loader {
        font-size: 60px
    }
}

@media (max-width: 767px) {
    
    iframe {
  width: 100%;
  border: none;
  display: inherit;
}

 table   {
    font-size: 13px;         line-height: 22px;
}
    .loader {
        font-size: 40px
    }
    .mksai-iconic-box {    height: auto;         margin-bottom: 25px;}
}

.loading-text {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary-color);
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-animation: animloader 6s linear infinite;
    animation: animloader 6s linear infinite;
    white-space: nowrap;
}

@-webkit-keyframes animloader {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes animloader {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}


.home-two .theme-btn.style-one {
  background-color: var(--secondary-color);
}
.home-two .theme-btn.style-one:hover {
  background-color: var(--heading-color);
}
.home-two .section-title .sub-title {
  color: var(--secondary-color);
}
.home-two .section-title .sub-title:before {
  background-color: var(--secondary-color);
}
.home-two .mkhc-pricing-item.style-two .badge {
  background: transparent;
  background-color: var(--secondary-color);
}
.home-two .mkhc-progress-item .progress {
  border-color: var(--secondary-color);
}
.home-two .mkhc-progress-item .progress .progress-bar {
  background-color: var(--secondary-color);
}

.home-three .theme-btn.style-one {
  background-color: var(--primary-color);
}
.home-three .theme-btn.style-one:hover {
  background-color: var(--heading-color);
}

/*---- 

====================
01. Base CSS
    # Common CSS
====================


----*/




@media (min-width: 1451px) {
  .container {
    max-width: 1314px;
	    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .container {
    max-width: 1200px;
	    padding-left: 20px;
    padding-right: 20px;
  }
}
#smooth-wrapper {
  z-index: 1;

     /* position: relative !important; */
}

.p-r {
  position: relative;
}

.bg_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.font-200 {
  font-weight: 200;
}

.form-group {
  position: relative;
}

label {
  margin-bottom: 0;
}

.form_control {
  width: 100%;
}

.text-white p,
.text-white h6,
.text-white h5,
.text-white h4,
.text-white h3,
.text-white h2, .text-white h1 {
  color: var(--white-color);
}

.gray-bg {
  background-color: var(--gray-color);
}

/* Section Title */
.sub-title {
  font-size: 20px;
  line-height: 1;
  font-family: var(--heading-font);
  color: var(--primary-color);
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub-title:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d4418f;
  margin-right: 12px;
  display:none;
}

.section-title .sub-title {
  color: #d4418f;
  margin-bottom: 13px;
      font-size: 18px;
}
.section-title h2 {
     font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0;
    color: #2b317f;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;
}

.section-title h2:after {content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #d4418f;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0 auto;}
	
	
	
	.section-title.innerTxt h2:after {content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #d4418f;
    left: 0;
   
    bottom: -10px;
    margin: 0;}
	
	.mkhc-choose_one .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
	
	.mkhc-choose_one .section-title h2:after {left:0;     right: unset;}
	
	.mkhc-choose_one .aboutTxt p{       font-size: 13px;
    color: #000;
    max-width: 95%;     
    margin: 0;
    padding: 0 0 15px;
    line-height: 22px;} 
	
	
	.mkhc-choose-wrapper .mkhc-content-box {  border-right: solid 1PX #e3e3e3;}
	
	
	.mk2-list{
    padding:0;
    margin:0;
}

.mk2-list li{
    list-style:none;

    align-items:self-start;
    gap:15px;
    margin-bottom:10px;
    font-size:13px;
	position:relative;
}

.mk2-list li:before {content:'';}

.mk2-list li img{
    width:40px;
    height:40px;
    object-fit:contain;
}
	
	
.process{
       display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 100px;
	position:relative;
}

.process:before {    content: '';
    position: absolute;
    border-top: dotted 2px #000;
    height: 2px;
    width: 80%;
    top: 30px;
    z-index: -1;
    margin: 0 auto;
    left: 0;
    right: 0;}

.process-box{
       padding: 0 40px;
    text-align:center;
   
}

.process-icon{
    
    
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
	margin-bottom:5px;
  
}

.process-icon img {width:100px;}

.process-box h4{
       color: #2b317f;
    margin-bottom: 0px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
}

.process-box p{
    font-size: 16px;
    line-height: 24px;
}


.theme-btn.projects-btn{
    border: solid 1px #2b317f;
    padding: 10px 15px;
	    font-weight: 500;
		font-size:16px; color:#2b317f;
}

.theme-btn.projects-btn:hover { background:#2b317f; color:#fff;}


.testimonial-box{
   
    padding:40px 30px 30px 30px;
position:relative;
  
}

.quote-icon{
    font-size:45px;
    color:#d4418f;
    margin-bottom:15px;
	    position: absolute;
    left: 0;
	top:30px;
}

.testimonial-text{
    font-size:17px;
    line-height:26px;
    color:#444;
    margin-bottom:40px;
	padding-right:50px;
}

.client-info{
    display:flex;
    align-items:center;
    gap:15px;
}

.client-info img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}

.client-details h4{
    margin:0;
    font-size:20px;
    color:#2b317f;
}

.client-details p{
    margin:0 0 0 0;
    color:#666;
	font-size:16px; line-height:20px;
}

.client-details span{
    color:#666;
    font-size:15px; line-height:14px;
}

.clientCon {padding-left:50px; position:relative;}

.testimonial-slider .slick-dots { position:absolute; Right:0; left:0;}

.testimonial-slider .slick-dots{
    margin-top:25px;
    text-align:center;
}

.testimonial-slider .slick-dots li{
    width:10px;
    height:10px;
    background:#d5d5d5;
    display:inline-block;
    border-radius:50%;
    margin:0 4px;
}

.testimonial-slider .slick-dots li.slick-active{
    background:#d4418f;
}

.clientCon .section-title h2:after {    left: 0;
    right: unset;}


.projects{
    display:grid;
    grid-template-columns:repeat(4,1fr);
       gap: 10px;
    margin: 0 25px;
}

.project-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,0.08);
}

.project-card img{
    width:100%;
    height:150px;
    object-fit:cover;
}

.project-content{
    padding:10px;
}

.project-content h4{
    color: #d4418f;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 600;
}
.project-content p {
    font-size: 15px;
}
	.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0px;
    margin-top:15px;
}

.stat-box{
   
        border-right: solid 1PX #e3e3e3;
    text-align:center;
    
}

.stats .stat-box:last-child {  border-right: none;}

.stat-box h3{
   font-size: 22px;
    color: #2b317f;
    margin-bottom: 0px;
    font-weight: 600;
}

.stat-box p{
  font-size: 13px;
    line-height: 16px;
    padding: 5px 0 0 0;
}
 
.service-box {       padding: 15px 10px 30px 30px;
   }

.service-box.projectKey {       padding: 0px 10px 30px 0px;
   }


.projectKey h4 {
    font-size: 18px;
    padding: 0 0 5px;
    color: #d4418f;
    font-weight: 600;
}

.service-box .service-icon {
    display: flex;
    align-items: center;
    gap: 20px; padding:0 0 10px;
}

.service-box .service-icon h3 {     font-size: 16px;
    font-weight: 600;
    color: #2b317f;
    text-transform: uppercase;
    padding: 0 0 0 0;}
    
    .servicePage .service-box {
    padding: 15px 15px 0px 15px;
   
        margin: 0 0 20px;
}

 .servicePage .service-box .serviceContent { height:300px;     background: #f4f4f4;
    padding: 20px;}
    
     .service-box .serviceContent { height:auto;     background: #f4f4f4;
    padding: 20px;}
    
    
    @media (max-width: 767px) {
        
         .servicePage .service-box .serviceContent {
    height:auto;
}


 .service-box .serviceContent {
    height:auto;
}


    .service-box .service-icon h3 {      font-size: 16px;
    padding: 0 0px 0 0;}
}
	
	.service-box ul {
   list-style: disc;
    font-size: 13px;
    padding: 0 0 0 30px;
    margin: 0;
        line-height: 24px;
}

.service-box  a.theme-btn.servicesBtn  {
    margin: 20px 0 0 15px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    color: #2b317f;
    padding: 0;
    letter-spacing: 0;
}

.projects-wrapper  .nav-tabs {
    border: none;
}

.projects-wrapper .nav-tabs button.nav-link {
  
    border: solid 1px #2b317f;
    border-radius: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
	    padding: 3px 10px;
}

.projects-wrapper .nav-tabs button.nav-link.active {
    background: #2b317f;
    border: solid 1px #2b317f;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
	    padding: 3px 10px;
}

@media (max-width: 1650px) {
  .section-title h2 {
    font-size: 24px;
  }
}

@media (max-width: 1400px) {
 .process {
    margin: 0 0px;
} 

}
@media screen and (max-width: 1199.98px) {
	
	
	.mkhc-choose_one .mkhc-choose-wrapper:before {     display:none;   content: '';
        position: absolute;
        background: #f6f6f691;
        width: 100%;
        height: 100%;
        top: 0;}
	
	.process-box {
    padding: 0 20px;
	}
	

.testimonial-slider .slick-dots {
margin-top: 10px;}

.testimonial-text {
    font-size: 15px;
    line-height: 24px;
    color: #444;
    margin-bottom: 20px;
    padding-right: 0;
}

	.clientCon {
    padding-left: 40px;}
	.project-content p {
    font-size: 14px;
}
	.project-content h4 {
  
    margin-bottom: 0px;
    font-size: 15px;
}
	.project-card img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

  .section-title h2 {
    font-size: 24px;
    line-height: 55px;
  }
}


@media (max-width: 991px) {
	
	.mkhc-choose_one .aboutTxt p {
    
    max-width: 100%;}
	
	.footer-widget {padding:15px;}
	
	.process:before {display:none;}
	
	.process {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	        gap: 25px;
	}
	
	.mkhc-choose-wrapper .mkhc-content-box {
    border-right: none; padding-bottom:20px;
	border-bottom: solid 1PX #ccc;
}
.service-box {margin:5px 0;         padding: 15px 15px 0;}

    .mkhc-choose_one .mkhc-choose-wrapper:before {
                background: #f6f6f6cc;
        left: 0;
    }
	
    .mkhc-choose_one .mkhc-image {
       
        margin: 0;
        padding: 20px 0 0;
    }

}

@media (max-width: 768px) {
    
    .service-box.projectKey {
    padding: 0;
}
	
	.footer-widget {
        padding: 15px 0;
    }
	
	.mkhc-cta_two .cta-wrapper h2 {
        font-size: 16px;
    }
	
	.mkhc-cta_two .cta-wrapper p {
    font-size: 14px;
    color: #fff;
    margin: 0 0 10px;
}
	.projects {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 25px;
}
	
	.projects-wrapper .nav-tabs li {margin:0 0 10px;}
	
	.process-box p {
    font-size: 15px;
    line-height: 21px;
}
	.process-box h4 {
   padding-bottom:5px;
    font-size: 16px;}
	
	    .process-box {
        padding: 10px 0;
    }
	
	.mk2-list li {

    line-height: 24px;
}
	
	    .mkhc-choose-wrapper .mkhc-content-box {
        border-right: none;
        padding-bottom: 20px;
        border-bottom: solid 1PX #00000047;
    }
	
	.stats .stat-box:nth-child(2) {border-right: none;}
	
	.stats .stat-box:nth-child(3), .stats .stat-box:nth-child(4) { border-bottom: none;}
	
	.stat-box {
    border-right: solid 1PX #00000047;
    text-align: center;
    border-bottom: solid 1px #0000003b;
    padding: 5px 0 15px;
}
	.stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    margin-top: 0;
}
}

@media (max-width: 575.98px) {
  .section-title h2 {
    font-size: 18px;
    line-height: 1.2em;
  }
}

.text-white .sub-title {
  color: var(--primary-color);
}
.text-white .sub-title:after {
  background-color: var(--primary-color);
}

/* Check List */
.check-list li {
  color: var(--heading-color);
}
.check-list.style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.check-list.style-one li:not(:last-child) {
  margin-bottom: 13px;
}
.check-list.style-one li i {
  margin-right: 10px;
  color: var(--primary-color);
}
.check-list.style-two li {
  position: relative;
  padding-left: 25px;
}
.check-list.style-two li:not(:last-child) {
  margin-bottom: 10px;
}
.check-list.style-two li:before {
  position: absolute;
  top: 11px;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--secondary-color);
}
.check-list.gradient-check li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--heading-color);
}
.check-list.gradient-check li:not(:last-child) {
  margin-bottom: 10px;
}
.check-list.gradient-check li i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: var(--Gradient-color-2, linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 10px;
  margin-top: 8px;
}

/* Floatig Animation */
.animate-float-bob-x {
  -webkit-animation-name: float-bob-x;
          animation-name: float-bob-x;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.animate-float-bob-y {
  -webkit-animation-name: float-bob-y;
          animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

/* Rotate360 */
.rotate360 {
  -webkit-animation: spin 7s linear infinite;
  animation: spin 7s linear infinite;
}

/* ZoomInOut */
.zoomInOut {
  -webkit-animation: zoomInOut 6s linear infinite;
          animation: zoomInOut 6s linear infinite;
}

/* Ratings */
.ratings i {
  color: #FF6633;
}

/* Search Modal */
.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

.search-modal {
  z-index: 999999;
  background-color: rgba(13, 18, 23, 0.95);
}
.search-modal .modal-content {
  padding: 15px 30px;
  background-color: transparent;
  border: none;
}
.search-modal .modal-content .form_control {
  border: none;
  padding: 15px 30px 15px 0;
  background-color: transparent;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.search-modal .modal-content .form_control::-webkit-input-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control::-moz-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control:-ms-input-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control::-ms-input-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control::placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control:focus {
  background-color: transparent;
}
.search-modal .modal-content label {
  position: absolute;
  top: 17px;
  right: 0;
  color: var(--white-color);
}

/* Pagination */
.theme-pagination ul li {
  display: inline-block;
  margin-left: 2.5px;
  margin-right: 2.5px;
}
.theme-pagination ul li a {
  width: 50px;
  height: 50px;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  color: var(--heading-color);
  border-radius: 50%;
}
.theme-pagination ul li a:hover {
  background-color: var(--primary-black-color);
  color: var(--white-color);
  border-color: transparent;
}

/* Preloader CSS */
.preloader {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white-color);
}
.preloader .loading, .preloader .loading-wrapper {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%;
}
.preloader .loading-wrapper {
  margin: 40px auto;
}
.preloader .loading-wrapper .loading {
  border: 1px solid transparent;
  border-color: transparent var(--primary-black-color) transparent var(--primary-black-color);
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
          animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.preloader .loading-wrapper #loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.preloader .loading-wrapper #loading-icon img {
  width: 40px;
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Offcanvas Overlay */
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 1000;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

.sidebar-btn {
  margin-left: 15px;
  cursor: pointer;
  text-align: right;
}

.sidebar-btn span {
  width: 30px;
  display: block;
  height: 2px;
  background-color: var(--heading-color);
}
.sidebar-btn span:nth-child(2) {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 25px;
  margin-left: auto;
}

.sidebar-panel {
  position: fixed;
  z-index: 1111;
  right: 0;
  top: 0;
  width: 350px;
  height: 100%;
  opacity: 1;
  background-color: var(--white-color);
  -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -webkit-transform: translateX(calc(100% + 80px));
          transform: translateX(calc(100% + 80px));
  padding: 40px 30px;
  overflow: auto;
}
.sidebar-panel.info-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.sidebar-panel .panel-close .panel-close-btn {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
}
.sidebar-panel .panel-body .panel-box h5 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}
.sidebar-panel .panel-body .panel-box p {
  margin-bottom: 15px;
}
.sidebar-panel .panel-body .panel-box p i {
  width: 20px;
  margin-right: 10px;
  color: var(--primary-color);
}
.sidebar-panel .panel-body .panel-box ul.social-link li {
  display: inline-block;
  margin-right: 5px;
}
.sidebar-panel .panel-body .panel-box ul.social-link li a {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.sidebar-panel .panel-body .panel-box ul.social-link li a:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}

@-webkit-keyframes playpopup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes playpopup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes marquee {
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@keyframes marquee {
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes marquee_right {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes marquee_right {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes marquee_left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee_left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* Translate 3D Animation */
@-webkit-keyframes translateBg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-2250px, 0, 0);
            transform: translate3d(-2250px, 0, 0);
  }
}
@keyframes translateBg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-2250px, 0, 0);
            transform: translate3d(-2250px, 0, 0);
  }
}


.header-top {
    padding: 11px 0;
    background-color: var(--primary-color);
}

.header-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.header-layout2 .header-links li {
    font-size: 14px;
}
.header-links li:not(:last-child) {
       margin: 0 20px 0 0;
    padding: 0 20px 0 0;
}
.header-links li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--body-font);
    line-height: normal;
}

.header-links li, .header-links span, .header-links p, .header-links a {
    color: var(--white-color);
}

.header-links.style2 ul li i {
    margin-right: 8px;
	color:#d4418f;
}

.header-links.style2 ul li:first-child {border-right:solid 1px #8f8f8f;}

.th-social a:first-child {border-right:solid 1px #8f8f8f;        margin-right: 15px;  font-size: 16px;}

.th-social a:first-child i {padding-right:8px;}

.th-social a {
   padding-right:20px;
    background-color: transparent;
    color: var(--white-color);
    border-radius: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  font-family: var(--heading-font);
  padding: 12px 15px;
  border-radius: 5px;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.theme-btn i {
  margin-left: 10px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.theme-btn.style-one {
  background-color: var(--heading-color);
  color: var(--white-color);
}
.theme-btn.style-one:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
@media screen and (max-width: 1199.98px) {
  .theme-btn.style-one {
    padding: 15px 30px;
  }
}
.theme-btn.style-two {
  border: 1px solid var(--border-color);
  color: var(--heading-color);
}
.theme-btn.style-two:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.theme-btn.gradient-btn {
  background: #d4418f;     text-transform: uppercase;
  color: var(--white-color);
  background-size: 150% 100%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.theme-btn.gradient-btn:hover {
	background: #2a307e;
  background-position: 100% 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.theme-btn.gradient-btn-two {
  position: relative;
  color: #2a307e;
  z-index: 1;
  background: var(--white-color);
  border:solid 1px #2a307e
}
.theme-btn.gradient-btn-two:hover {
  position: relative;
  color: #fff;
  z-index: 1;
  background: #d4418f;
  border:solid 1px #d4418f
}
.theme-btn.gradient-btn-two:after {
  position: absolute;
  content: "";
  inset: -2px;
  border-radius: 20px;
  background: linear-gradient(264deg, #F63 -31.73%, #6D2CF9 120.95%);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.theme-btn:hover i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.read-more.style-one {
  font-weight: 500;
  font-family: var(--body-font);
  color: var(--heading-color);
}
.read-more.style-one i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 7px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.read-more.style-one:hover {
  color: var(--primary-color);
}
.read-more.style-one:hover i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.play-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--heading-color);
}
.play-btn .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-filter: drop-shadow(10px 4px 60px rgba(169, 169, 169, 0.25));
          filter: drop-shadow(10px 4px 60px rgba(169, 169, 169, 0.25));
  margin-right: 20px;
}
.play-btn span {
  text-decoration: underline;
  font-weight: 700;
  font-family: var(--heading-font);
}

.footer-logo img {width:110px;}

/* Transparent Header */
.transparent-header {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 100%;
}

/*  Header Area */
.header-area {
  position: relative;
  z-index: 9999;
      background: #fff;
}

/* Header Navigation */
@media screen and (max-width: 1199.98px) {
  .header-navigation {
    padding: 0px 0;
  }
}
.header-navigation .primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-navigation .site-branding {
      max-width: 100px;
    padding: 10px 0;
}

.header-navigation.sticky .site-branding {
      max-width: 80px;
    padding: 10px 0;
}


@media (max-width: 767.98px) {
  .header-navigation .site-branding {
       max-width: 100px;
    padding: 10px 0;
  }
}
.header-navigation .main-menu ul > li {
  display: inline-block;
  position: relative;
  margin-left: 17px;
  margin-right: 17px;
}
@media screen and (max-width: 1499.98px) {
	.header-navigation .main-menu ul > li {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 1259.98px) {
	.header-navigation .main-menu ul > li {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 1199.98px) {
  .header-navigation .main-menu ul > li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.header-navigation .main-menu ul > li > a {
  position: relative;
  display: block;
  font: 600 12px var(--heading-font);
  text-transform: uppercase;
  line-height: 1;
  color: var(--heading-color);
  padding: 20px 0;
}

@media screen and (max-width: 1499.98px) {
	 .header-navigation .main-menu ul > li > a { padding: 20px 0;
	  font: 500 16px var(--heading-font);}
	
	
}
@media screen and (max-width: 1199.98px) {
  .header-navigation .main-menu ul > li > a {
    font-size: 16px;
  }
}
.header-navigation .main-menu ul > li > a span.dd-trigger {
  margin-left: 5px;
}
.header-navigation .main-menu ul > li .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 99;
  padding: 10px 0;
  background-color: var(--white-color);
  height: auto;
  text-align: left;
  -webkit-box-shadow: 0px 30px 80px 15px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 30px 80px 15px rgba(0, 0, 0, 0.09);
  border-radius: 7px;
}
.header-navigation .main-menu ul > li .sub-menu li {
  display: block;
  margin: 0;
}
.header-navigation .main-menu ul > li .sub-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  position: relative;
  line-height: 2.5;
  margin: 0;
  color: var(--heading-color);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger {
  margin-left: auto;
}
.header-navigation .main-menu ul > li .sub-menu li a::after {
  display: none;
}
.header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: var(--primary-color);
}
.header-navigation .main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 50%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu {
  top: 0%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover > a {
  margin-left: 5px;
  color: var(--secondary-color);
}
.header-navigation .main-menu ul > li:hover > a {
  color: var(--secondary-color);
}
.header-navigation .main-menu ul > li:hover > a:after {
  left: 0;
  right: auto;
  width: 100%;
}
.header-navigation .main-menu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-navigation .navbar-toggler {
  padding: 11px 7px;
  border: 1px solid var(--heading-color);
  background-color: transparent;
  cursor: pointer;
  display: none;
  border-radius: 5px;
  margin-left: 20px;
}
.header-navigation .navbar-toggler span {
  position: relative;
  border-radius: 3px;
  display: block;
  height: 2px;
  padding: 0;
  width: 30px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: var(--heading-color);
}
.header-navigation .navbar-toggler span:not(:first-child) {
  margin-top: 5px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
  top: 7px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
  top: -7px;
}
@media screen and (max-width: 1199.98px) {
  .header-navigation .theme-nav-menu {
    text-align: left;
    position: fixed;
    top: 0;
    left: -290px;
    width: 290px;
    height: 100%;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    padding: 20px 20px 30px;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 9999;
    background-color: var(--white-color);
  }
  .header-navigation .theme-nav-menu.menu-on {
    left: 0;
  }
  .header-navigation .theme-nav-menu .main-menu {
    margin-top: 10px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li {
    display: block;
    margin: 0;
  }
  .header-navigation .theme-nav-menu .main-menu ul li:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
  .header-navigation .theme-nav-menu .main-menu ul li a {
    display: block;
    padding: 12px 0;
    font-size: 14px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li a:after {
    display: none;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .sub-menu > li > a {
    padding: 5px 20px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .sub-menu > li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
    margin-left: 30px;
  }
  .header-navigation .theme-nav-menu .main-menu ul li .dd-trigger {
    position: absolute;
    right: 0;
    top: 10px;
    height: 25px;
    width: 25px;
    border-radius: 3px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
  }
  .header-navigation .navbar-close {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid var(--border-color);
    font-size: 16px;
  }
  .header-navigation .navbar-toggler {
    display: block;
  }
  .header-navigation .theme-menu-bottom h5 {
            margin-bottom: 10px;
        font-size: 14px;
  }
  .header-navigation .theme-menu-bottom .social-link li {
    display: inline-block;
    margin-right: 10px;
  }
  .header-navigation .theme-menu-bottom .social-link li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-navigation .theme-menu-bottom .social-link li a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
  }
}

/* Nav Right Item */
.nav-right-item { 
  display: -webkit-box;
  display: -ms-flexbox;
  
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-right-item .search-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--white-color);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.nav-right-item .search-btn:hover {
  background-color: var(--white-color);
  color: var(--primary-color);
  border-color: transparent;
}
@media screen and (max-width: 1199.98px) {
  .nav-right-item .search-btn {
    width: 45px;
    height: 45px;
  }
}
.nav-right-item .theme-btn {
  margin-left: 24px;
  padding: 13px 20px;
  text-transform: uppercase;
}

@media screen and (max-width: 1499.98px) {
  .nav-right-item .theme-btn {
    padding: 13px 20px;
  }
}

@media screen and (max-width: 1199.98px) {
  .nav-right-item .theme-btn {
    padding: 15px 40px;
  }
}

/* Header One */
@media screen and (max-width: 1199.98px) {                                                                                                                                                    .header-one.transparent-header {
    top: 0px;
  }
}
.header-one .container-fluid {
  padding-left: 110px;
  padding-right: 110px;
}


.container-fluid {    padding-left: 110px;
    padding-right: 110px;}
	
@media (max-width: 1650px) {
  .header-one .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
  
.container-fluid {    padding-left: 30px;
    padding-right: 30px;}
}
@media screen and (max-width: 1199.98px) {
  .header-one .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  
  .nav-right-item { 
  display: flex;
  }
  
  
.container-fluid {    padding-left: 15px;
    padding-right: 15px;}
}
.header-one .header-navigation .main-menu ul > li > a {
  color: var(--text-color);
}
.header-one .header-navigation .main-menu ul  li  a:hover {
  color: #d4418f;
}

.header-one .header-navigation .main-menu ul > li > a:after, .header-one .header-navigation .main-menu ul > li.active > a:after  {
	content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    background: #d4418f;
    bottom: 10px;
	   transition: width 0.4s ease;
	}
	
	.header-one .header-navigation .main-menu ul > li > a:hover:after, 	.header-one .header-navigation .main-menu ul > li.active > a:after {width: 100%;}

@media screen and (max-width: 1199.98px) {
  .header-one .header-navigation .main-menu ul > li > a {
    color: var(--heading-color);
  }
}
.header-one .header-navigation .main-menu ul > li .sub-menu li a {
  color: var(--heading-color);
}
.header-one .header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: var(--primary-color);
}
.header-one .header-navigation .main-menu ul > li .sub-menu li:hover > a {
  color: var(--primary-color);
}
.header-one .header-navigation .main-menu ul > li:hover > a {
  color: var(--primary-color);
}
.header-one .header-navigation .nav-right-item .navbar-toggler {
  border-color: #fff;
}
.header-one .header-navigation .nav-right-item .navbar-toggler span {
  background-color: #000;
}

/* Header Two */
.header-two .container-fluid {
  padding-left: 120px;
  padding-right: 120px;
}
@media (max-width: 1650px) {
  .header-two .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .header-two .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-two.transparent-header {
  top: 30px;
}
@media screen and (max-width: 1199.98px) {
  .header-two.transparent-header {
    top: 10px;
  }
}
.header-two .header-navigation .primary-menu {
  padding: 0 25px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 1199.98px) {
  .header-two .header-navigation .primary-menu {
    padding: 15px 25px;
  }
}
@media (max-width: 767.98px) {
  .header-two .header-navigation .primary-menu {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
}
.header-two .header-navigation .main-menu ul > li > a {
  color: var(--white-color);
}
@media screen and (max-width: 1199.98px) {
  .header-two .header-navigation .main-menu ul > li > a {
    color: var(--heading-color);
  }
}
.header-two .header-navigation .main-menu ul > li .sub-menu li a {
  color: var(--heading-color);
}
.header-two .header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: var(--secondary-color);
}
.header-two .header-navigation .main-menu ul > li .sub-menu li:hover > a {
  color: var(--secondary-color);
}
.header-two .header-navigation .main-menu ul > li:hover > a {
  color: var(--secondary-color);
}
.header-two .header-navigation .nav-right-item .search-btn:hover {
  color: var(--secondary-color);
}
.header-two .header-navigation .nav-right-item .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.7);
}
.header-two .header-navigation .nav-right-item .navbar-toggler span {
  background-color: rgba(255, 255, 255, 0.7);
}

/* Header Three */
@media screen and (max-width: 1199.98px) {
  .header-three.transparent-header {
    top: 10px;
  }
}
.header-three .container-fluid {
  padding-left: 120px;
  padding-right: 120px;
}
@media (max-width: 1650px) {
  .header-three .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1199.98px) {
  .header-three .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-three .header-navigation .main-menu ul > li > a {
  color: var(--white-color);
}
@media screen and (max-width: 1199.98px) {
  .header-three .header-navigation .main-menu ul > li > a {
    color: var(--heading-color);
  }
}
.header-three .header-navigation .main-menu ul > li .sub-menu li a {
  color: var(--heading-color);
}
.header-three .header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: var(--primary-color);
}
.header-three .header-navigation .main-menu ul > li .sub-menu li:hover > a {
  color: var(--primary-color);
}
.header-three .header-navigation .main-menu ul > li:hover > a {
  color: var(--primary-color);
}
.header-three .header-navigation .nav-right-item .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.7);
}
.header-three .header-navigation .nav-right-item .navbar-toggler span {
  background-color: rgba(255, 255, 255, 0.7);
}
.header-three .nav-right-item .theme-btn.style-one {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.header-three .nav-right-item .theme-btn.style-one:hover {
  background-color: var(--secondary-color);
}

.page-header.transparent-header {
  top: 10px;
}

/* Sticky Header */
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  margin: 0 auto;
}

.header-one .header-navigation.sticky {
     background-color: #ffffff;
    box-shadow: 2px 2px 7px 6px #cccccca6;
}

.header-two .header-navigation.sticky {
  background-color: rgb(20, 6, 39);
}
.header-two .header-navigation.sticky .primary-menu {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.header-three .header-navigation.sticky {
  background-color: rgb(20, 6, 39);
}

/*======================
    Hero Section  CSS
=======================*/
/* Avatar Box */
.mkhc-avatar-box .avatar-list ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-avatar-box .avatar-list ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mkhc-avatar-box .avatar-list ul li:not(:first-child) {
  margin-left: -15px;
}
.mkhc-avatar-box .avatar-list ul li img {
  width: 55px;
  height: 55px;
  border: 2px solid var(--white-color);
  border-radius: 50%;
}
.mkhc-avatar-box .avatar-list ul li span {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid var(--white-color);
  background-color: var(--primary-color);
  font-weight: 600;
  color: var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Hero One CSS */
.mkhc-hero_one {
  padding: 0px;
}
@media (max-width: 1650px) {
  .mkhc-hero_one {
    padding: 0px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_one {
    padding: 0;
  }
}
.mkhc-hero_one .hero-wrapper {
  position: relative;
  border-radius: 0px;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_one .hero-wrapper {
    border-radius: 0;         background-position: center;
  }
}
.mkhc-hero_one .hero-wrapper .container-fluid {
  padding-left: 110px;
  padding-right: 110px;
}
@media (max-width: 1650px) {
  .mkhc-hero_one .hero-wrapper .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_one .hero-wrapper .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mkhc-hero_one .hero-wrapper .hero-shape {
  position: absolute;
  z-index: -1;
}
.mkhc-hero_one .hero-wrapper .hero-shape.shape-one {
  top: 160px;
  left: 21%;
}
.mkhc-hero_one .hero-wrapper .hero-shape.shape-two {
  bottom: 0;
  right: 0;
  height: 100%;
}
@media (max-width: 767.98px) {
  .mkhc-hero_one .hero-wrapper .hero-shape.shape-two {
    display: none;
  }
}
.mkhc-hero_one .hero-wrapper .hero-image {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1650px) {
  .mkhc-hero_one .hero-wrapper .hero-image {
    max-width: 680px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_one .hero-wrapper .hero-image {
    display: none;
  }
}
.mkhc-hero_one .hero-wrapper .hero-content {
  padding-top: 300px;
  padding-bottom: 140px; max-width:600px; margin:0 auto;
}
@media (max-width: 1650px) {
  .mkhc-hero_one .hero-wrapper .hero-content {
    padding-top: 300px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content {
    padding-top: 200px;
    padding-bottom: 70px;
  }
  
  .hero-wrapper:before {  display:none;  content:'';    position: absolute;
        background: #f6f6f691;
        width: 100%;
        height: 100%;
        top: 0; left:0;}
		
		
  
  
}
@media (max-width: 767.98px) {
	
	.theme-btn  {        padding: 10px 15px;
        font-size: 12px;}
	
  .mkhc-hero_one .hero-wrapper .hero-content {
    padding-top: 150px;
    padding-bottom: 20px;
  }
}
.mkhc-hero_one .hero-wrapper .hero-content .tag-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #c89d3e;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.mkhc-hero_one .hero-wrapper .hero-content .tag-line:before {
	display:none;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: var(--primary-color);
}
@media (max-width: 767.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content .tag-line {
    font-size: 16px;
  }
 
		
}
.mkhc-hero_one .hero-wrapper .hero-content h1 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 32px;
  font-weight:700;
  text-align:center;
}
.mkhc-hero_one .hero-wrapper .hero-content h1 span {
 
 
}
@media (max-width: 1650px) {
  .mkhc-hero_one .hero-wrapper .hero-content h1 {
    font-size: 30px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content h1 {
    font-size: 20px;
  }
}
.mkhc-hero_one .hero-wrapper .hero-content > p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px; text-align:center;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content > p {
    margin: 0 auto 30px;
  }
}
.mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap {
    
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap {
  
  }
   .mkhc-hero_one .hero-wrapper .hero-content > p {
    font-size: 12px;     line-height: 18px;
		}
}
.mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap .mkhc-avatar-box {
  margin-left: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap .mkhc-avatar-box {
    margin-left: 0;
    margin-top: 30px;
  }
}
.mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.mkhc-hero_one .hero-wrapper .hero-content .hero-button-wrap .mkhc-avatar-box .avatar-list .text h6 {
  color: var(--white-color);
}

/* Hero Two CSS */
.mkhc-hero_two .hero-wrapper {
  padding: 230px 0 120px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-wrapper {
    padding: 170px 0px 100px;
  }
}
.mkhc-hero_two .container-fluid {
  padding-left: 120px;
  padding-right: 120px;
}
@media (max-width: 1650px) {
  .mkhc-hero_two .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mkhc-hero_two .hero-content {
  margin-bottom: 120px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-content {
    text-align: center;
    margin-bottom: 60px;
  }
}
.mkhc-hero_two .hero-content h1 {
  color: var(--white-color);
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 84px;
}
@media (max-width: 1650px) {
  .mkhc-hero_two .hero-content h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-content h1 {
    font-size: 40px;
    line-height: 1.3em;
  }
}
.mkhc-hero_two .hero-content h1 .text {
  font-weight: 400;
}
.mkhc-hero_two .hero-content h1 .hero-thumb img {
  border-radius: 100px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-hero_two .hero-content h1 .hero-thumb {
    display: none;
  }
}
.mkhc-hero_two .hero-content p {
  color: var(--white-color);
  max-width: 595px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-content p {
    margin: 0 auto 40px;
  }
}
.mkhc-hero_two .hero-content .mkhc-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-content .mkhc-button-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-content .mkhc-button-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mkhc-hero_two .hero-content .mkhc-button-wrapper .mkhc-avatar-box {
  margin-left: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-content .mkhc-button-wrapper .mkhc-avatar-box {
    margin-left: 0;
    margin-top: 30px;
  }
}
.mkhc-hero_two .hero-content .mkhc-button-wrapper .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-content .mkhc-button-wrapper .mkhc-avatar-box .avatar-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mkhc-hero_two .hero-content .mkhc-button-wrapper .mkhc-avatar-box .avatar-list ul li span {
  background-color: var(--secondary-color);
}
.mkhc-hero_two .hero-content .mkhc-button-wrapper .mkhc-avatar-box .avatar-list .text h6 {
  color: var(--white-color);
}
.mkhc-hero_two .text-box {
  max-width: 320px;
  margin-left: auto;
  margin-top: 55px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .text-box {
    margin-left: auto;
    margin: 0 auto 50px;
    text-align: center;
  }
}
.mkhc-hero_two .text-box h3 {
  color: var(--white-color);
  font-size: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .text-box h3 {
    font-size: 24px;
  }
}
.mkhc-hero_two .text-box .counter-box h2 {
  font-size: 100px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white-color);
  color: transparent;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .text-box .counter-box h2 {
    font-size: 30px;
  }
}
.mkhc-hero_two .text-box .counter-box span {
  color: var(--white-color);
}
.mkhc-hero_two .hero-image-wrapper {
  position: relative;
  max-width: 1740px;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  border-radius: 80px;
  border: 3px solid var(--secondary-color);
  margin-bottom: -465px;
  z-index: 1;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-image-wrapper {
    margin-bottom: 0;
    padding: 15px;
    border-radius: 30px;
    width: 80%;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-image-wrapper {
    width: 100%;
    border-radius: 15px;
  }
}
.mkhc-hero_two .hero-image-wrapper .hero-image img {
  border-radius: 60px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-image-wrapper .hero-image img {
    border-radius: 30px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_two .hero-image-wrapper .hero-image img {
    border-radius: 15px;
  }
}
.mkhc-hero_two .hero-image-wrapper .play-button {
  position: absolute;
  bottom: -70px;
  right: 15%;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-image-wrapper .play-button {
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    width: 80px;
    height: 80px;
  }
}
.mkhc-hero_two .hero-image-wrapper .play-button:after {
  position: absolute;
  top: -33px;
  left: -125px;
  content: "";
  width: 400px;
  height: 74px;
  background: url(../images/home-two/hero/play-shape.png) no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_two .hero-image-wrapper .play-button:after {
    display: none;
  }
}

/* Hero Three CSS */
.mkhc-hero_three {
  margin: 30px;
}
@media (max-width: 1650px) {
  .mkhc-hero_three {
    margin: 0 15px 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_three {
    margin: 0 0 30px;
  }
}
.mkhc-hero_three .hero-wrapper {
  padding: 270px 0 180px;
  border-radius: 60px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1650px) {
  .mkhc-hero_three .hero-wrapper {
    border-radius: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_three .hero-wrapper {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_three .hero-wrapper {
    padding: 200px 0 120px;
  }
}
.mkhc-hero_three .hero-wrapper .container-fluid {
  padding-left: 120px;
  padding-right: 120px;
}
@media (max-width: 1650px) {
  .mkhc-hero_three .hero-wrapper .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_three .hero-wrapper .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mkhc-hero_three .hero-wrapper .hero-content .tag-line {
  font-size: 20px;
  font-weight: 500;
  padding: 12px 30px;
  border-radius: 40px;
  line-height: 1;
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  margin-bottom: 10px;
}
.mkhc-hero_three .hero-wrapper .hero-content h1 {
  color: var(--white-color);
  margin-bottom: 30px;
  font-size: 100px;
}
@media (max-width: 1650px) {
  .mkhc-hero_three .hero-wrapper .hero-content h1 {
    font-size: 65px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_three .hero-wrapper .hero-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_three .hero-wrapper .hero-content h1 {
    font-size: 36px;
    line-height: 1.4em;
  }
}
.mkhc-hero_three .hero-wrapper .hero-content p {
  color: var(--white-color);
  max-width: 765px;
  margin-bottom: 40px;
}
@media (max-width: 1650px) {
  .mkhc-hero_three .hero-wrapper .hero-content p {
    max-width: 600px;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-hero_three .hero-wrapper .hero-content p {
    max-width: 500px;
    margin: 0 auto 40px;
  }
}
.mkhc-hero_three .hero-wrapper .hero-content .mkhc-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_three .hero-wrapper .hero-content .mkhc-button-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .mkhc-hero_three .hero-wrapper .hero-content .mkhc-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mkhc-hero_three .hero-wrapper .hero-content .mkhc-button-wrap .theme-btn.style-one {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.mkhc-hero_three .hero-wrapper .hero-content .mkhc-avatar-box {
  margin-left: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-hero_three .hero-wrapper .hero-content .mkhc-avatar-box {
    margin-left: 0;
    margin-top: 30px;
  }
}
.mkhc-hero_three .hero-wrapper .hero-content .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.mkhc-hero_three .hero-wrapper .hero-content .mkhc-avatar-box .avatar-list h6 {
  color: var(--white-color);
}
.mkhc-hero_three .hero-wrapper .hero-image-slider-wrap {
  position: absolute;
  bottom: -25%;
  right: 80px;
  max-width: 630px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.hero-3 {
    background-color: #ededef;
    top: 0;
	position: relative !important;
}

.hero-3 .slider-pagination {
    position: absolute;
    top: 38%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 48px;
	    bottom: inherit;
}

@media (max-width: 1799px) {
    .hero-3 .slider-pagination {
        left: 0
    }
}

@media (max-width: 991px) {
    .hero-3 .slider-pagination {
        top: 86%;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 575px) {
    .hero-3 .slider-pagination {
        display: none !important
    }
}

.hero-3 .slider-pagination::before,
.hero-3 .slider-pagination::after {
    width: 1px;
    height: 130px;
    position: absolute;
    content: "";
    left: 20px;
    top: 154px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--th-border-color)
}

@media (max-width: 991px) {

    .hero-3 .slider-pagination::before,
    .hero-3 .slider-pagination::after {
        display: none
    }
}

.hero-3 .slider-pagination::after {
    top: -188px
}

.hero-3 .slider-pagination .swiper-pagination-bullet {
    display: block;
    margin-bottom: 16px;
    background-color: transparent;
    border: 1px solid rgba(211, 219, 226, 0.5)
}

.hero-3 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--white-color)
}

.hero-3 .slider-pagination .swiper-pagination-bullet:before {
    background-color: var(--white-color)
}

@media (max-width: 991px) {
    .hero-3 .slider-pagination .swiper-pagination-bullet {
        display: inline-block;
        margin-bottom: 0
    }
}

.hero-3 .slider-pagination .swiper-pagination-bullet:last-child {
    margin-bottom: 0
}


@media (max-width: 1650px) {
  .mkhc-hero_three .hero-wrapper .hero-image-slider-wrap {
    max-width: 500px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-hero_three .hero-wrapper .hero-image-slider-wrap {
    display: none;
  }
}
.mkhc-hero_three .hero-wrapper .hero-image-slider-wrap .hero-image-slider-top, .mkhc-hero_three .hero-wrapper .hero-image-slider-wrap .hero-image-slider-bottom {
  width: 100%;
  visibility: visible;
  opacity: 1;
}
.mkhc-hero_three .hero-wrapper .hero-image-slider-wrap .hero-image {
  margin-bottom: 30px;
}
.mkhc-hero_three .hero-wrapper .hero-image-slider-wrap .hero-image img {
  width: 300px;
  height: 330px;
  border-radius: 30px;
}

/* Page Banner CSS */
.page-hero {
  padding: 160px 0 20px;
}
.page-hero .page-content h1 {
  color: #2b317f;
  font-size: 20px;
  margin-bottom: 10px;
     font-weight: 600;
}
@media (max-width: 767.98px) {
    
        .header-one.transparent-header {
         padding: 0 15px;
    }
  .page-hero .page-content h1 {
    font-size: 20px;
  }
  .page-hero {
  padding: 150px 15px 20px;
}
}
.page-hero .page-content ul li {
  display: inline-block;
  color: #000;
  font-size: 13px;
  line-height: 20px;
}
.page-hero .page-content ul li:not(:last-child):after {
  display: inline-block;
  content: "/";
  font-family: "Font Awesome 5 Pro";
  margin-left: 8px;
  margin-right: 5px;
}

/* Animate Slide */
.animated-text-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.animated-text-slide .oriba-scroll-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -webkit-animation: mkhcTextScrollLeft 35s linear infinite;
          animation: mkhcTextScrollLeft 35s linear infinite;
}
.animated-text-slide .scroll-text-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.animated-text-slide .scroll-text-inner .text {
  font-weight: 500;
  color: var(--heading-color);
  font-size: 50px;
  font-family: var(--heading-font);
}
@media (max-width: 767.98px) {
  .animated-text-slide .scroll-text-inner .text {
    font-size: 30px;
  }
}
.animated-text-slide .scroll-text-inner .icon {
  font-size: 30px;
  color: var(--heading-color);
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  .animated-text-slide .scroll-text-inner .icon {
    font-size: 20px;
  }
}
.animated-text-slide.style-two {
  background-color: var(--secondary-color);
  padding: 20px 0;
}
.animated-text-slide.style-two .scroll-text-inner .text {
  color: var(--white-color);
  font-size: 36px;
}
.animated-text-slide.style-two .scroll-text-inner .icon {
  color: var(--white-color);
  font-size: 36px;
}

@-webkit-keyframes mkhcTextScrollLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes mkhcTextScrollLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/*======================
    About Section  CSS
=======================*/
.mkhc-about_one {
  position: relative;
  z-index: 1;
}
.mkhc-about_one .shape {
  position: absolute;
  right: 0;
  bottom: 60px;
}
@media (max-width: 1650px) {
  .mkhc-about_one .shape {
    max-width: 300px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_one .shape {
    display: none;
  }
}
.mkhc-about_one .mkhc-image-box {
  position: relative;
  z-index: 1;
}
.mkhc-about_one .mkhc-image-box .image_one img {
  border-radius: 30px;
}
.mkhc-about_one .mkhc-image-box .image_two {
  position: absolute;
  bottom: 50px;
  right: 0;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_one .mkhc-image-box .image_two {
    right: 180px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-about_one .mkhc-image-box .image_two {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: -70px;
    text-align: center;
  }
}
.mkhc-about_one .mkhc-content-box {
  padding-left: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_one .mkhc-content-box {
    padding-left: 0;
  }
}
.mkhc-about_one .mkhc-content-box .check-list {
  max-width: 350px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_one .mkhc-content-box .check-list {
    max-width: 430px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-about_one .mkhc-content-box .check-list {
    max-width: 100%;
  }
}

.mkhc-about_two {
  padding-top: 535px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_two {
    padding-top: 120px;
  }
}
.mkhc-about_two .shape {
  position: absolute;
  top: 450px;
  left: 0;
}
@media (max-width: 1650px) {
  .mkhc-about_two .shape {
    max-width: 230px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_two .shape {
    display: none;
  }
}
.mkhc-about_two .mkhc-content-box {
  padding-left: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-about_two .mkhc-content-box {
    padding-left: 0;
  }
}
.mkhc-about_two .mkhc-content-box h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.mkhc-about_two .mkhc-content-box h3:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: var(--heading-color);
  margin-left: 10px;
}
.mkhc-about_two .mkhc-content-box > p {
  margin-bottom: 30px;
}
.mkhc-about_two .mkhc-content-box .check-list.style-one li:not(:last-child) {
  margin-bottom: 21px;
}
.mkhc-about_two .mkhc-content-box .check-list.style-one i {
  color: var(--secondary-color);
}
.mkhc-about_two .mkhc-content-box > h5 {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

.mkhc-about_three .mkhc-text-box h2 {
  font-size: 52px;
}
@media (max-width: 1650px) {
  .mkhc-about_three .mkhc-text-box h2 {
    font-size: 44px;
  }
}
@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
  .mkhc-about_three .mkhc-text-box h2 {
    font-size: 38px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-about_three .mkhc-text-box h2 {
    font-size: 22px;
    line-height: 2em;
  }
}
.mkhc-about_three .mkhc-text-box h2 .fill-text {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--heading-color);
  color: transparent;
  display: block;
}
.mkhc-about_three .mkhc-text-box h2 .image_one {
  border-radius: 100px;
}

.mkhc-about_four .mkhc-image-box {
  position: relative;
  min-height: 635px;
  z-index: 1;
}
.mkhc-about_four .mkhc-image-box .mkhc-image.image_one img {
  border-radius: 30px;
}
.mkhc-about_four .mkhc-image-box .mkhc-image.image_two {
  position: absolute;
  right: 30px;
  bottom: 0;
}
.mkhc-about_four .mkhc-image-box .shape {
  position: absolute;
  z-index: -1;
}
.mkhc-about_four .mkhc-image-box .shape.shape-one {
  left: 15px;
  bottom: 35px;
}
.mkhc-about_four .mkhc-image-box .shape.shape-two {
  top: 0;
  right: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-about_four .mkhc-image-box .shape {
    display: none;
  }
}
.mkhc-about_four .mkhc-content-box > p {
  margin-bottom: 25px;
}

/*======================
    Features Section  CSS
=======================*/
.mkhc-iconic-left-box.style-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-iconic-left-box.style-one .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70px;
  margin-right: 20px;
}
.mkhc-iconic-left-box.style-one .content h5 {
  margin-bottom: 8px;
}
.mkhc-iconic-left-box.style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-iconic-left-box.style-two .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background-color: #FBEAEB;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-iconic-left-box.style-two .content h5 {
  font-weight: 500;
  line-height: 30px;
}

.mkhc-iconic-box.style-one {
  position: relative;
  background-color: var(--gray-color);
  padding: 40px 40px 35px;
  border-radius: 20px;
  border: 1px solid transparent;
}
.mkhc-iconic-box.style-one:hover .box-border {
  visibility: visible;
  opacity: 1;
}
.mkhc-iconic-box.style-one:hover .icon-wrap .icon img {
  -webkit-filter: brightness(1) invert(0);
          filter: brightness(1) invert(0);
  opacity: 1;
}
.mkhc-iconic-box.style-one .box-border {
  position: absolute;
  inset: -2px;
  border-radius: 20px;
  background: linear-gradient(264deg, #F63 -31.73%, #6D2CF9 120.95%);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-iconic-box.style-one .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mkhc-iconic-box.style-one .icon-wrap .number {
  font-family: var(--heading-font);
  font-size: 54px;
  color: rgba(121, 126, 136, 0.2);
}
.mkhc-iconic-box.style-one .icon-wrap .icon img {
  -webkit-filter: brightness(10) invert(1);
          filter: brightness(10) invert(1);
  opacity: 0.1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-iconic-box.style-one .content {
  padding-top: 110px;
}
@media (max-width: 1650px) {
  .mkhc-iconic-box.style-one .content {
    padding-top: 100px;
  }
}
.mkhc-iconic-box.style-one .content h4.title {
  margin-bottom: 20px;
  font-size: 24px;
}
@media (max-width: 1650px) {
  .mkhc-iconic-box.style-one .content h4.title {
    font-size: 22px;
  }
}
.mkhc-iconic-box.style-two {
  position: relative;
  background-color: var(--white-color);
  padding: 40px;
  z-index: 1;
  border-radius: 30px;
  overflow: hidden;
}
.mkhc-iconic-box.style-two:hover .icon img {
  -webkit-filter: brightness(1) invert(0);
          filter: brightness(1) invert(0);
}
.mkhc-iconic-box.style-two:hover .content .read-more.style-one {
  color: var(--primary-color);
}
.mkhc-iconic-box.style-two .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.mkhc-iconic-box.style-two .sn-number {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--heading-font);
  color: var(--heading-color);
  margin-bottom: 55px;
}
.mkhc-iconic-box.style-two .icon {
  margin-bottom: 22px;
}
.mkhc-iconic-box.style-two .icon img {
  -webkit-filter: brightness(0) invert(0);
          filter: brightness(0) invert(0);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.mkhc-iconic-box.style-two .content .title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-iconic-box.style-two .content .title {
    font-size: 24px;
  }
}
.mkhc-iconic-box.style-two .content p {
  margin-bottom: 25px;
}
.mkhc-iconic-box.style-two .content .read-more.style-one {
  color: var(--heading-color);
  font-weight: 700;
}
.mkhc-iconic-box.style-two .content .read-more.style-one i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mkhc-iconic-box.style-three .icon {
  margin-bottom: 25px;
}
.mkhc-iconic-box.style-three .content h5 {
  margin-bottom: 15px;
}
.mkhc-iconic-box.style-four {
  text-align: center;
  padding: 0 30px;
}
.mkhc-iconic-box.style-four .icon {
  width: 90px;
  height: 90px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white-color);
  margin-bottom: 33px;
}
.mkhc-iconic-box.style-four .content h4 {
  margin-bottom: 20px;
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .mkhc-iconic-box.style-four .content h4 {
    font-size: 18px;
  }
}
.mkhc-iconic-box.style-five {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  background-color: var(--white-color);
  text-align: center;
  padding: 40px 40px 30px;
}
@media (max-width: 1650px) {
  .mkhc-iconic-box.style-five {
    padding: 30px 30px 20px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-iconic-box.style-five {
    padding: 40px 40px 30px;
  }
}
.mkhc-iconic-box.style-five .shape {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.mkhc-iconic-box.style-five .icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background-color: var(--gray-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.mkhc-iconic-box.style-five .content h4 {
  font-size: 24px;
  margin-bottom: 15px;
}
@media (max-width: 1650px) {
  .mkhc-iconic-box.style-five .content h4 {
    font-size: 18px;
  }
}

.mkhc-content-item.style-one .content .title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 13px;
}
.mkhc-content-item.style-two {
  border: 1px solid #797E88;
  padding: 25px 20px;
  border-radius: 20px;
}
.mkhc-content-item.style-two .content h5 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 500;
}
.mkhc-content-item.style-three {
  border-radius: 30px;
  background-color: transparent;
  border: 1px solid var(--border-color);
  padding: 23px 30px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767.98px) {
  .mkhc-content-item.style-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mkhc-content-item.style-three:hover {
  background-color: #F8F8F8;
  border-color: transparent;
}
.mkhc-content-item.style-three .sn-number {
  margin-right: 15px;
  margin-top: 7px;
  font-size: 24px;
  color: var(--heading-color);
  font-weight: 500;
  font-family: var(--heading-font);
}
@media (max-width: 767.98px) {
  .mkhc-content-item.style-three .sn-number {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.mkhc-content-item.style-three .content .title {
  font-size: 24px;
  margin-bottom: 5px;
}
@media (max-width: 767.98px) {
  .mkhc-content-item.style-three .content .title {
    font-size: 18px;
  }
}

/* Features Section CSS */
.mkhc-features_one .mkhc-support-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-features_one .mkhc-support-box .thumb {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 80px;
  margin-right: 50px;
}
.mkhc-features_one .mkhc-support-box .thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid var(--secondary-color);
}
.mkhc-features_one .mkhc-support-box .thumb .icon {
  position: absolute;
  top: 10px;
  right: -40px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 2px solid var(--white-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-features_one .mkhc-support-box .info h5 {
  margin-bottom: 5px;
}
.mkhc-features_one .features-wrapper {
  background-color: var(--gray-color);
  border-radius: 60px;
  padding: 60px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-features_one .features-wrapper {
    padding: 30px;
    border-radius: 30px;
  }
}
.mkhc-features_one .features-wrapper .nav-tabs {
  border-bottom: none;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-features_one .features-wrapper .nav-tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mkhc-features_one .features-wrapper li:not(:last-child) {
  margin-right: 30px;
}
.mkhc-features_one .features-wrapper .nav-link {
  padding: 17px 30px;
  line-height: 1;
  border: 1px solid var(--border-color);
  background-color: transparent;
  border-radius: 50px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
}
.mkhc-features_one .features-wrapper .nav-link.active {
  background-color: var(--primary-color);
  color: var(--white-color);
  border-color: transparent;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-features_one .features-wrapper .nav-link {
    padding: 15px 20px;
  }
}
.mkhc-features_one .features-wrapper .mkhc-content-box h4 {
  margin-bottom: 20px;
}
.mkhc-features_one .features-wrapper .mkhc-content-box p {
  margin-bottom: 20px;
}
.mkhc-features_one .features-wrapper .mkhc-content-box .counter-box-wrapper {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 30px;
}
.mkhc-features_one .features-wrapper .mkhc-content-box .check-list.style-one li:not(:last-child) {
  margin-bottom: 25px;
}
.mkhc-features_one .features-wrapper .mkhc-content-box .check-list.style-one li i {
  color: var(--secondary-color);
}
.mkhc-features_one .features-wrapper .mkhc-image img {
  border-radius: 30px;
}

.mkhc-features_two .mkhc-image-box {
  position: relative;
  min-height: 545px;
}
.mkhc-features_two .mkhc-image-box .mkhc-avatar-box {
  position: absolute;
  bottom: 0;
  left: 60px;
  margin-right: -60px;
  z-index: 1;
}
.mkhc-features_two .mkhc-image img {
  border-radius: 30px;
}
.mkhc-features_two .mkhc-avatar-box {
  border-radius: 20px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.07);
  padding: 30px 20px;
}
.mkhc-features_two .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.mkhc-features_two .mkhc-avatar-box .avatar-list ul li img {
  width: 48px;
  height: 48px;
}
.mkhc-features_two .mkhc-avatar-box .avatar-list ul li span {
  width: 48px;
  height: 48px;
}
.mkhc-features_two .mkhc-content-box .mkhc-content-item {
  max-width: 455px;
}

.mkhc-features_three {
  padding: 20px 10px;
  margin: 0 30px;
  border-radius: 30px;
}
@media (max-width: 1650px) {
  .mkhc-features_three {
    margin: 0;
    border-radius: 0;
  }
}
.mkhc-features_three .mkhc-image {
  position: relative;
}
.mkhc-features_three .mkhc-image img {
  border-radius: 30px;
}
.mkhc-features_three .mkhc-avatar-box {
  position: absolute;
  bottom: 30px;
  left: 30px;
  border-radius: 30px;
  background-color: var(--white-color);
  padding: 20px;
}
.mkhc-features_three .mkhc-avatar-box .avatar-list h3 {
  font-weight: 500;
  margin-bottom: 10px;
}
.mkhc-features_three .mkhc-avatar-box .avatar-list h5 {
  font-weight: 500;
  margin-bottom: 15px;
}
.mkhc-features_three .mkhc-content-box {
  padding-right: 270px;
}
@media (max-width: 1650px) {
  .mkhc-features_three .mkhc-content-box {
    padding-right: 0;
  }
}

/* Technology Section */
.mkhc-technology-sec {
  position: relative;
  z-index: 1;
  margin: 30px;
  background-color: var(--gray-color);
  border-radius: 30px;
}
.mkhc-technology-sec .tech-bg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50px;
  width: 47%;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-technology-sec .tech-bg {
    display: none;
  }
}

/* Who Section CSS */
.mkhc-we_one {
  position: relative;
  z-index: 1;
}
.mkhc-we_one .shape {
  position: absolute;
  right: 80px;
  bottom: 120px;
  z-index: -1;
}
@media (max-width: 1650px) {
  .mkhc-we_one .shape {
    max-width: 150px;
    right: 40px;
    bottom: 40px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-we_one .shape {
    display: none;
  }
}
.mkhc-we_one .mkhc-image-box {
  position: relative;
}
.mkhc-we_one .mkhc-image-box .mkhc-client-box {
  position: absolute;
  bottom: 30px;
  left: 30px;
  border-radius: 20px;
  padding: 10px;
  background-color: var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .mkhc-we_one .mkhc-image-box .mkhc-client-box {
    left: 10px;
    bottom: 10px;
  }
}
.mkhc-we_one .mkhc-image-box .mkhc-client-box .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 115px;
}
.mkhc-we_one .mkhc-image-box .mkhc-client-box .thumb img {
  border-radius: 10px;
}
.mkhc-we_one .mkhc-image-box .mkhc-client-box .content {
  padding: 0 30px;
}
@media (max-width: 767.98px) {
  .mkhc-we_one .mkhc-image-box .mkhc-client-box .content {
    padding: 0 20px 0 15px;
  }
}
.mkhc-we_one .mkhc-image-box .mkhc-client-box .content h5 {
  line-height: 28px;
}
.mkhc-we_one .mkhc-image-box .mkhc-image img {
  border-radius: 30px;
}
.mkhc-we_one .mkhc-content-box > p {
  margin-bottom: 30px;
}
.mkhc-we_one .mkhc-content-box .check-list li:not(:last-child) {
  margin-bottom: 20px;
}
.mkhc-we_one .mkhc-content-box .iconic-box-wrapper {
  border-top: 1px solid var(--border-color);
  padding-top: 30px;
}
.mkhc-we_one .mkhc-content-box .iconic-box-wrapper .item-column {
  position: relative;
}
.mkhc-we_one .mkhc-content-box .iconic-box-wrapper .item-column:not(:last-child):after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: "";
  width: 1px;
  height: 60px;
  margin-left: 30px;
  margin-right: 40px;
  background-color: var(--border-color);
}
@media (max-width: 767.98px) {
  .mkhc-we_one .mkhc-content-box .iconic-box-wrapper .item-column:not(:last-child):after {
    display: none;
  }
}

.mkhc-we_two .mkhc-content-box {
  padding-right: 50px;
}
.mkhc-we_two .mkhc-content-box > p {
  margin-bottom: 30px;
}
.mkhc-we_two .mkhc-content-box .iconic-box-wrapper {
  border-top: 1px solid var(--border-color);
  padding-top: 30px;
}
.mkhc-we_two .mkhc-content-box .iconic-box-wrapper .item-column {
  position: relative;
}
.mkhc-we_two .mkhc-content-box .iconic-box-wrapper .item-column:not(:last-child):after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: "";
  width: 1px;
  height: 60px;
  margin-left: 30px;
  margin-right: 40px;
  background-color: var(--border-color);
}
@media (max-width: 767.98px) {
  .mkhc-we_two .mkhc-content-box .iconic-box-wrapper .item-column:not(:last-child):after {
    display: none;
  }
}
.mkhc-we_two .mkhc-image img {
  border-radius: 30px;
}

/* Choose Section CSS */
.mkhc-choose_one {
  margin: 0 0px;
}
@media (max-width: 1650px) {
  .mkhc-choose_one {
    margin: 0 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-choose_one {
    margin: 0;
  }
}

.mkhc-choose_one.projectPage .mkhc-choose-wrapper {
  background-color: var(--heading-color);
  border-radius: 0px;
  overflow: hidden;
  padding: 50px 0px;
}

.mkhc-choose_one .mkhc-choose-wrapper {
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
  padding: 50px 0px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-choose_one .mkhc-choose-wrapper {
    padding: 30px 30px;
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .mkhc-choose_one .mkhc-choose-wrapper {
    padding: 30px 15px;
    border-radius: 0;
  }
}
.mkhc-choose_one .mkhc-image {
  position: relative;
  margin-right: 50px;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-image {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-choose_one .mkhc-image {
    margin-right: 0;
  }
}
.mkhc-choose_one .mkhc-image img {
  border-radius: 0px;
}
.mkhc-choose_one .mkhc-image .mkhc-rating-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 5px 20px 15px;
  background-color: var(--white-color);
  border-radius: 20px;
}
.mkhc-choose_one .mkhc-content-box {
  padding-top: 0px;
  padding-left: 0px;
  margin-right: 0px;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-content-box {
    margin-right: 0;
    padding-left: 0px;
  }
}

@media (max-width: 1199.98px) {
	    .mkhc-choose_one .mkhc-content-box {
        margin-right: 0;
        padding-left: 0px;
        position: relative;
    }
}
.mkhc-choose_one .mkhc-content-box > p {
  color: var(--white-color);
  margin-bottom: 30px;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-content-box > p {
    margin-bottom: 20px;
  }
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 0;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
			    border-bottom: none;
    border-top: none;
	        margin-bottom: 0px;
  }
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box {
  padding-right: 60px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box {
    padding-right: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content {
    display: none;
  }
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content .number h2 {
  background: -webkit-gradient(linear, left top, right top, from(#5a00ff), to(#ff4da6));
  background: linear-gradient(90deg, #5a00ff, #ff4da6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 194px;
  line-height: 165px;
  font-weight: 700;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content .number h2 {
    font-size: 145px;
  }
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content .number .symbol {
  width: 90px;
  margin-top: 15px;
  margin-left: 10px;
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content h4 {
  color: var(--white-color);
  margin-top: 15px;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .experience-box .content h4 {
    margin-top: 0;
  }
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .iconic-box-list {
  padding: 35px 30px 5px 60px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    width: 50%;
}
@media (max-width: 1650px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .iconic-box-list {
    padding: 35px 30ox 5px 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .iconic-box-list {
    border-right: none;
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .iconic-box-list {
    border-top: rgba(255, 255, 255, 0.2);
    padding: 40px 0 10px;
    border-right: none;
	width:100%;
  }
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .iconic-box-list .mkhc-iconic-left-box.style-one .content h5 {
  color: var(--white-color);
}
.mkhc-choose_one .mkhc-content-box .experience-iconic-wrapper .iconic-box-list .mkhc-iconic-left-box.style-one .content p {
  color: rgba(255, 255, 255, 0.7);
}

.mkhc-choose_two .mkhc-image-box {
  min-height: 460px;
  position: relative;
}
.mkhc-choose_two .mkhc-image-box .mkhc-image img {
  border-radius: 30px;
}
.mkhc-choose_two .mkhc-image-box .mkhc-image.image_one {
  position: absolute;
  top: 0;
  left: 35px;
}
.mkhc-choose_two .mkhc-image-box .mkhc-image.image_one img {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media (max-width: 767.98px) {
  .mkhc-choose_two .mkhc-image-box .mkhc-image.image_one {
    left: auto;
    top: auto;
    position: relative;
  }
}
.mkhc-choose_two .mkhc-image-box .mkhc-image.image_two {
  text-align: right;
}
.mkhc-choose_two .mkhc-image-box .mkhc-ratings-box {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 30px;
  -webkit-box-shadow: 0 10px 46px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 46px 0 rgba(0, 0, 0, 0.07);
}
.mkhc-choose_two .mkhc-image-box .mkhc-ratings-box h3 {
  margin-bottom: 5px;
}
.mkhc-choose_two .mkhc-image-box .mkhc-ratings-box h5 {
  margin-bottom: 20px;
}
.mkhc-choose_two .mkhc-image-box .mkhc-ratings-box .avatar-list ul li span {
  background-color: var(--secondary-color);
}
.mkhc-choose_two .mkhc-content-box {
  padding-left: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-choose_two .mkhc-content-box {
    padding-left: 0;
  }
}
.mkhc-choose_two .mkhc-content-box > p {
  margin-bottom: 25px;
}
.mkhc-choose_two .mkhc-content-box h5 {
  font-size: 20px;
  line-height: 30px;
}

/* Orbia Work Section */
.mkhc-work-sec .mkhc-content-box {
  padding-right: 40px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-work-sec .mkhc-content-box {
    padding-right: 0;
  }
}
.mkhc-work-sec .mkhc-image {
  margin-right: -30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-work-sec .mkhc-image {
    margin-right: 0;
  }
}
.mkhc-work-sec .mkhc-image img {
  border-radius: 30px;
}

/* Approach Section */
.mkhc-approach-sec {
  overflow: hidden;
  padding: 30px 0 0;
}
.mkhc-approach-sec .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1650px) {
  .mkhc-approach-sec .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mkhc-approach-sec .mkhc-content-box {
  padding-right: 300px;
  padding-left: 35px;
}
@media (max-width: 1650px) {
  .mkhc-approach-sec .mkhc-content-box {
    padding-right: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-approach-sec .mkhc-content-box {
    padding-left: 0;
  }
}
.mkhc-approach-sec .mkhc-content-box > p {
  margin-bottom: 30px;
}
@media (max-width: 1650px) {
  .mkhc-approach-sec .mkhc-content-box > p {
    margin-bottom: 15px;
  }
}
.mkhc-approach-sec .mkhc-content-box h4 {
  margin-bottom: 30px;
  font-size: 24px;
}
@media (max-width: 1650px) {
  .mkhc-approach-sec .mkhc-content-box h4 {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-approach-sec .mkhc-content-box h4 {
    font-size: 18px;
  }
}
.mkhc-approach-sec .mkhc-content-box .mkhc-counter-wrap {
  max-width: 500px;
}
.mkhc-approach-sec .mkhc-content-box .mkhc-counter-box {
  max-width: 235px;
  border-radius: 30px;
  padding: 20px 30px;
  border: 1px solid var(--border-color);
}
.mkhc-approach-sec .mkhc-content-box .mkhc-counter-box .content h3 {
  margin-bottom: 5px;
}
.mkhc-approach-sec .mkhc-image {
  position: relative;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-approach-sec .mkhc-image {
    margin-bottom: 50px;
  }
}
.mkhc-approach-sec .mkhc-image .experience-box {
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #f8f8f8;
  border-radius: 0 15px 0;
  padding: 5px 15px;
}
.mkhc-approach-sec .mkhc-image .experience-box .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-approach-sec .mkhc-image .experience-box .content h5 {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid var(--border-color);
}

/*======================
    Service Section  CSS
=======================*/
.service-slider {
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 991.98px) {
  .service-slider {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.service-slider .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (max-width: 991.98px) {
  .service-slider .slick-slide {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.mkhc-service-card {
  border-radius: 30px;
  padding: 30px 40px 35px;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1650px) {
  .mkhc-service-card {
    padding: 30px 30px 35px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service-card {
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.mkhc-service-card.item-active, .mkhc-service-card:hover {
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(52px);
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service-card.item-active, .mkhc-service-card:hover {
    border-color: transparent;
  }
}
.mkhc-service-card .content p {
  height: 380px;
  padding-bottom: 50px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service-card .content p {
    height: 200px;
  }
}
.mkhc-service-card .content .icon {
  margin-bottom: 40px;
}
.mkhc-service-card .content .title {
  color: var(--white-color);
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 1650px) {
  .mkhc-service-card .content .title {
    font-size: 24px;
  }
}

.mkhc-service_one {
  margin: 0 30px;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 1650px) {
  .mkhc-service_one {
    margin: 0 15px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service_one {
    margin: 0;
    border-radius: 0;
  }
}
.mkhc-service_one .container-fluid {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 1650px) {
  .mkhc-service_one .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service_one .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mkhc-service_one .item-column {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service_one .item-column {
    border-right: 0;
  }
  .mkhc-service_one .item-column:not(:last-child) {
    margin-bottom: 40px;
  }
}

.mkhc-service_two .container-fluid {
  padding-left: 0;
  padding-right: 0px;
}
@media (max-width: 1650px) {
  .mkhc-service_two .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service_two .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.mkhc-service_two .service-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 15px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-service_two .service-arrows {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.mkhc-service_two .service-arrows .slick-arrow {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background-color: var(--white-color);
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-service_two .service-arrows .slick-arrow:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

.mkhc-service_three .mkhc-service-list .nav-tabs {
  border-bottom: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mkhc-service_three .mkhc-service-list .nav-tabs li:not(:last-child) {
  margin-bottom: 30px;
}
.mkhc-service_three .mkhc-service-list .nav-tabs .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-radius: 30px;
  border: 1px solid var(--border-color);
  display: flex;
  padding: 20px;
  font-size: 24px;
  color: var(--heading-color);
  font-weight: 500;
  margin-bottom: 0;
  background-color: #F8F8F8;
}
@media (max-width: 1650px) {
  .mkhc-service_three .mkhc-service-list .nav-tabs .nav-link {
    padding: 15px 20px;
  }
}
.mkhc-service_three .mkhc-service-list .nav-tabs .nav-link .icon-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--border-color);
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 18px;
}
.mkhc-service_three .mkhc-service-list .nav-tabs .nav-link .icon-btn i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-service_three .mkhc-service-list .nav-tabs .nav-link:hover, .mkhc-service_three .mkhc-service-list .nav-tabs .nav-link.active {
  background-color: var(--white-color);
  border-color: var(--primary-color);
}
.mkhc-service_three .mkhc-service-list .nav-tabs .nav-link:hover .icon-btn, .mkhc-service_three .mkhc-service-list .nav-tabs .nav-link.active .icon-btn {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.mkhc-service_three .mkhc-service-list .nav-tabs .nav-link:hover .icon-btn i, .mkhc-service_three .mkhc-service-list .nav-tabs .nav-link.active .icon-btn i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.mkhc-service_three .mkhc-image {
  margin-left: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-service_three .mkhc-image {
    margin-left: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-service_three .mkhc-image {
    margin-bottom: 30px;
  }
}
.mkhc-service_three .mkhc-image img {
  width: 100%;
  border-radius: 30px;
}
.mkhc-service_three .mkhc-content-box h5 {
  margin-bottom: 15px;
}
.mkhc-service_three .mkhc-content-box p {
  margin-bottom: 15px;
}
.mkhc-service_three .mkhc-content-box .check-list {
  margin-bottom: 30px;
}
.mkhc-service_three .mkhc-content-box .check-list li:before {
  background-color: var(--primary-color);
}

/* Service Details Wrapper */
.service-details-wrapper .service-main-item .thumbnail img {
  border-radius: 30px;
}
.service-details-wrapper .service-main-item .content h3 {
  margin-bottom: 20px;
}
.service-details-wrapper .service-main-item .content p {
  margin-bottom: 30px;
}
.service-details-wrapper .service-main-item .content .mkhc-content-item .content p {
  margin-bottom: 0;
}
.service-details-wrapper .service-main-item .mkhc-image img {
  border-radius: 30px;
}

/*======================
    Counter Section  CSS
=======================*/
.mkhc-counter-item.style-one {
  background-color: var(--gray-color);
  padding: 20px 30px 25px;
  border-radius: 30px;
}
.mkhc-counter-item.style-one .content h3 {
  font-size: 36px;
  color: var(--primary-color);
}
.mkhc-counter-item.style-one .content h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.mkhc-counter-item.style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-counter-item.style-two .content {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mkhc-counter-item.style-two .content h2 {
  margin-bottom: 5px;
}
.mkhc-counter-item.style-three {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .mkhc-counter-item.style-three {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mkhc-counter-item.style-three:hover .icon-line-wrap .icon {
  background-color: var(--primary-color);
}
.mkhc-counter-item.style-three .icon-line-wrap {
  position: relative;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-counter-item.style-three .icon-line-wrap {
    display: none;
  }
}
.mkhc-counter-item.style-three .icon-line-wrap .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #584D70;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-counter-item.style-three .icon-line-wrap .line {
  width: 1px;
  height: 335px;
  background-color: var(--white-color);
}
.mkhc-counter-item.style-three .content {
  margin-left: 30px;
  margin-top: -33px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-counter-item.style-three .content {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 40px;
  }
}
.mkhc-counter-item.style-three .content .circle {
  position: absolute;
  left: -10px;
  top: -20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-counter-item.style-three .content .circle:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--primary-color);
}
@media screen and (max-width: 1199.98px) {
  .mkhc-counter-item.style-three .content .circle {
    display: none;
  }
}
.mkhc-counter-item.style-three .content h2 {
  color: var(--white-color);
}
.mkhc-counter-item.style-three .content h5 {
  color: var(--white-color);
  font-weight: 400;
}

@media screen and (max-width: 1199.98px) {
  .mkhc-counter_one {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-counter_one .section-title {
    text-align: center;
    margin-bottom: 0;
  }
}
.mkhc-counter_one .text-box {
  max-width: 380px;
  float: right;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-counter_one .text-box {
    float: none;
  }
}
.mkhc-counter_one .text-box p {
  color: var(--white-color);
}
@media screen and (max-width: 991.98px) {
  .mkhc-counter_one .text-box {
    max-width: 575px;
    text-align: center;
    margin: 0 auto 50px;
  }
}
.mkhc-counter_one .counter-wrapper .item-column:nth-child(even) .mkhc-counter-item.style-three {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mkhc-counter_one .counter-wrapper .item-column:nth-child(even) .mkhc-counter-item.style-three .icon {
  top: -20px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mkhc-counter_one .counter-wrapper .item-column:nth-child(even) .mkhc-counter-item.style-three .content {
  margin-top: 0;
  margin-bottom: 80px;
}
.mkhc-counter_one .counter-wrapper .item-column:nth-child(even) .mkhc-counter-item.style-three .content .circle {
  top: 185px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-counter_one .counter-wrapper .item-column:nth-child(even) .mkhc-counter-item.style-three .content {
    margin-bottom: 40px;
  }
}

.mkhc-fact-sec .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1650px) {
  .mkhc-fact-sec .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.mkhc-fact-item {
  position: relative;
  z-index: 1;
  border-radius: 30px;
  padding: 50px 60px 55px;
  overflow: hidden;
}
@media (max-width: 1650px) {
  .mkhc-fact-item {
    padding: 50px 30px 55px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-fact-item {
    max-width: 570px;
    margin: 0 auto 40px;
  }
}
.mkhc-fact-item:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 52, 0.8);
  z-index: -1;
}
.mkhc-fact-item .content h3 {
  color: var(--white-color);
  line-height: 40px;
  margin-bottom: 28px;
}
@media (max-width: 767.98px) {
  .mkhc-fact-item .content h3 {
    font-size: 24px;
    line-height: 35px;
  }
}
.mkhc-fact-item .content p {
  color: var(--white-color);
  margin-bottom: 30px;
}
.mkhc-fact-item .content .read-more {
  color: var(--white-color);
}
.mkhc-fact-item .content .mkhc-avatar-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 86px;
}
@media (max-width: 1650px) {
  .mkhc-fact-item .content .mkhc-avatar-box {
    margin-top: 112px;
  }
}
.mkhc-fact-item .content .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.mkhc-fact-item .content .mkhc-avatar-box .avatar-list ul li img {
  width: 50px;
  height: 50px;
}
.mkhc-fact-item .content .mkhc-avatar-box .avatar-list ul li span {
  width: 50px;
  height: 50px;
}
.mkhc-fact-item .content .mkhc-avatar-box .avatar-list .text h6 {
  color: var(--white-color);
  font-weight: 400;
}
.mkhc-fact-item .content .mkhc-avatar-box .number {
  font-size: 80px;
  color: var(--white-color);
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .mkhc-fact-item .content .mkhc-avatar-box .number {
    font-size: 50px;
  }
}

.mkhc-fact-item-two {
  background-color: #F8F8F8;
  padding: 50px 60px;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1650px) {
  .mkhc-fact-item-two {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-fact-item-two {
    max-width: 570px;
    margin: 0 auto 40px;
  }
}
.mkhc-fact-item-two .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
}
.mkhc-fact-item-two .shape img {
  width: 100%;
}
.mkhc-fact-item-two .content h3 {
  line-height: 40px;
}
@media (max-width: 1650px) {
  .mkhc-fact-item-two .content h3 {
    margin-bottom: 66px;
  }
}
.mkhc-fact-item-two .counter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mkhc-fact-item-two .counter-box h2 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--primary-color);
  color: transparent;
  font-weight: 700;
  font-size: 100px;
  line-height: 115px;
}

/*=========================
    Process Section  CSS
==========================*/
.mkhc-process_one .process-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-process_one .process-shape {
    display: none;
  }
}
.mkhc-process_one .process-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-process_one .process-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mkhc-process_one .mkhc-process-box {
  padding: 40px;
  border-radius: 20px;
  background: linear-gradient(56deg, #D5313D -141.22%, rgba(255, 255, 255, 0) 117.72%);
  text-align: center;
}
.mkhc-process_one .mkhc-process-box .content img {
  margin-bottom: 50px;
}
.mkhc-process_one .mkhc-proces-arrow-box {
  text-align: center;
}
.mkhc-process_one .mkhc-proces-arrow-box .content img {
  margin-bottom: 20px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-process_one .mkhc-proces-arrow-box {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-process_one .mkhc-proces-arrow-box {
    display: block;
  }
}
.mkhc-process_one .mkhc-process-box-wrap {
  border: 1px dashed var(--secondary-color);
  border-radius: 20px;
  padding: 20px;
}
.mkhc-process_one .mkhc-process-box-wrap .mkhc-process-circle-box {
  position: relative;
  z-index: 1;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 20px;
}
.mkhc-process_one .mkhc-process-box-wrap .mkhc-process-circle-box .content img {
  margin-bottom: 20px;
}
.mkhc-process_one .mkhc-process-box-wrap .mkhc-process-circle-box.bg_one {
  background: linear-gradient(50deg, #D5313D -54.62%, rgba(255, 255, 255, 0) 100%);
}
.mkhc-process_one .mkhc-process-box-wrap .mkhc-process-circle-box.bg_two {
  margin-top: -50px;
  z-index: -1;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
}
.mkhc-process_one .mkhc-process-box-wrap .mkhc-process-circle-box.bg_two .content p {
  color: var(--white-color);
}

.mkhc-process_two .process-wrapper {
  position: relative;
}
.mkhc-process_two .process-wrapper .shape {
  position: absolute;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-process_two .process-wrapper .shape {
    display: none;
  }
}
.mkhc-process_two .process-wrapper .shape.shape-one {
  top: 10%;
  left: 25%;
}
.mkhc-process_two .process-wrapper .shape.shape-two {
  top: 10%;
  right: 25%;
}

/*======================
    Project Section  CSS
=======================*/
.mkhc-project-item.style-one .project-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-one .project-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.mkhc-project-item.style-one .project-header:hover .project-button .project-btn {
  background-color: var(--heading-color);
  color: var(--white-color);
  border-color: transparent;
}
.mkhc-project-item.style-one .project-header .project-title {
  max-width: 650px;
}
.mkhc-project-item.style-one .project-header .project-title span {
  font-weight: 600;
  color: var(--primary-color);
  text-transform: capitalize;
  margin-bottom: 10px;
}
.mkhc-project-item.style-one .project-header .project-title .title {
  font-size: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-one .project-header .project-title .title {
    font-size: 24px;
  }
}
.mkhc-project-item.style-one .project-header:after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  width: 55px;
  height: 55px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--heading-color);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mkhc-project-item.style-one .project-header[aria-expanded=true]:after {
  display: none;
}
.mkhc-project-item.style-one .project-content {
  padding-top: 30px;
}
.mkhc-project-item.style-one .project-content img {
  border-radius: 30px;
  margin-bottom: 20px;
}
.mkhc-project-item.style-one .project-content p {
  margin-bottom: 25px;
}
.mkhc-project-item.style-two {
  position: relative;
  z-index: 1;
}
.mkhc-project-item.style-two:hover:after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mkhc-project-item.style-two:hover .icon-button .icon-btn {
  background-color: var(--secondary-color);
  border-color: transparent;
  color: var(--white-color);
}
.mkhc-project-item.style-two:hover .hover-image {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.mkhc-project-item.style-two:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(266deg, rgba(255, 102, 51, 0.2) -1.18%, rgba(109, 44, 249, 0.2) 96.14%);
  backdrop-filter: blur(52px);
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-project-item.style-two .hover-image {
  position: absolute;
  top: -40px;
  right: 30%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  width: 260px;
  height: 350px;
  border-radius: 20px;
}
.mkhc-project-item.style-two .hover-image img {
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-two .hover-image {
    display: none;
  }
}
.mkhc-project-item.style-two .content-wrap {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--border-color);
  position: relative;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-two .content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mkhc-project-item.style-two .sn-number {
  font-size: 36px;
  font-weight: 500;
  color: var(--heading-color);
  margin-right: 20px;
  margin-top: 7px;
}
.mkhc-project-item.style-two .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-two .content {
    padding: 25px 0;
  }
}
.mkhc-project-item.style-two .icon-button .icon-btn {
  width: 100px;
  height: 55px;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 30px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.mkhc-project-item.style-three.slick-current .project-thumbnail .hover-content {
  visibility: visible;
  opacity: 1;
}
.mkhc-project-item.style-three.slick-current .project-thumbnail .project-content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mkhc-project-item.style-three:hover .project-thumbnail .hover-content {
  visibility: visible;
  opacity: 1;
}
.mkhc-project-item.style-three:hover .project-thumbnail .project-content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mkhc-project-item.style-three .project-thumbnail {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.mkhc-project-item.style-three .project-thumbnail img {
  border-radius: 30px;
}
.mkhc-project-item.style-three .project-thumbnail .hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: linear-gradient(358deg, #010F34 1.66%, rgba(1, 15, 52, 0) 122.96%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-project-item.style-three .project-thumbnail .project-content {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.mkhc-project-item.style-three .project-thumbnail .project-content span {
  font-weight: 600;
  color: var(--secondary-color);
}
.mkhc-project-item.style-three .project-thumbnail .project-content h4 {
  color: var(--white-color);
}
.mkhc-project-item.style-four {
  background-color: var(--gray-color);
  border-radius: 30px;
  padding: 20px;
}
.mkhc-project-item.style-four .project-thumbnail img {
  width: 100%;
  border-radius: 30px;
}
.mkhc-project-item.style-four .project-content-wrap {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-four .project-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.mkhc-project-item.style-four .project-content .title {
  margin-top: 5px;
  font-size: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-project-item.style-four .project-content .title {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-project-item.style-four .icon-button {
    margin-top: 20px;
  }
}
.mkhc-project-item.style-four .icon-button .icon-btn {
  width: 55px;
  height: 55px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-project-item.style-four .icon-button .icon-btn i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.project-slider {
  margin-left: -15px;
  margin-right: -15px;
}
.project-slider .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}

.mkhc-project_one .shape {
  position: absolute;
  z-index: -1;
  bottom: 40px;
  left: 0;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-project_one .shape {
    display: none;
  }
}
.mkhc-project_one .project-wrapper {
  border-top: 1px solid var(--border-color);
  padding-top: 60px;
}
.mkhc-project_one .project-wrapper .mkhc-project-item.style-one:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--border-color);
}

.mkhc-project_two .project-wrapper {
  border-top: 1px solid var(--border-color);
}

/* Project Details Section */
.mkhc-project-details-sec .project-details-wrapper .mkhc-image img, .mkhc-project-details-sec .project-details-wrapper .project-thumbnail img {
  border-radius: 30px;
}
.mkhc-project-details-sec .project-details-wrapper .project-content h3 {
  margin-bottom: 25px;
}
@media (max-width: 767.98px) {
  .mkhc-project-details-sec .project-details-wrapper .project-content h3 {
    font-size: 24px;
  }
}
.mkhc-project-details-sec .project-details-wrapper .project-content p {
  margin-bottom: 30px;
}
.mkhc-project-details-sec .project-navigation-wrapper {
  border-top: 1px solid var(--border-color);
  padding: 30px 0;
  border-bottom: 1px solid var(--border-color);
}
.mkhc-project-details-sec .project-navigation-wrapper .project-navigation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-project-details-sec .project-navigation-wrapper .project-navigation-item.item-rtl {
  direction: rtl;
}
.mkhc-project-details-sec .project-navigation-wrapper .project-navigation-item .thumbnail {
  width: 60px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
.mkhc-project-details-sec .project-navigation-wrapper .project-navigation-item .thumbnail img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.mkhc-project-details-sec .project-navigation-wrapper .project-navigation-icon i {
  font-size: 30px;
  color: var(--heading-color);
}

/*=========================
    Pricing Section  CSS
==========================*/
.mkhc-pricing_one {
  border-radius: 30px;
  margin: 0 30px;
}
@media (max-width: 1650px) {
  .mkhc-pricing_one {
    margin: 0px 15px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-pricing_one {
    margin: 0px;
    border-radius: 0;
  }
}

.mkhc-pricing-item.style-one {
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 30px;
  background-color: var(--white-color);
}
@media (max-width: 767.98px) {
  .mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper {
    padding: 50px 30px 30px;
  }
}
.mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-bg {
  visibility: visible;
  opacity: 1;
}
.mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-header p, .mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-header .price, .mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-header .plan {
  color: var(--white-color);
}
.mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-body .check-list li {
  color: var(--white-color);
}
.mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-body .check-list li::before {
  background-color: rgba(121, 126, 136, 0.5);
}
.mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn {
  color: var(--white-color);
}
.mkhc-pricing-item.style-one.item-active .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn:before {
  background-color: transparent;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper {
  padding: 40px 60px 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 991.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper {
    padding: 30px 30px;
  }
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .rib-badge {
  position: absolute;
  padding: 0 15px;
  background-color: var(--white-color);
  font-family: var(--heading-font);
  top: 0;
  left: 17%;
  color: var(--heading-color);
  background: url(../images/home-one/gallery/price-shape.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 150px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-header {
  width: 30%;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-header {
    width: 25%;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-header {
    width: 100%;
  }
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-header .plan {
  font-size: 18px;
  font-weight: 500;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-header h2 {
  font-size: 52px;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-body {
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-body {
    width: 50%;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-body {
    width: 100%;
    padding: 20px 0;
  }
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-body .check-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-body .check-list li {
  width: 50%;
}
@media (max-width: 767.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-body .check-list li {
    width: 100%;
  }
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button {
  width: 25%;
  text-align: end;
}
@media screen and (max-width: 991.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button {
    width: 100%;
    text-align: start;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button .theme-btn {
    font-size: 14px;
    padding: 16px 20px;
  }
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn {
  position: relative;
  overflow: hidden;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  color: var(--heading-color);
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn:before {
  position: absolute;
  content: "";
  inset: 1px;
  background-color: var(--white-color);
  border-radius: 50px;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn span {
  position: relative;
  z-index: 1;
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn:hover {
  color: var(--white-color);
}
.mkhc-pricing-item.style-one .pricing-inner-wrapper .pricing-button .theme-btn.gradient-btn:hover:before {
  background-color: transparent;
}
.mkhc-pricing-item.style-two {
  position: relative;
  z-index: 1;
  padding: 40px;
  border-radius: 30px;
  border: 1px solid var(--border-color);
  background-color: var(--white-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-pricing-item.style-two .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.mkhc-pricing-item.style-two .badge {
  position: absolute;
  top: 40px;
  right: 40px;
  padding: 11px 25px;
  line-height: 1;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  border-radius: 50px;
  font-size: 14px;
}
.mkhc-pricing-item.style-two .pricing-header {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid var(--border-color);
}
.mkhc-pricing-item.style-two .pricing-header img {
  display: block;
  margin-bottom: 20px;
}
.mkhc-pricing-item.style-two .pricing-header .plan {
  color: var(--heading-color);
  font-size: 30px;
  font-weight: 500;
  font-family: var(--heading-font);
}
.mkhc-pricing-item.style-two .pricing-header p {
  margin-bottom: 15px;
  margin-bottom: 20px;
}
.mkhc-pricing-item.style-two .pricing-header .price {
  color: var(--heading-color);
  font-size: 54px;
  font-weight: 500;
  font-family: var(--heading-font);
}
.mkhc-pricing-item.style-two .pricing-header .price span {
  font-size: 16px;
  color: var(--text-color);
}
.mkhc-pricing-item.style-two .pricing-body {
  margin-bottom: 40px;
}
.mkhc-pricing-item.style-two .pricing-body .check-list.style-one li {
  color: var(--text-color);
}
.mkhc-pricing-item.style-two .pricing-body .check-list.style-one li:not(:last-child) {
  margin-bottom: 22px;
}
.mkhc-pricing-item.style-two .pricing-body .check-list.style-one li i {
  color: var(--secondary-color);
}
.mkhc-pricing-item.style-two:hover {
  -webkit-box-shadow: 1px 7px 49px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 1px 7px 49px 0 rgba(0, 0, 0, 0.09);
}

.mkhc-pricing_two .mkhc-pricing-item.style-two {
  border-color: transparent;
}

/*======================
    Faq Section  CSS
=======================*/
.mkhc-faq-sec .faq-image {
  margin-left: -100px;
}
@media (max-width: 1650px) {
  .mkhc-faq-sec .faq-image {
    margin-left: -50px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-faq-sec .faq-image {
    margin-left: 0;
  }
}
.mkhc-faq-sec .mkhc-content-box {
  margin-left: -60px;
}
@media (max-width: 1650px) {
  .mkhc-faq-sec .mkhc-content-box {
    margin-left: 0;
  }
}

.accordion-card .accordion-header .accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 28px;
  cursor: pointer;
  font-weight: 600;
}
.accordion-card .accordion-header .accordion-title:after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 18px;
  color: var(--primary-color);
  margin-left: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.accordion-card .accordion-header .accordion-title[aria-expanded=true]:after {
  content: "\f068";
}
.accordion-card.style-one {
  padding: 20px 30px;
  border-radius: 50px;
  border: 1px solid var(--border-color);
  background-color: var(--gray-color);
}
.accordion-card.style-one .accordion-header .accordion-title {
  font-weight: 400;
}
.accordion-card.style-one .accordion-header .accordion-title:after {
  color: var(--heading-color);
}
.accordion-card.style-one .accordion-content {
  padding-top: 20px;
}
.accordion-card.style-two {
  border-bottom: 1px solid var(--border-color);
}
.accordion-card.style-two .accordion-header .accordion-title:after {
  color: var(--secondary-color);
}
/*======================
    Team Section  CSS
=======================*/
.team-thumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 15px;
  background-color: var(--gray-color);
  padding: 10px;
  border: 1px solid transparent;
}
.team-thumb-item .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  margin-right: 30px;
}
.team-thumb-item .thumb img {
  width: 100%;
  border-radius: 10px;
}
.team-thumb-item .content h5 {
  margin-bottom: 10px;
}

.mkhc-progress-item .progress-title h6 {
  font-weight: 400;
  margin-bottom: 10px;
}
.mkhc-progress-item .progress-title h6 span {
  float: right;
}
.mkhc-progress-item .progress {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  height: 6px;
  border-radius: 10px;
}
.mkhc-progress-item .progress .progress-bar {
  border: 1px solid var(--white-color);
  background-color: var(--primary-color);
}

.mkhc-team-item.style-one {
  border-radius: 20px;
  background-color: var(--gray-color);
  padding: 10px;
}
.mkhc-team-item.style-one .member-image img {
  width: 100%;
  border-radius: 20px;
}
.mkhc-team-item.style-one .member-info {
  padding: 20px 10px;
}
.mkhc-team-item.style-one .member-info .position {
  margin-bottom: 20px;
}
.mkhc-team-item.style-one .member-info .social-box a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--border-color);
  font-size: 12px;
}
.mkhc-team-item.style-one .member-info .social-box a:not(:last-child) {
  margin-right: 5px;
}
.mkhc-team-item.style-one .member-info .social-box a:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border-color: transparent;
}
.mkhc-team-item.style-two {
  border: 1px solid var(--border-color);
  padding: 20px;
  border-radius: 30px;
}
.mkhc-team-item.style-two:hover .member-image {
  background-color: var(--heading-color);
}
.mkhc-team-item.style-two:hover .member-image .social-box {
  right: 20px;
}
.mkhc-team-item.style-two .member-image {
  position: relative;
  background-color: var(--gray-color);
  text-align: center;
  border-radius: 20px;
  padding: 20px 20px 0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.mkhc-team-item.style-two .member-image .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mkhc-team-item.style-two .member-image .social-box {
  position: absolute;
  top: 20px;
  right: -100%;
  padding: 10px;
  background-color: var(--primary-color);
  border-radius: 100px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.mkhc-team-item.style-two .member-image .social-box a {
  display: block;
  color: var(--white-color);
}
.mkhc-team-item.style-two .member-info {
  padding: 25px 10px 5px;
}

.team-content-box {
  background-color: var(--gray-color);
  border: 1px solid var(--border-color);
  border-radius: 30px;
  padding: 30px 30px 40px;
  position: relative;
  z-index: 1;
}
.team-content-box .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.team-content-box .content h4 {
  margin-bottom: 20px;
}
.team-content-box .content p {
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 104px;
}
@media (max-width: 1650px) {
  .team-content-box .content p {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
  .team-content-box .content p {
    padding-bottom: 155px;
  }
}
@media screen and (max-width: 991.98px) {
  .team-content-box .content p {
    padding-bottom: 104px;
  }
}

.mkhc-team_one .shape {
  position: absolute;
  bottom: 55px;
  right: 55px;
  z-index: -1;
}
@media screen and (max-width: 991.98px) {
  .mkhc-team_one .shape {
    bottom: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-team_one .shape {
    display: none;
  }
}
.mkhc-team_one .nav-tabs {
  border-bottom: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-team_one .nav-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 991.98px) {
  .mkhc-team_one .nav-tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mkhc-team_one .team-thumb-item {
  cursor: pointer;
}
.mkhc-team_one .team-thumb-item.active {
  background-color: transparent;
  border-color: var(--border-color);
}
.mkhc-team_one .member-image img {
  border-radius: 30px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-team_one .member-image {
    margin-bottom: 40px;
  }
}
.mkhc-team_one .member-info {
  padding-left: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-team_one .member-info {
    padding-left: 0;
  }
}
.mkhc-team_one .member-info .position {
  margin-bottom: 10px;
}
.mkhc-team_one .member-info p {
  margin-bottom: 25px;
}
.mkhc-team_one .member-info .team-experience-social-box {
  border: 1px solid var(--border-color);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 525px;
  margin-left: -40%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 20px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-team_one .member-info .team-experience-social-box {
    margin-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .mkhc-team_one .member-info .team-experience-social-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 20px;
    padding: 20px;
  }
}
.mkhc-team_one .member-info .team-experience-social-box .experience-box {
  background-color: var(--heading-color);
  padding: 9px 20px;
  border-radius: 100px 20px 20px 100px;
}
@media (max-width: 767.98px) {
  .mkhc-team_one .member-info .team-experience-social-box .experience-box {
    border-radius: 10px;
    margin-bottom: 20px;
  }
}
.mkhc-team_one .member-info .team-experience-social-box .experience-box h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 36px;
  color: var(--white-color);
}
.mkhc-team_one .member-info .team-experience-social-box .experience-box h3 span {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
}
.mkhc-team_one .member-info .team-experience-social-box .social-box a {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid var(--border-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: var(--heading-color);
  border-radius: 50%;
}
.mkhc-team_one .member-info .team-experience-social-box .social-box a:not(:last-child) {
  margin-right: 5px;
}
.mkhc-team_one .member-info .team-experience-social-box .social-box a:hover {
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  border-color: transparent;
  color: var(--white-color);
}

.mkhc-team_two .text-box h2 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--primary-color);
  color: transparent;
  font-size: 84px;
  font-weight: 700;
}

/* Team Details Wrapper */
.team-details-wrapper .member-image-wrap {
  background-color: var(--gray-color);
  border-radius: 20px;
  padding: 20px;
}
.team-details-wrapper .member-image-wrap .member-image img {
  width: 100%;
  border-radius: 20px;
}
.team-details-wrapper .member-image-wrap .member-info {
  padding: 20px 20px 0;
}
.team-details-wrapper .member-image-wrap .member-info .position {
  margin-bottom: 20px;
}
.team-details-wrapper .member-image-wrap .member-info .info-list {
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
  margin-bottom: 20px;
}
.team-details-wrapper .member-image-wrap .member-info .info-list h6 {
  margin-bottom: 5px;
}
.team-details-wrapper .member-image-wrap .member-info .social-box a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--border-color);
  font-size: 12px;
}
.team-details-wrapper .member-image-wrap .member-info .social-box a:not(:last-child) {
  margin-right: 5px;
}
.team-details-wrapper .member-image-wrap .member-info .social-box a:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border-color: transparent;
}
.team-details-wrapper .team-details-content .content-box h3 {
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .team-details-wrapper .team-details-content .content-box h3 {
    font-size: 24px;
  }
}
.team-details-wrapper .team-details-content .content-box p {
  margin-bottom: 25px;
}
.team-details-wrapper .team-details-content .contact-wrapper h3 {
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .team-details-wrapper .team-details-content .contact-wrapper h3 {
    font-size: 24px;
  }
}
.team-details-wrapper .team-details-content .contact-wrapper .form_control {
  width: 100%;
  padding: 14px 25px;
  border-radius: 50px;
  border: 1px solid var(--border-color);
  margin-bottom: 30px;
}
.team-details-wrapper .team-details-content .contact-wrapper .theme-btn.theme-btn {
  width: 100%;
}

/*============================
    Testimonial Section  CSS
=============================*/
.author-thumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.author-thumb-item .author-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  margin-right: 20px;
}
.author-thumb-item .author-thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.author-thumb-item .author-info h5 {
  margin-bottom: 5px;
}

.testimonial-slider {
  margin-left: -15px;
  margin-right: -15px;
}
.testimonial-slider .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}

.testimonial-slider-three {
  margin-left: -15px;
  margin-right: -15px;
}
.testimonial-slider-three .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}

.mkhc-testimonial-item.style-one {
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 40px;
}
.mkhc-testimonial-item.style-one .ratings {
  margin-bottom: 35px;
}
.mkhc-testimonial-item.style-one .author-info-quote-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mkhc-testimonial-item.style-one p {
  font-size: 18px;
  margin-bottom: 30px;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 28px;
}
.mkhc-testimonial-item.style-two .testimonial-content .ratings {
  margin-bottom: 15px;
}
.mkhc-testimonial-item.style-two .testimonial-content p {
  color: var(--white-color);
  margin-bottom: 35px;
  font-size: 20px;
  font-family: var(--heading-font);
  line-height: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-testimonial-item.style-two .testimonial-content p {
    font-size: 18px;
  }
}
.mkhc-testimonial-item.style-two .testimonial-content .author-thumb-item .author-info h5 {
  color: var(--white-color);
}
.mkhc-testimonial-item.style-two .testimonial-content .author-thumb-item .author-info .position {
  color: rgba(255, 255, 255, 0.7);
}
.mkhc-testimonial-item.style-three {
  background-color: var(--gray-color);
  padding: 30px;
  border: 1px solid transparent;
  border-radius: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-testimonial-item.style-three:hover {
  border-color: var(--primary-color);
}
.mkhc-testimonial-item.style-three .testimonial-content .quote-ratings-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.mkhc-testimonial-item.style-three .testimonial-content .quote-ratings-wrap .quote i {
  font-size: 30px;
  color: var(--primary-color);
}
.mkhc-testimonial-item.style-three .testimonial-content p {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border-color);
}

/* Testimonial Section CSS */
.mkhc-testimonial_one {
  background-color: var(--gray-color);
  margin: 0 30px;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 1650px) {
  .mkhc-testimonial_one {
    margin: 0px 15px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-testimonial_one {
    margin: 0px;
    border-radius: 0;
  }
}
.mkhc-testimonial_one .testimonial-image {
  position: absolute;
  right: 20px;
  top: 20px;
  bottom: 20px;
  z-index: -1;
  max-width: 700px;
  width: 100%;
  height: 95%;
}
.mkhc-testimonial_one .testimonial-image img {
  border-radius: 40px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1650px) {
  .mkhc-testimonial_one .testimonial-image {
    max-width: 650px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-testimonial_one .testimonial-image {
    display: none;
  }
}
.mkhc-testimonial_one .testimonial-shape {
  position: absolute;
  left: 0;
  top: 0;
  width: 75%;
  height: 100%;
  z-index: -1;
}
.mkhc-testimonial_one .testimonial-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-testimonial_one .testimonial-arrows .slick-arrow {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-testimonial_one .testimonial-arrows .slick-arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.mkhc-testimonial_one .testimonial-arrows .slick-arrow.next {
  margin-left: 15px;
}
.mkhc-testimonial_one .testimonial-arrows .slick-arrow:hover {
  color: var(--white-color);
  border-color: transparent;
}
.mkhc-testimonial_one .testimonial-arrows .slick-arrow:hover:after {
  visibility: visible;
  opacity: 1;
}

.mkhc-testimonial_two .testimonial-img {
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: 40px;
  width: 45%;
  height: 90%;
  z-index: -1;
  border-radius: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-testimonial_two .testimonial-img {
    display: none;
  }
}
.mkhc-testimonial_two .testimonial-wrapper {
  position: relative;
}
.mkhc-testimonial_two .testimonial-wrapper .testimonial-arrows {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .mkhc-testimonial_two .testimonial-wrapper .testimonial-arrows {
    display: none;
  }
}
.mkhc-testimonial_two .testimonial-wrapper .testimonial-arrows .slick-arrow {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: var(--white-color);
  color: var(--secondary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--border-color);
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-testimonial_two .testimonial-wrapper .testimonial-arrows .slick-arrow:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border-color: transparent;
}
.mkhc-testimonial_two .mkhc-testimonial-item.style-two .testimonial-content .author-thumb-item .author-thumb {
  width: 80px;
}
.mkhc-testimonial_two .mkhc-testimonial-item.style-two .testimonial-content .author-thumb-item .author-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.mkhc-testimonial_two .mkhc-counter-wrap {
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767.98px) {
  .mkhc-testimonial_two .mkhc-counter-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.mkhc-testimonial_two .mkhc-counter-wrap h2 {
  color: var(--white-color);
  font-size: 52px;
}
@media (max-width: 767.98px) {
  .mkhc-testimonial_two .mkhc-counter-wrap h2 {
    margin-bottom: 20px;
  }
}
.mkhc-testimonial_two .mkhc-counter-wrap h5 {
  max-width: 315px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 30px;
}

.mkhc-testimonial_three .testimonial-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
  gap: 15px;
}
.mkhc-testimonial_three .testimonial-arrows .slick-arrow {
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-testimonial_three .testimonial-arrows .slick-arrow:hover {
  color: var(--primary-color);
}
.mkhc-testimonial_three .testimonial-arrows .progress-wrap {
  width: 50%;
  height: 1px;
  background-color: var(--border-color);
  border-radius: 3px;
  overflow: hidden;
}
.mkhc-testimonial_three .testimonial-arrows .progress-wrap .progress-line {
  width: 0%;
  height: 100%;
  background-color: var(--primary-color);
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

/*======================
    Blog Section  CSS
=======================*/
/* Blog Post */
.mkhc-blog-post-item .post-meta {
  margin-bottom: 10px;
}
.mkhc-blog-post-item .post-meta span {
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.mkhc-blog-post-item .post-meta span i {
  margin-right: 10px;
  color: var(--primary-color);
}
.mkhc-blog-post-item .post-meta span:not(:last-child):after {
  content: "|";
  display: inline-block;
  margin-left: 25px;
  margin-right: 25px;
}
.mkhc-blog-post-item.style-one .post-thumbnail img {
  width: 100%;
  border-radius: 30px;
}
.mkhc-blog-post-item.style-one .post-content {
  padding-top: 25px;
}
.mkhc-blog-post-item.style-one .post-content .title {
  margin-bottom: 10px;
  line-height: 34px;
  font-size: 24px;
}
.mkhc-blog-post-item.style-one .post-content .title:hover {
  color: var(--primary-color);
}
@media screen and (max-width: 1199.98px) {
  .mkhc-blog-post-item.style-one .post-content .title {
    font-size: 18px;
  }
}

.mkhc-blog_two .mkhc-blog-post-item .post-meta span i {
  color: var(--secondary-color);
}
.mkhc-blog_two .mkhc-blog-post-item .post-meta span:not(:last-child):after {
  color: var(--secondary-color);
}
.mkhc-blog_two .mkhc-blog-post-item.style-one .title {
  font-size: 30px;
  line-height: 1.4em;
}
@media screen and (max-width: 991.98px) {
  .mkhc-blog_two .mkhc-blog-post-item.style-one .title {
    font-size: 18px;
  }
}
.mkhc-blog_two .mkhc-blog-post-item.style-one .title:hover {
  color: var(--secondary-color);
}

/* Blog Standard Section */
.blog-standard-wrapper .mkhc-blog-post-item.style-one .post-content .title {
  font-size: 30px;
}
@media (max-width: 767.98px) {
  .blog-standard-wrapper .mkhc-blog-post-item.style-one .post-content .title {
    font-size: 24px;
  }
}
.blog-standard-wrapper .mkhc-blog-post-item.style-one .post-content p {
  margin-bottom: 25px;
}

/* Sidebar Widget Area */
.sidebar-widget-area .sidebar-widget {
  background-color: #F6F6F6;
  padding: 40px;
  border-radius: 30px;
}
@media (max-width: 1650px) {
  .sidebar-widget-area .sidebar-widget {
    padding: 40px 30px;
  }
}
.sidebar-widget-area .sidebar-widget .widget-title {
  margin-bottom: 25px;
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .form_control {
  border: none;
  border-radius: 30px;
  padding: 15px 25px;
  -webkit-box-shadow: 0 6px 25px 0 rgba(102, 102, 102, 0.15);
          box-shadow: 0 6px 25px 0 rgba(102, 102, 102, 0.15);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--primary-black-color);
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-nav-widget .widget-content ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar-widget-area .sidebar-widget.sidebar-nav-widget .widget-content ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px 25px;
  background: var(--white-color);
  border: 1px solid var(--border-color);
  border-radius: 30px;
}
.sidebar-widget-area .sidebar-widget.sidebar-nav-widget .widget-content ul li a span {
  margin-left: auto;
}
.sidebar-widget-area .sidebar-widget.sidebar-nav-widget .widget-content ul li a:hover {
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget {
  padding: 40px 40px 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .post-thumbnail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .post-thumbnail-content img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  margin-right: 15px;
  border-radius: 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .post-thumbnail-content .post-title-date h5 {
  font-weight: 500;
  line-height: 28px;
}
.sidebar-widget-area .sidebar-widget.sidebar-tag-widget {
  padding: 40px 40px 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-tag-widget .widget-content a {
  padding: 13px 20px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 3px;
  line-height: 1;
  border-radius: 15px;
}
.sidebar-widget-area .sidebar-widget.sidebar-tag-widget .widget-content a:hover {
  background-color: transparent;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-project-info-widget .project-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-widget-area .sidebar-widget.sidebar-project-info-widget .project-info-item .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 15px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  border-radius: 20px;
  color: var(--white-color);
  font-size: 24px;
}
.sidebar-widget-area .sidebar-widget.sidebar-project-info-widget .project-info-item .info {
  margin-top: -5px;
}
.sidebar-widget-area .sidebar-widget.sidebar-cta-widget {
  background-color: transparent;
  padding: 0;
  min-height: 535px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sidebar-widget-area .sidebar-widget.sidebar-cta-widget .widget-content {
  padding: 40px;
}
.sidebar-widget-area .sidebar-widget.sidebar-cta-widget .widget-content h3 {
  color: var(--white-color);
  margin-bottom: 10px;
  font-size: 36px;
}
@media (max-width: 1650px) {
  .sidebar-widget-area .sidebar-widget.sidebar-cta-widget .widget-content h3 {
    font-size: 24px;
  }
}
.sidebar-widget-area .sidebar-widget.sidebar-cta-widget .widget-content p {
  color: var(--white-color);
  margin-bottom: 25px;
}

/* Blog Details Page CSS */
.blog-details-wrapper .blog-post-item .post-meta span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.blog-details-wrapper .blog-post-item .post-meta span i {
  margin-right: 10px;
  color: var(--secondary-color);
}
.blog-details-wrapper .blog-post-item .post-meta span:not(:last-child):after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 20px;
  margin-right: 20px;
  content: "|";
}
.blog-details-wrapper .blog-post-item .post-thumbnail {
  margin-bottom: 30px;
}
.blog-details-wrapper .blog-post-item .post-thumbnail img {
  border-radius: 30px;
}
.blog-details-wrapper .blog-post-item .post-content .title {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .blog-details-wrapper .blog-post-item .post-content .title {
    font-size: 22px;
    line-height: 35px;
  }
}
.blog-details-wrapper .blog-post-item .post-content p {
  margin-bottom: 30px;
}
.blog-details-wrapper .blog-post-item .post-content blockquote {
  background-color: #F6F6F6;
  padding: 30px 20px 20px;
  position: relative;
}
.blog-details-wrapper .blog-post-item .post-content blockquote .icon {
  position: absolute;
  top: -16px;
  left: 20px;
}
.blog-details-wrapper .blog-post-item .post-content blockquote p {
  margin-bottom: 10px;
}
.blog-details-wrapper .blog-post-item .post-content blockquote h5 {
  color: var(--secondary-color);
}
.blog-details-wrapper .blog-post-item .post-content blockquote h5:before {
  display: inline-block;
  content: "";
  width: 50px;
  height: 2px;
  background-color: var(--secondary-color);
  vertical-align: middle;
  margin-right: 15px;
}
.blog-details-wrapper .blog-post-item .post-content .mkhc-image {
  margin-bottom: 30px;
}
.blog-details-wrapper .blog-post-item .post-content .mkhc-image img {
  border-radius: 30px;
}
.blog-details-wrapper .entry-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
}
@media screen and (max-width: 991.98px) {
  .blog-details-wrapper .entry-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.blog-details-wrapper .entry-footer span {
  font-weight: 600;
  color: var(--heading-color);
  margin-right: 15px;
  font-size: 20px;
}
.blog-details-wrapper .entry-footer .tag-links a {
  padding: 8px 20px;
  border: 1px solid var(--border-color);
  border-radius: 30px;
  margin-right: 5px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 575.98px) {
  .blog-details-wrapper .entry-footer .tag-links a {
    margin-bottom: 10px;
  }
}
.blog-details-wrapper .entry-footer .tag-links a:hover {
  background-color: transparent;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  color: var(--white-color);
}
@media screen and (max-width: 1199.98px) {
  .blog-details-wrapper .entry-footer .social-share {
    margin-top: 15px;
  }
}
.blog-details-wrapper .entry-footer .social-share a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 13px;
  border: 1px solid var(--border-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog-details-wrapper .entry-footer .social-share a:not(:last-child) {
  margin-right: 5px;
}
.blog-details-wrapper .entry-footer .social-share a:hover {
  background-color: transparent;
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  color: var(--white-color);
}
.blog-details-wrapper .comments-area h3.comments-title {
  margin-bottom: 30px;
}
.blog-details-wrapper .comments-area .comments-list .comment {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: var(--white-color);
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .blog-details-wrapper .comments-area .comments-list .comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
  height: 85px;
  margin-right: 30px;
}
@media (max-width: 767.98px) {
  .blog-details-wrapper .comments-area .comments-list .comment .comment-avatar {
    margin-bottom: 20px;
  }
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-avatar img {
  border-radius: 50%;
  width: 100%;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content {
  position: relative;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content span.author-name {
  text-transform: capitalize;
  color: var(--heading-color);
  font: 600 18px var(--heading-font);
  margin-bottom: 15px;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content span.author-name .date {
  display: block;
  font-size: 14px;
  color: var(--text-color);
  margin-top: 5px;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content p {
  margin-bottom: 10px;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content .reply {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--secondary-color);
  font-weight: 500;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content .reply i {
  margin-right: 10px;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content .reply:hover {
  color: var(--primary-color);
}
.blog-details-wrapper .comments-area .comments-list .comment-reply .comment {
  margin-left: 50px;
}
@media (max-width: 767.98px) {
  .blog-details-wrapper .comments-area .comments-list .comment-reply .comment {
    margin-left: 20px;
  }
}
.blog-details-wrapper .comment-form .form_control {
  border: 1px solid var(--border-color);
  padding: 15px 25px;
  font-weight: 300;
  border-radius: 50px;
  margin-bottom: 30px;
}
.blog-details-wrapper .comment-form textarea.form_control {
  padding: 30px;
}
.blog-details-wrapper .comment-form .theme-btn.gradient-btn {
  width: 100%;
}

/*========================
    Company Section  CSS
==========================*/
.mkhc-client-sec .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-client-sec .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.clients-slider {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767.98px) {
  .clients-slider {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.clients-slider .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}
@media (max-width: 767.98px) {
  .clients-slider .slick-slide {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.mkhc-client-item {
  padding: 40px 40px 30px;
  text-align: center;
  border: 1px solid var(--border-color);
  border-radius: 30px;
}
.mkhc-client-item .content img {
  display: inline-block;
  margin-bottom: 10px; height:110px;     object-fit: contain;
}
.mkhc-client-item .content p span {
  color: var(--secondary-color);
}

/*========================
    CTA Section  CSS
==========================*/
.mkhc-cta_one:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 52, 0.91);
  z-index: -1;
}
.mkhc-cta_one .mkhc-image {
  position: absolute;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-cta_one .mkhc-image {
    display: none;
  }
}
.mkhc-cta_one .mkhc-image img {
  border-radius: 30px;
}
.mkhc-cta_one .mkhc-image.image_one {
  top: 130px;
  left: 176px;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
@media (max-width: 1650px) {
  .mkhc-cta_one .mkhc-image.image_one {
    left: 50px;
  }
}
.mkhc-cta_one .mkhc-image.image_two {
  top: 145px;
  right: 200px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (max-width: 1650px) {
  .mkhc-cta_one .mkhc-image.image_two {
    right: 50px;
  }
}
.mkhc-cta_one .mkhc-content-box .theme-btn.style-two {
  color: var(--white-color);
}
.mkhc-cta_one .mkhc-content-box .theme-btn.style-two:hover {
  background-color: var(--white-color);
  color: var(--secondary-color);
}

.mkhc-cta_two {
      padding-top: 30px;
    padding-bottom: 30px;
    background: #192977 url(../images/bottomBg.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-cta_two {
    padding: 30px 0;
  }
}
@media (max-width: 767.98px) {
  .mkhc-cta_two {
    padding: 30px 15px;
  }
  
      .mkhc-cta_two .cta-wrapper h2 {
        font-size: 15px;         line-height: 21px;
    }
    mkhc-cta_two .cta-wrapper p {
    font-size: 13px;
    color: #fff;
}
}
.mkhc-cta_two:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 52, 0.3);
  z-index: -1;
}
.mkhc-cta_two .cta-wrapper h2{
	
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    FONT-WEIGHT: 500;
    letter-spacing: 0;  
}

.mkhc-cta_two .cta-wrapper p {font-size: 14px;
    color: #fff;}
	
	.bottom-btn {   text-transform: uppercase; background: #d4418f;
    padding: 13px 25px;
    font-weight: 500;
    font-size: 13px; border-radius:3px;
    color: #fff;}
	
	.bottom-btn:hover {    background:  #fff;
    padding: 13px 25px;
    font-weight: 500;
    font-size: 13px;
    color: #972064;}

@media (max-width: 1650px) {
.mkhc-cta_two .cta-wrapper h2{
	
    font-size: 18px;
}
}


@media (max-width: 1300px) {
.mkhc-cta_two .cta-wrapper h2{
	
    font-size: 18px;
}
}


@media (max-width: 767.98px) {
  .mkhc-cta_two .cta-wrapper {
   
  }
}
.mkhc-cta_two .cta-wrapper .text-box h3 {
  margin-bottom: 33px;
  font-size: 36px;
}
@media (max-width: 767.98px) {
  .mkhc-cta_two .cta-wrapper .text-box h3 {
    font-size: 22px;
  }
}
.mkhc-cta_two .cta-wrapper .text-box h3 span {
  color: var(--primary-color);
}
.mkhc-cta_two .cta-wrapper .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-cta_two .cta-wrapper .mkhc-avatar-box .avatar-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-cta_two .cta-wrapper .mkhc-avatar-box .avatar-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mkhc-cta_two .cta-wrapper .mkhc-avatar-box .avatar-list .text {
  margin-left: 15px;
}
@media (max-width: 767.98px) {
  .mkhc-cta_two .cta-wrapper .mkhc-avatar-box .avatar-list .text {
    margin-left: 0;
    margin-top: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-cta_two .cta-wrapper .content-box {
    text-align: center;
  }
}

.mkhc-cta_three {
  position: relative;
  z-index: 1;
  padding: 210px 0 220px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-cta_three {
    padding: 100px 0 120px;
  }
}
.mkhc-cta_three:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 52, 0.8);
  z-index: -1;
}
.mkhc-cta_three .mkhc-content-box h2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 991.98px) {
  .mkhc-cta_three .mkhc-content-box h2 {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .mkhc-cta_three .mkhc-content-box h2 {
    font-size: 28px;
  }
}
.mkhc-cta_three .mkhc-content-box .mkhc-button .theme-btn {
  margin-bottom: 15px;
}
.mkhc-cta_three .mkhc-content-box .mkhc-button .theme-btn.style-one {
  margin-left: 30px;
  background-color: var(--secondary-color);
  color: var(--white-color);
}
@media (max-width: 767.98px) {
  .mkhc-cta_three .mkhc-content-box .mkhc-button .theme-btn.style-one {
    margin-left: 0;
  }
}

/* Intro Section */
.mkhc-intro_one {
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 0 30px;
  border-radius: 30px;
}
@media (max-width: 1650px) {
  .mkhc-intro_one {
    margin: 0px 15px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-intro_one {
    margin: 0px;
    border-radius: 0px;
  }
}
.mkhc-intro_one:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 52, 0.3);
  z-index: -1;
}
.mkhc-intro_one .play-button .video-popup {
  position: relative;
  z-index: 1;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white-color);
  color: var(--primary-color);
  font-size: 24px;
}
.mkhc-intro_one .play-button .video-popup i {
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.mkhc-intro_one .play-button .video-popup:before, .mkhc-intro_one .play-button .video-popup:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mkhc-intro_one .play-button .video-popup:before {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-animation: playpopup infinite ease-in 2s;
          animation: playpopup infinite ease-in 2s;
}
.mkhc-intro_one .play-button .video-popup:after {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation: playpopup infinite ease-in-out 4s;
          animation: playpopup infinite ease-in-out 4s;
}

.mkhc-intro_two:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 52, 0.69);
  z-index: -1;
}
.mkhc-intro_two .mkhc-content-box h2 {
  font-size: 52px;
}
@media (max-width: 767.98px) {
  .mkhc-intro_two .mkhc-content-box h2 {
    font-size: 30px;
  }
}
.mkhc-intro_two .mkhc-content-box .play-button .video-popup {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white-color);
  font-size: 24px;
  color: var(--secondary-color);
  position: relative;
  z-index: 1;
}
.mkhc-intro_two .mkhc-content-box .play-button .video-popup:before, .mkhc-intro_two .mkhc-content-box .play-button .video-popup:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mkhc-intro_two .mkhc-content-box .play-button .video-popup:before {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-animation: playpopup infinite ease-in 2s;
          animation: playpopup infinite ease-in 2s;
}
.mkhc-intro_two .mkhc-content-box .play-button .video-popup:after {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation: playpopup infinite ease-in-out 4s;
          animation: playpopup infinite ease-in-out 4s;
}

/*========================
    Contact Section  CSS
==========================*/
.mkhc-info-box.style-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-info-box.style-one .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(7px);
  color: var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mkhc-info-box.style-one .content span {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
}
.mkhc-info-box.style-one .content h4 {
  font-size: 24px;
  color: var(--white-color);
}
.mkhc-info-box.style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mkhc-info-box.style-two .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 
  font-size: 20px;
  color: var(--white-color);
}
.mkhc-info-box.style-two .info p {
  font-size: 13px;
  color: #fff;
}

.mkhc-contact_one {
  margin: 0 30px;
  border-radius: 30px;
}

.footerForm {
    display: flex;
    flex-wrap: wrap;
}
.footerForm  button {margin:5px 0 0 0; background: #d4418f;
    padding: 13px 15px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 3px;
    color: #fff; 
    padding: 5px 10px;
    border-radius: 5px;}

.footerForm input[type="phone"],
.footerForm textarea{
    width:100%;
	margin: 0;
    padding: 5px 10px;
    border-radius: 5px;
        font-size: 16px;
}

.footerForm input  {
    width: 50%;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px;
        font-size: 16px;
}


@media (max-width: 1650px) {
  .mkhc-contact_one {
    margin: 0 15px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .mkhc-contact_one {
    margin: 0;
    border-radius: 0;
  }
}
.mkhc-contact_one .mkhc-contact-wrapper {
  max-width: 560px;
  border-radius: 30px;
  background-color: var(--white-color);
  backdrop-filter: blur(32px);
  padding: 50px 60px 60px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-contact_one .mkhc-contact-wrapper {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .mkhc-contact_one .mkhc-contact-wrapper {
    text-align: center;
    padding: 50px 30px 60px;
  }
}
.mkhc-contact_one .mkhc-contact-wrapper h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
.mkhc-contact_one .mkhc-contact-wrapper p {
  margin-bottom: 30px;
}
.mkhc-contact_one .mkhc-contact-wrapper .form_control {
  width: 100%;
  padding: 14px 25px;
  border-radius: 50px;
  border: 1px solid var(--border-color);
  margin-bottom: 30px;
}
.mkhc-contact_one .mkhc-contact-wrapper textarea.form_control {
  border-radius: 20px;
}
.mkhc-contact_one .mkhc-content-box > p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 35px;
}
.mkhc-contact_one .mkhc-content-box .mkhc-button-wrapper .theme-btn {
  margin-bottom: 20px;
}
.mkhc-contact_one .mkhc-content-box .mkhc-button-wrapper .theme-btn.style-two {
  margin-left: 30px;
  color: var(--white-color);
}
@media (max-width: 767.98px) {
  .mkhc-contact_one .mkhc-content-box .mkhc-button-wrapper .theme-btn.style-two {
    margin-left: 0;
  }
}
.mkhc-contact_one .mkhc-content-box .mkhc-contact-info-list {
  margin-top: 110px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mkhc-contact_one .mkhc-content-box .mkhc-contact-info-list .mkhc-info-box {
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mkhc-contact_one .mkhc-content-box .mkhc-contact-info-list .mkhc-info-box .content h4 {
  font-weight: 400;
}

.contact-wrapper {    padding: 40px 50px;}

.mkhc-contact_two .contact-wrapper {
  background-color: var(--white-color);
  padding: 60px;
  border-radius: 30px;
}
@media (max-width: 767.98px) {
    
    .footer-widget-area  {
    padding-bottom: 0;
}
    
    .bottom-btn {

    padding: 10px 20px;

    font-size: 12px;
   
}
    
    .mksai-contact-info-sec, .mksai-service-sec, .mksai-about_four  {
    padding-left: 15px;
    padding-right: 15px;
}

.mksai-iconic-box1.style-two {
    padding: 20px 20px;
    margin-bottom: 15px;
}

.contact-wrapper p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 15px !important;
}
    
    .contact-wrapper {    padding: 30px 15px; margin:40px 0 0 0;}
    
  .mkhc-contact_two .contact-wrapper {
    padding: 60px 30px;
  }
}
.mkhc-contact_two .contact-wrapper .sub-title {
  margin-bottom: 15px;
}
.mkhc-contact_two .contact-wrapper h3 {
  margin-bottom: 25px;
}
.mkhc-contact_two .contact-wrapper p {
  margin-bottom: 30px;
}
.mkhc-contact_two .contact-wrapper .form_control {
  padding-bottom: 20px;
  border: none;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
}
.mkhc-contact_two .contact-wrapper .form-check {
  margin-bottom: 20px;
}
.mkhc-contact_two .contact-wrapper .form-check .form-check-input {
  border: 1px solid var(--border-color);
}
@media (max-width: 767.98px) {
  .mkhc-contact_two .contact-wrapper .author-thumb-item {
    margin-bottom: 30px;
  }
}
.mkhc-contact_two .contact-wrapper .author-thumb-item .author-thumb {
  width: 55px;
}
.mkhc-contact_two .contact-wrapper .author-thumb-item .author-thumb img {
  width: 55px;
  height: 55px;
  border: 1px solid var(--primary-color);
}
.mkhc-contact_two .contact-wrapper .author-thumb-item .author-info h5 {
  margin-bottom: 0;
}
.mkhc-contact_two .contact-wrapper .author-thumb-item .author-info .position {
  font-size: 14px;
}
.mkhc-contact_two .mkhc-content-box {
  padding-left: 30px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-contact_two .mkhc-content-box {
    padding-left: 0;
  }
}
.mkhc-contact_two .mkhc-contact-accordion .nav-tabs {
  border-bottom: 3px solid var(--border-color);
  margin-bottom: 40px;
}
.mkhc-contact_two .mkhc-contact-accordion .nav-tabs .nav-link {
  position: relative;
  border: none;
  background-color: transparent;
  font-size: 24px;
  font-weight: 500;
  font-family: var(--heading-font);
  color: var(--text-color);
  padding: 0 25px 30px 0;
  margin-right: 30px;
}
@media (max-width: 1650px) {
  .mkhc-contact_two .mkhc-contact-accordion .nav-tabs .nav-link {
    padding: 0 15px 30px 0;
  }
}
@media (max-width: 767.98px) {
  .mkhc-contact_two .mkhc-contact-accordion .nav-tabs .nav-link {
    font-size: 16px;
    margin-right: 10px;
    padding: 0 15px 15px 0;
  }
}
.mkhc-contact_two .mkhc-contact-accordion .nav-tabs .nav-link:after {
  position: absolute;
  bottom: -1.5px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--primary-color);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mkhc-contact_two .mkhc-contact-accordion .nav-tabs .nav-link.active {
  color: var(--primary-color);
}
.mkhc-contact_two .mkhc-contact-accordion .nav-tabs .nav-link.active:after {
  visibility: visible;
  opacity: 1;
}
.mkhc-contact_two .mkhc-contact-accordion .accordion-card.style-two {
  padding-bottom: 25px;
}
.mkhc-contact_two .mkhc-contact-accordion .accordion-card.style-two .accordion-header .accordion-title {
  font-weight: 400;
}
.mkhc-contact_two .mkhc-contact-accordion .accordion-card.style-two .accordion-header .accordion-title:after {
  color: var(--heading-color);
}
.mkhc-contact_two .mkhc-contact-accordion .accordion-card.style-two .accordion-header .accordion-title[aria-expanded=true]:after {
  color: var(--primary-color);
}
.mkhc-contact_two .mkhc-contact-accordion .accordion-card.style-two .accordion-content {
  padding-top: 15px;
  padding-bottom: 0;
}

.mkhc-contact_three .contact-wrapper {
  background-color: var(--gray-color);
  padding: 50px 60px;
  border-radius: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-contact_three .contact-wrapper {
    padding: 50px 30px;
  }
}
.mkhc-contact_three .contact-wrapper h3 {
  margin-bottom: 30px;
}
.mkhc-contact_three .contact-wrapper .form_control {
  width: 100%;
  padding: 14px 25px;
  border-radius: 50px;
  border: 1px solid var(--border-color);
  margin-bottom: 30px;
}
.mkhc-contact_three .contact-wrapper textarea.form_control {
  border-radius: 20px;
}

.mkhc-contact-info-sec .mkhc-content-box {
  padding-right: 35px;
}
@media screen and (max-width: 1199.98px) {
  .mkhc-contact-info-sec .mkhc-content-box {
    padding-right: 0;
  }
}
.mkhc-contact-info-sec .mkhc-content-box .info-list h6 {
  font-weight: 500;
  margin-bottom: 5px;
}
.mkhc-contact-info-sec .mkhc-content-box .info-list p {
  line-height: 26px;
}
.mkhc-contact-info-sec .mkhc-content-box .info-list .social-box a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  color: var(--heading-color);
}
.mkhc-contact-info-sec .mkhc-content-box .info-list .social-box a:not(:last-child) {
  margin-right: 5px;
}
.mkhc-contact-info-sec .mkhc-content-box .info-list .social-box a:hover {
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  border-color: transparent;
  color: var(--white-color);
}
.mkhc-contact-info-sec .map-box iframe {
  height: 450px;
  border-radius: 30px;
}


.info-list  {
    display: flex;
    gap: 10px;
}

.info-list i {
    position: relative;
    top: 5px;
}

/*======================
    Error Section  CSS
=======================*/
.mkhc-error-sec .mkhc-content-box .mkhc-image {
  margin-bottom: 20px;
}
.mkhc-error-sec .mkhc-content-box h2 {
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .mkhc-error-sec .mkhc-content-box h2 {
    font-size: 28px;
  }
}
.mkhc-error-sec .mkhc-content-box p {
  max-width: 505px;
  margin: 0 auto 40px;
}

/* Form Check */
.form-check {
  padding-left: 0;
}
.form-check .form-check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-check .form-check-label .form-check-input {
  position: relative;
  margin-right: 10px;
  background: transparent;
  width: 20px;
  height: 20px;
  border: 1px solid var(--white-color);
  margin-left: 0;
  margin-top: 0;
}
.form-check .form-check-label .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: transparent;
  padding: 5px;
}
.form-check .form-check-label .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Footer Newsletter */
.footer-newsletter-wrapper .mkhc-content-box .mkhc-avatar-box .avatar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1199.98px) {
  .footer-newsletter-wrapper .mkhc-content-box .mkhc-avatar-box .avatar-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .footer-newsletter-wrapper .mkhc-content-box .mkhc-avatar-box .avatar-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer-newsletter-wrapper .mkhc-content-box .mkhc-avatar-box .avatar-list h6 {
  font-weight: 400;
  color: var(--white-color);
}
.footer-newsletter-wrapper .mkhc-newsletter-box form .form_control {
  padding: 13px 30px;
  border-radius: 50px;
  border: none;
}
.footer-newsletter-wrapper .mkhc-newsletter-box form .form-check .form-check-label {
  color: var(--white-color);
  font-family: var(--heading-font);
}
@media screen and (max-width: 1199.98px) {
  .footer-newsletter-wrapper .mkhc-newsletter-box form .form-check .form-check-label {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-newsletter-wrapper .mkhc-newsletter-box form .theme-btn.gradient-btn {
  position: absolute;
  right: 0;
  top: 4px;
  right: 4px;
  padding: 12px 30px;
}

/* Footer Widget */
.footer-widget .widget-title {
  color: var(--white-color);
    font-size: 17px;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.footer-widget .line-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
}
.footer-widget .line-wrap span {
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  height: 2px;
  border-radius: 5px;
}
.footer-widget .line-wrap span:nth-child(1) {
  width: 40px;
}
.footer-widget .line-wrap span:nth-child(2) {
  width: 10px;
}
.footer-widget .line-wrap span:nth-child(3) {
  width: 5px;
}
.footer-widget .widget-content > p {
  color: var(--white-color);
  margin-bottom: 30px;
      font-size: 13px;
    line-height: 22px;
}
.footer-widget .widget-content .social-box a {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(216, 221, 225, 0.3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--white-color);
  z-index: 1;
}
.footer-widget .widget-content .social-box a:not(:last-child) {
  margin-right: 6px;
}
.footer-widget .widget-content .social-box a:after {
   
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.footer-widget .widget-content .social-box a:hover {
  border-color: transparent;
}
.footer-widget .widget-content .social-box a:hover:after {
  visibility: visible;
  opacity: 1;
}
.footer-widget .widget-content .social-box a:hover i {color:#000;}

.footer-widget .widget-content .widget-nav li:not(:last-child) {
  margin-bottom: 3px;
}
.footer-widget .widget-content .widget-nav li a {
  font-size: 13px;
  font-family: var(--heading-font);
  color: var(--white-color);
}
.footer-widget .widget-content .widget-nav li a:hover {
  color:#fff;
}
.footer-widget.footer-about-widget {
  padding-right: 40px;
}
@media screen and (max-width: 1199.98px) {
  .footer-widget.footer-about-widget {
    padding-right: 0;
  }
}
.footer-widget.footer-contact-info-widget .widget-content ul li {
  color: var(--white-color);
}
.footer-widget.footer-contact-info-widget .widget-content ul li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widget.footer-contact-info-widget .widget-content ul li h4 {
  color: var(--white-color);
  margin-top: 10px;
}
@media screen and (max-width: 1199.98px) {
  .footer-widget.footer-contact-info-widget .widget-content ul li h4 {
    font-size: 20px;
  }
}
.footer-widget.footer-newsletter-widget .widget-content p {
  color: var(--white-color);
}
.footer-widget.footer-newsletter-widget .widget-content .form_control {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 25px;
  color: rgba(255, 255, 255, 0.5);
}
.footer-widget.footer-newsletter-widget .widget-content .form_control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.footer-widget.footer-newsletter-widget .widget-content .form_control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.footer-widget.footer-newsletter-widget .widget-content .form_control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.footer-widget.footer-newsletter-widget .widget-content .form_control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.footer-widget.footer-newsletter-widget .widget-content .form_control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.footer-widget.footer-newsletter-widget .widget-content .submit-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  color: var(--secondary-color);
  font-size: 20px;
}

/* Copyright Area */
.copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 0;
}
.copyright-area .copyright-text p {
  font-size: 13px;
  color: var(--white-color);
}
.copyright-area .copyright-text p span {
  background: linear-gradient(266deg, #F63 -1.18%, #6D2CF9 96.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.copyright-area .copyright-link a {
  color: var(--white-color);
}
.copyright-area .copyright-link a:not(:last-child) {
  margin-right: 20px;
}
.copyright-area .copyright-link a:hover {
  color: var(--primary-color);
}

/* Main Footer */
.main-footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0 0px 0px;     background: linear-gradient(90deg, #243470 0%, #283b81 100%);
}
@media screen and (max-width: 1199.98px) {
  .main-footer {
    padding: 0 0px 0px;
  }
}
@media (max-width: 767.98px) {
  .main-footer {
    padding: 0 0 0;
  }
}
.main-footer .shape {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1199.98px) {
  .main-footer .shape {
    display: none;
  }
}
.main-footer .footer-top {
  padding-bottom: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.main-footer .footer-bottom-wrapper {
  border-radius: 0px;
}
@media screen and (max-width: 1199.98px) {
  .main-footer .footer-bottom-wrapper {
    border-radius: 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .main-footer .footer-bottom-wrapper {
    padding: 0 30px;
  }
}
@media (max-width: 767.98px) {
  .main-footer .footer-bottom-wrapper {
    border-radius: 0;
    padding: 0 15px;
  }
}

/* Footer V2 */
.footer-v2 {
  padding: 105px 0 0;
}
.footer-v2 .footer-top {
  padding-bottom: 95px;
}
@media screen and (max-width: 991.98px) {
  .footer-v2 .footer-top {
    text-align: center;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-v2 .footer-bottom-wrapper {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1199.98px) {
  .footer-v2 .footer-widget .widget-title {
    font-size: 18px;
  }
}
.footer-v2 .footer-widget .line-wrap span {
  background: var(--secondary-color);
}
.footer-v2 .footer-widget .widget-content .social-box a {
  border-color: rgba(216, 221, 225, 0.3);
}
.footer-v2 .footer-widget .widget-content .social-box a:after {
  background: transparent;
  background-color: var(--secondary-color);
}
.footer-v2 .footer-widget .widget-content .social-box a:hover {
  border-color: transparent;
}
.footer-v2 .footer-widget .widget-content .widget-nav li a:hover {
  background: transparent;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  color: var(--secondary-color);
}
.footer-v2 .footer-widget.footer-newsletter-widget .widget-content .submit-btn {
  color: var(--secondary-color);
}
.footer-v2 .copyright-area {
  padding: 30px 0 35px;
}
.footer-v2 .copyright-area .copyright-text p span {
  background: transparent;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  color: var(--secondary-color);
}

/* Footer V3 */
.footer-v3 {
  padding: 105px 0 0;
}
.footer-v3 .footer-top {
  padding-bottom: 95px;
}
@media screen and (max-width: 991.98px) {
  .footer-v3 .footer-top {
    text-align: center;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-v3 .footer-bottom-wrapper {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1199.98px) {
  .footer-v3 .footer-widget .widget-title {
    font-size: 18px;
  }
}
.footer-v3 .footer-widget .line-wrap span {
  background: var(--primary-color);
}
.footer-v3 .footer-widget .widget-content .social-box a {
  border-color: rgba(216, 221, 225, 0.3);
}
.footer-v3 .footer-widget .widget-content .social-box a:after {
  background: transparent;
  background-color: var(--primary-color);
}
.footer-v3 .footer-widget .widget-content .social-box a:hover {
  border-color: transparent;
}
.footer-v3 .footer-widget .widget-content .widget-nav li a:hover {
  background: transparent;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  color: var(--primary-color);
}
.footer-v3 .footer-widget.footer-newsletter-widget .widget-content .submit-btn {
  color: var(--primary-color);
}
.footer-v3 .copyright-area {
  padding: 30px 0 35px;
}
.footer-v3 .copyright-area .copyright-text p span {
  background: transparent;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  color: var(--primary-color);
}



@media (max-width: 991px) {

.pt-70 {
    padding-top: 30px;
}

.pb-70 {
    padding-top: 30px;
}
.mkhc-choose_one.projectPage .mkhc-choose-wrapper {
    padding: 30px 0px;
}
    .mkhc-choose_one.projectPage .mkhc-choose-wrapper:before {
        background: #fff;
        left: 0;
    }
    
}


.journey-section{

    padding:0px 0;
    background:#fff;

}


.journey-title{

    text-align:center;
    margin-bottom:20px;

}


.journey-title h2{

        font-size: 20px;
    letter-spacing: 0;
    color: #12263f;
    font-weight: 700;

}


.journey-title p{

    color:#16818a;
    font-size:14px;

}



.timeline{

    width:900px;
    margin:auto;
    position:relative;

}


.timeline:before{

    content:"";
    position:absolute;
    left:50%;
    top:0;
    height:100%;
    width:3px;
    background:#d4418f;
    transform:translateX(-50%);

}



.timeline-item{

    width:100%;
    display:flex;
    align-items:center;
    margin-bottom:0px;
    position:relative;

}



.timeline-item.left{

    justify-content:flex-start;

}


.timeline-item.right{

    justify-content:flex-end;

}



.timeline .content{

    width:38%;
    padding:10px 25px;
}


.timeline .year{

    display:inline-block;
       background: linear-gradient(90deg, #8e4aa8 0%, #c21875 100%);

    color:white;
    padding:10px 35px;
    border-radius:8px;
    font-size:18px;
    font-weight:700;
    margin:0 0 15px 0;

}



.timeline .content h3{

    color:#2b317f;
    font-size:20px;
    margin:0 0 5px;

}


.timeline .content p{

    margin:0 0 8px;
    color:#333;
    font-size:13px;

}



.timeline .icon{

    width:70px;
    height:70px;

     background: linear-gradient(90deg, #8e4aa8 0%, #c21875 100%);

    color:#fff;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:28px;

    border:6px solid #fff;

    box-shadow:0 5px 20px rgba(0,0,0,.15);

    z-index:2;

}



.left .icon{

    margin-left:35px;

}



.right .icon{

    margin-right:35px;

}



.timeline-item:hover .icon{

    background:#2b317f;
    transition:.4s;

}

.founderImg {  width: 80%;     text-align: center;}

.founderImg img{       border-radius: 0%;
    margin: 0 0 15px;}
    
    .founderImg h3 {    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0;
    color: #2b317f;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;}
    
       .founderImg p {color:#000;}
       
       .founderImg i {}
       
         .founderImg .fa-linkedin-in {
                 background: #0A66C2;
    padding: 5px 10px;
    color: #fff;
        font-size: 25px;
    margin: 10px 0 0 0;
}


@media(max-width:768px){
    
    .header-one .header-navigation.sticky {
    padding: 0 15px;
}
    
    .founderImg {
    width: 100%; margin: 0 0 20px;}
    
    .whychoosepage .col-lg-6 {
    padding: 0;
}

 .whychoosepage.mkhc-choose_one .mkhc-image{
    padding: 30px 25px;
}
    
    
    .service-box ul {
    padding: 0 0 0 20px;
    }
    
    .mkhc-choose_one.projectPage .mkhc-choose-wrapper.serviceslistpage {        padding: 0 15px;}
    
    
    .projectKey h4 {
    font-size: 16px;
    padding: 0 0 0;
    margin: 15px 0 0 0;
}

.timeline .year {
    padding: 8px 25px;
    font-size: 16px;
}

.timeline .icon{

    width:60px;
    height:60px;
        font-size: 22px;
    
}

.timeline-item.left .icon{
    order: 1;
} 


.timeline-item.left .content{
    order: 2;
} 


.timeline{

width:100%;

}


.timeline:before{

left:35px;

}


.timeline-item,
.timeline-item.left,
.timeline-item.right{

justify-content:flex-start;
padding-left:0;

}


.timeline .icon{

margin:0 20px 0 0 !important;

}


.timeline .content{

width:75%;
padding: 10px 0;

}




}

.contact-wrapper h3 {
    font-size: 20px;
    margin: 0 0 10px !important;
    padding: 0;
}

.contact-wrapper p  {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 25px;
}

.form-control {
    font-size: 13px;
    padding: 10px 10px;
}