/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

:root{
  --thm-base:#292769;
  --thm-black:#4462aa;
}
.servicesMegaMenu .mfn-menu-item-megamenu {margin-left: -130%;}
.imgHoverZoom img{
    transition: transform 0.3s ease-in-out;
  }
  
.imgHoverZoom img:hover {
    transform: scale(1.2) !important; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

 .servicesSidebar .mcb-column {
    position: relative;
    
  }
.servicesSidebar .mcb-column-inner {
    position: relative;
    margin-bottom:10px;
  }
  .servicesSidebar .mfn-icon-box {
    padding:8px;
    background-color: #F7FAFD;
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #292769;
  }
  .servicesSidebar .icon-wrapper {
    width: 90px;
    height: 64px;
    border-style: none;
    border-width: 1px 1px 1px 1px;
    margin: 0 10px 0 0;
    transition: all 0.2s ease-in-out;
    border-radius: 10px;
  }
  .servicesSidebar .mfn-icon-box .icon-wrapper img{
    width: auto;
  }
  .servicesSidebar .desc {
    color: #204289;
    
  }
  .servicesSidebar .mfn-icon-box:hover .desc{
    color: #fff;
  }
  .servicesSidebar .mfn-icon-box:hover {
    background-color: #292769;
  }
  .servicesSidebar .activeSer .mfn-icon-box{
    background-color: #292769;
  }
  .servicesSidebar .activeSer .mfn-icon-box .desc{
    background-color: #292769;
  }
  .servicesSidebar .activeSer .mfn-icon-box .desc{
    color: #fff;
  }
  .siteBtn {
    -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 2;
  background: transparent !important;
  border: none !important;
  }
  .siteBtn::before {
    position: absolute;
    top: 0px;
    left: 100%;
    right: -50px;
    content: "";
    background: var(--thm-black);
    border-color:var(--thm-black);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    border-radius: 0%;
    transition-duration: 800ms;
    z-index: 1;
    bottom: 0;
  }
  .siteBtn:hover::before {
    left: 0;
    right: 0px;
  }
  .siteBtn::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    transform: scaleX(1.0);
    transition-duration: 800ms;
    background-color: var(--thm-base);
    z-index: -1;
  }
  .siteBtn:hover::after {
    transform: scaleX(0);
    transition-duration: 1500ms;
  }
  .siteBtn span {
    position: relative;
    z-index: 1;
  }
  .servicesMainList {width: 100% !important;}
  .servicesMainList h4{min-height: 65px;}
  .servicesMainCol .column_sidebar_widget .widget_block {margin-bottom: 0px;padding-bottom: 0px;margin-top: 0px;}
  .mfp-close {position: absolute;color: #fff !important;
    right: -28px;
    top: 12px;}

.wpcf7-form.invalid .wpcf7-response-output,.wpcf7-form.failed .wpcf7-response-output{
      position: relative;
      padding: .75rem 1.25rem;
      margin-bottom: 1rem;
      border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
      border-radius: .25rem;
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb !important;
}
.wpcf7-form.sent .wpcf7-response-output{
      position: relative;
      position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
    border-radius: .25rem;
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb !important;
}
.mfn-popup-tmpl {position: initial !important;}
.mfn-popup-tmpl-content .mfn-popup-tmpl-content-wrapper {overflow-x: hidden;}
.mfp-close {
  position: absolute;
  color: #fff !important;
  right: -28px;
  top: -18px;
  background-color: #292769 !important;
  opacity: 1;
  border-radius: 50%;
}
.mfp-close:active {
  top: -18px !important;
}
.column_opening_hours .mcb-item-opening_hours-inner {background: transparent !important;}
.mapSection .mcb-item-map_basic-inner {margin-bottom: 0;}
.contactPageFm .mfp-close {display: none !important;}
.formMarginBotm > p {margin-bottom: 0px;}
  @media (max-width:1239px) {  
    .servicesMainList .mfn-queryloop-item-wrapper { width: 50% !important; }
    .servicesSidebar .icon-wrapper {width: 60px;height: 43px;}
  }
  @media (max-width:979px) {  
    .headerMenu a.mfn-menu-link { padding-right: 30px;padding-left: 30px; }
  }
  @media (max-width:959px) {  
    .servicesMainList .mfn-queryloop-item-wrapper { width: 50% !important; }
    .single-portfolio .servicesMainCol {width: 100%}
    .contactUsGlobal .mcb-wrap{width: 100%; }
    body {font-size: 16px; line-height: 24px;} 
    .servicesSidebar .icon-wrapper {width: 90px;height: 64px;}
    .headerMenu .mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper{ align-items: start !important;padding-top: 95px !important; }
    .headerMenu .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a { color: #292769 !important; }
    .headerMenu .mfn-header-tmpl-menu-sidebar .mfn-close-icon {right: 10px;left: auto;background: #292769;border-radius: 50%;}
    .headerMenu .mfn-close-icon .icon{color: #fff !important;}
  }
  @media (max-width:767px) {  
    .servicesMainList .mfn-queryloop-item-wrapper { width: 100% !important; }
    .mfn-footer-tmpl .mcb-section:not(.full-width) {max-width: initial !important;}
  }