.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
    display: block;
    padding: 10px 16px;
    background: #eee;
    color: #333;
    text-decoration: none;
    border-radius: 50px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a,
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li:hover>a{
    background: #190FEB;
    color: #fff;
}
.sp-simpleportfolio .sp-simpleportfolio-description {
    width: 100%;
    float: left;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  padding: 14px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
    background: #190feb;
    color: #fff
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
    background: #190feb;
    border-color:#190feb;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
    font-size: 16px !important;
}
.sp-simpleportfolio .sp-simpleportfolio-description>h2 {
    font-size: 48px;
    line-height: 1;
    margin: 0 0 10px;
    font-weight: 600;
}
/*********************************************
breezing form
**********************************************/
.bfQuickMode .fas.fa-asterisk, .bfQuickMode .bfbs5-fas.bfbs5-fa-asterisk {
    font-size: 9px;
    vertical-align: top;
   
}
i.bfbs3-fas.bfbs3-fa-asterisk:before {
    content: "*";
   color: red;
}
.bfQuickMode textarea {
    height: 250px;
    width: 100%;
    border-radius: 4px;
}
span.bfbs3-nonform-control {
    display: block;
}
/*********************************************
slides
**********************************************/
.sp-slider .sp-dots {
    left: 0;
    right: 0;
    transform: translateX(0%);
    max-width: 1320px;
    margin: auto;
    padding-left: 30px;
}
.sp-slider .sp-dots ul {
    text-align: left;
}
.dot-controller-dot.sp-slider .sp-dots ul li {
    border-color: #fff;
background:#fff!important;
}
.dot-controller-dot.sp-slider .sp-dots ul li.active {
     border-color:#190FEB;
}
.dot-controller-dot.sp-slider .sp-dots ul li::after {
    content: "";
    position: absolute;
    background: #190FEB;
}
@media (max-width: 767.98px) {
   .sp-slider-content-align-left {
        max-width: 95%;
        margin: auto;
    }
}
/*****************************************
offcanvas
******************************************/
.sp-megamenu-parent>li>a {
    color: #071838;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    font-weight: 700;
    color: #190feb !important;
}
.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li:hover>a  {
    font-weight: 700;
    color: #190feb!important;
    position: relative;
}
/*.sp-megamenu-parent>li.active>a:after,
.sp-megamenu-parent>li:hover>a:after{
    content:"";
    width:30px;
    height:30px;
    border:3px solid #190FEB;
    border-radius:50%;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:6px;
}*/

.offcanvas-menu .offcanvas-inner a {
    color: #0345bf;
    font-weight:700!important;
    opacity:1!important;
}

.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active {
    color: #0345bf
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #071838;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #0345bf
}
@media (max-width: 1199px) {
  .sp-page-title h2,
  .sp-page-title h3 {
    font-size: 38px !important;
  }
  h1,
  h2,
  h3 {
    font-size: 34px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 18px !important;
  }
  h6 {
    font-size: 16px !important;
  }
  #sp-bottom .sp-module .sp-module-title {
    font-size: 20px !important;
  }
  .article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 1.175rem!important;
}
  #sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    font-size: 22px !important;
  }
}

@media (max-width: 991px) {
  .sp-page-title h2,
  .sp-page-title h3 {
    font-size: 38px !important;
  }
  h1,
  h2,
  h3 {
    font-size: 28px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 18px !important;
  }
  h6 {
    font-size: 16px !important;
  }
    #sp-bottom .sp-module .sp-module-title {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .sp-page-title h2,
  .sp-page-title h3 {
    font-size: 28px !important;
  }
  h1,
  h2,
  h3 {
    font-size: 24px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 16px !important;
  }
  h6 {
    font-size: 16px !important;
  }
  .sp-page-title {
    padding: 30px 0 30px;
}
    #sp-bottom .sp-module .sp-module-title {
    font-size: 20px !important;
  }
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 14px!important;
    font-weight: normal;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 600px;
}
.entry-header {
    padding: 0px 15px;
}
/**icon group list**/
.sppb-icons-group-list li:first-child {
    /* margin:0px!important; */
}
.sppb-icons-group-list li i{
    font-size: 22px!important;
}

.view-category #sp-main-body, .view-article #sp-main-body {
    padding: 75px 0!important;
}
#sp-main-body {
    padding: 75px 0;
}
@media(max-width:767px){
 #sp-main-body {
    padding: 50px 0;
}
}
.entry-image, .entry-gallery, .entry-video, .entry-audio, .entry-link {
    margin-bottom: 10px!important;
}
.entry-header h2 {
    margin: 0px 0px 15px 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 1;
    color: #000;
}
.entry-header {
    position: relative;
    margin-bottom: 0px;
}

article.item {
    margin-bottom: 0;
    border: 2px solid #3c94a9;
}
article.item .system-unpublished .entry-header {padding:0px 15px;}
article.item .system-unpublished p {padding:0px 15px;margin-top: 15px;margin-bottom: 0;}
.article-info > dd {
    color: #3c94a9;
}
.article-info > dd a {
    color: #186784;
  color: #3c94a9;
}
.readmore a.btn {
    color: #0a5061;
}
@media(max-width:767px){
  article.item {
    /* margin-bottom: 15px!important; */
}
}
.fa-map-marker:before {
    content: "\f3c5"!important;
}
/**Feature icon**/
.sppb-icon .sppb-icon-container > i {
    line-height: 25px!important;
}

.feature-left .sppb-media {
    display: flex;
    align-items: center;
}

.feature-left .pull-left {
    float: none !important;
    width: 100% !important;
    flex: 0 0 80px;
    max-width: 80px;
}

.feature-left h5 {
    margin-bottom: 0px;
}

/**default**/
.bfQuickMode .bfSubmitButton,
.sppb-btn.sppb-btn-default,
a.sppb-readmore
{padding: 4px 6px 4px 20px!important;border: 1px solid #190feb;cursor: pointer;position:relative;top:0;transition: all .3s;overflow:hidden;color:#fff!important;background:#190feb!important;background-image:linear-gradient(180deg,#190feb,#190feb);border-radius:50px!important;text-transform:capitalize;outline:none!important;font-size: 16px;font-weight: 600;letter-spacing: .3px;line-height: 1!important;/* min-width: 135px;*//* margin-left: auto; *//* margin-right: auto; */display: inline-flex;align-items:center;text-align:center!important;}

.bfQuickMode .bfSubmitButton:hover,
.bfQuickMode .bfSubmitButton:active,
.bfQuickMode .bfSubmitButton:hover:active,
.sppb-btn.sppb-btn-default:hover,
.sppb-btn.sppb-btn-default:active,
.sppb-btn.sppb-btn-default:hover:active{
    border: 1px solid #071838!important;
    color:#fff!important; 
  outline:none!important;
   background:#071838!important; 
    background-image:linear-gradient(45deg,#071838,#071838)!important;
}
.bfQuickMode .bfSubmitButton:before,
.sppb-btn.sppb-btn-default:before,
a.sppb-readmore:before{
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  background: #fff;
  left: -155px;
  top: -40px;
  transform: rotate(0deg);
  transition: all .6s;
  opacity: 0.3;
}
.bfQuickMode .bfSubmitButton i.fas.fa-arrow-right,
.sppb-btn.sppb-btn-default i.fas.fa-arrow-right,
a.sppb-readmore i.fas.fa-arrow-right{
 color:#fff;
 background-color:#fff;
 border-radius:50%;
 padding:8px;
 margin-left: 10px!important;
 font-family: 'DM Sans'!important;
 position:relative;
 width:34px;
 height:34px;
}
.bfQuickMode .bfSubmitButton i.fas.fa-arrow-right:before,
.sppb-btn.sppb-btn-default .fa-arrow-right:before,
a.sppb-readmore i.fas.fa-arrow-right:before{
    content: ""!important;
    background-image: url('/images/0_mdt/pattern/button-icon.png');
  background-repeat:no-repeat;
  background-size:contain;
position:absolute;
 top:50%;
 transform:translateY(-50%) rotate(0deg);
 transition:0.3s;
 left:0;
 right:0;
 margin:auto;
 width:12px;
 height:18px;
  filter: brightness(1) invert(1);

}
.bfQuickMode .bfSubmitButton:hover i.fas.fa-arrow-right,
.sppb-btn.sppb-btn-default:hover i.fas.fa-arrow-right,
a.sppb-readmore:hover i.fas.fa-arrow-right{
 color:#071838;
 background-color:#fff;
}
.bfQuickMode .bfSubmitButton:hover i.fas.fa-arrow-right:before,
.sppb-btn.sppb-btn-default:hover .fa-arrow-right:before,
a.sppb-readmore:hover i.fas.fa-arrow-right:before{
 transform:translateY(-50%) rotate(-90deg);
  
}
/*
.bfQuickMode .btn:hover,
.sppb-btn.sppb-btn-default:hover{
  top:6px;
}
.bfQuickMode .btn:hover:before,
.sppb-btn.sppb-btn-default:hover:before{
  left:150%;

}
*/

/**primary**/

.sppb-btn.sppb-btn-primary, .cls-enquiry .bfQuickMode .btn,
.sppb-sp-slider-button .sp-slider-btn-text{
    padding: 4px 6px 4px 16px!important;
    border: 1px solid #fff;
  cursor: pointer;
  position:relative;
  top:0;
  transition: all .3s;
  overflow:hidden;
  color: #190FEB!important;
  background: #fff!important;
  border-radius:50px!important;
  text-transform:capitalize;
  text-align:center;
  outline:none!important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
  /*min-width: 145px;*/
  display: inline-flex;
 align-items:center;
 text-align:center!important;
}


.sppb-btn.sppb-btn-primary:hover,
.sppb-btn.sppb-btn-primary:focus,
.sppb-btn.sppb-btn-primary:active,
.sppb-btn.sppb-btn-primary:hover:active,

.sppb-sp-slider-button .sp-slider-btn-text:hover:active,
.sppb-sp-slider-button .sp-slider-btn-text:hover,
.sppb-sp-slider-button .sp-slider-btn-text:focus,
.sppb-sp-slider-button .sp-slider-btn-text:active {
  border: 1px solid #071838!important;
    color:#fff!important; 
  outline:none!important;
   background:#071838!important; 
    background-image:linear-gradient(45deg,#fff,#fff);
}

.sppb-btn.sppb-btn-primary:before, 
.sppb-sp-slider-button .sp-slider-btn-text:before{
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  background : #fff!important;
  left: -105px;
  top: -40px;
  transform: rotate(0deg);
  transition: all .6s;
  opacity: 0.3;
}

.sp-slider-btn-icon {
    display: grid;
}
.sppb-btn.sppb-btn-primary .fa-arrow-right,
.sppb-sp-slider-button .sp-slider-btn-text i.fas.fa-arrow-right {
    color:#fff;
    background-color:#190FEB;
    border-radius:50%;
    padding:8px;
    margin-left:5px!important;
     font-family: 'DM Sans'!important; 
    position:relative;
   width:34px;
    height:34px;
   }
.sppb-btn.sppb-btn-primary .fa-arrow-right:before,
   .sppb-sp-slider-button .sp-slider-btn-text .fa-arrow-right:before {
       content: ""!important;
      background-image: url('/images/0_mdt/pattern/button-icon.png');
     background-repeat:no-repeat;
     background-size:contain;
   position:absolute;
    top:50%;
    transform:translateY(-50%) rotate(0deg);
    transition:0.3s;
    left:0;
    right:0;
    margin:auto;
    width:12px;
    height:18px;
    /* filter: brightness(0) invert(1);*/
   
   }
.home-default-slider .sp-slider-btn-text:hover .sp-slider-btn-icon {
    transform: rotate(0deg);
}
.sppb-btn.sppb-btn-primary:hover i.fas.fa-arrow-right, 
   .sppb-sp-slider-button .sp-slider-btn-text:hover i.fas.fa-arrow-right {
    color:#000;
    background-color:#fff;
   }
.sppb-btn.sppb-btn-primary:hover i.fas.fa-arrow-right:before,
   .sppb-sp-slider-button .sp-slider-btn-text:hover .fa-arrow-right:before {
    transform:translateY(-50%) rotate(-90deg)!important;
      filter: brightness(1) invert(1);
   }
/*
.sppb-btn.sppb-btn-primary:hover,.cls-enquiry .bfQuickMode .btn:hover,
.sppb-sp-slider-button .sp-slider-btn-text:hover{
  top:6px;
}

.sppb-btn.sppb-btn-primary:hover:before,.cls-enquiry .bfQuickMode .btn:hover:before,
.sppb-sp-slider-button .sp-slider-btn-text:hover:before{
  left:150%;

}*/

@media(max-width:767px){
  .bfQuickMode .btn,
  .sppb-btn.sppb-btn-default,
  .sppb-btn.sppb-btn-primary, 
  .cls-enquiry .bfQuickMode .btn, 
  .sppb-sp-slider-button .sp-slider-btn-text{
      padding: 4px 6px 4px 16px!important;
  }

}
/**faq**/
.sppb-addon-accordion .sppb-panel-heading.active, .sppb-addon-accordion .sppb-panel-heading {
    color: #0a5061;
    border: 2px solid;
    border-bottom-color: #0a5061!important;
    background-color: #f1f7f9;
    padding-left: 15px;
    border-radius: 0;
}
.sppb-addon-accordion .sppb-panel-body {
    padding: 23px 15px;
  border-bottom: none;
}
.sppb-panel-modern {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 1px 5px rgb(225 225 225 / 40%);
}


/**Breezing form**/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #1D1D1B!important;
}
.bfQuickMode .bfElemWrap {
    margin-bottom: 20px!important;
}
button#bfSubmitButton {
    float: right;
    margin-right: 6px;
}
.fa-asterisk:before {
    font-size: 5px;
}
.bfQuickMode .bfbs5-nonform-control, .bfQuickMode .nonform-control {
    width: 70%;
}


.bfQuickMode input[type="text"].bfCalendar, .bfQuickMode .bfbs5-uneditable-input.bfCalendar, .bfQuickMode .uneditable-input.bfCalendar,
.bfQuickMode input[type="text"].custom-form-control, .bfQuickMode .bfbs5-uneditable-input.custom-form-control, .bfQuickMode .uneditable-input.custom-form-control{
    max-width: 100% !important;
}
.field-calendar button {
    min-width: auto!important;
}
@media(max-width:767px){
  .bfQuickMode .bfElemWrap .form-inline label, .bfQuickMode .bfElemWrap .form-inline label, .bfQuickMode .bfElemWrap .form-inline label {
    min-width: 100%!important;
}
.bfQuickMode .bfElemWrap .form-inline input[type="text"], .bfQuickMode .bfElemWrap .form-inline input[type="number"], .bfQuickMode .bfElemWrap .form-inline textarea, .bfQuickMode .bfElemWrap .form-inline select {
 
    max-width: 100%!important;
}
}