/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

html { scroll-behavior: smooth;}
/*h3.fw-semibold.text-white , .mfn-acc.accordion_wrapper.open1st div.title , h6.title.label{font-weight: 700 !important;}*/
/*div.title , .title.label { font-family: "Montserrat", sans-serif !important;}*/
/*a.button.action_button.top-bar-right-button { font-weight: 600;}*/
/*h1.tittle h1, h2.tittle h2, h3  {font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif  !important;}*/

.fw-semibold{font-weight: 600;}
.text-white{color: #fff;}
.text-black{color: #000;}
a.button span{display: flex;align-items: center;}
a.button img{margin-left: 5px;transition: all 0.2s ease-in-out;}
.bannerBtn img{transition: all 0.2s ease-in-out;}
a.button:hover img,.bannerBtn:hover img{transform: rotate(40deg);}

body:not(.template-slider) #Header{min-height: max-content;}
.header-shop-split #Action_bar{background-color: transparent;padding: 12px 0;}
.header-shop-split #Action_bar .container{padding: 0;}
#Action_bar .column.one{padding: 0;}
#Action_bar .contact_details{float: right;}
.header-shop-split #Action_bar .contact_details li{padding: 0 15px;border-right: 1px solid #fff;margin: 0;}
.header-shop-split #Action_bar .contact_details li i{margin-right: 10px;}
.header-shop-split #Action_bar .contact_details li.phone i:before{content: '\e827';}
.header-shop-split #Action_bar .contact_details li:last-child{padding-right: 0;border-right: none;}

#Top_bar{background-color: transparent !important;border: .5px solid #fff;}
#Top_bar .menu > li > a{padding-left: 0px;padding-right: 0px;/*line-height: 26px;*/}
#Top_bar .menu > li ul li a {  font-size: 15px; line-height: 22px;}
#Top_bar .menu > li > a span:not(.description){border: 1px solid transparent;border-width: 1px !important;border-radius: 50px;line-height: 26px;padding: 0 22px;}
#Top_bar .menu > li.current-menu-item > a span:not(.description),#Top_bar .menu > li > a:hover span:not(.description){border-color: #fff;}
.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle):after{right: 20px;}
.headerCusFormBtn{margin-right: 30px;}
.headerCusFormBtn:hover{color: #f3cd7b;}


.colAccordions .accordion .question > .title i{display: none !important;}
.colAccordions .accordion .question > .title{padding: 0 15px;height: 55px;align-content: center;z-index: 9;}
.colAccordions .accordion .question > .title:before{right: 0;left: unset;top: 0;bottom: 0;margin: auto;height: max-content;border: none !important;}
.colAccordions .accordion .question:nth-child(1) > .title:before{content: url(/wp-content/uploads/2025/03/Group-1000003104.svg);}
.colAccordions .accordion .question:nth-child(2) > .title:before{content: url(/wp-content/uploads/2025/03/fi_4593943.svg);}
.colAccordions .accordion .question:nth-child(3) > .title:before{content: url(/wp-content/uploads/2025/03/fi_4474201.svg);}
.colAccordions .accordion .question:nth-child(4) > .title:before{content: url(/wp-content/uploads/2025/03/Group-1000003104.svg);}
.colAccordions .accordion .question:nth-child(5) > .title:before{content: url(/wp-content/uploads/2025/03/fi_4593943.svg);}
.colAccordions .accordion .question:nth-child(6) > .title:before{content: url(/wp-content/uploads/2025/03/Group-1000003104.svg);}
.colAccordions .accordion .question:nth-child(7) > .title:before{content: url(/wp-content/uploads/2025/03/fi_4474201.svg);}


.colAccordions .accordion .question > .title:after{
    content: "";
    width: 0;
    height: 100%;
    display: block;
    background: #f3cd7b;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s ease-in-out;
    z-index: -1;
}
.colAccordions .accordion .question > .title:hover:after{width: 100%;}

.colAccordions .accordion .question > .answer .acc_sec {text-decoration: none;  float: right;  color: #000;position: relative;}
.colAccordions .accordion .question > .answer .acc_sec::before {
    content: "";background-image: url(https://impactdesignarchitect.com/wp-content/uploads/2025/03/Vector-1.svg);
    width: 16px;height: 16px;position: absolute;Background-repeat: no-repeat;
    right: 0px; bottom: -15px; transition: all 0.2s ease-in-out;}
.colAccordions .accordion .question > .answer .acc_sec:hover::before {   transform: rotate(40deg); filter: opacity(0.5);}
.mfn-popup-tmpl-content .mfn-popup-tmpl-content-wrapper {
    padding: 0px;
   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.flip-card .card-back h3 {    display: none;}

.flip-card {
    height: max-content;
    perspective: 1000px; 
}
.flip-card .card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.flip-card .card-front img{
    border-radius: 18px;
}
.flip-card .card-front h3{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    align-content: center;
    padding:0px 20px;
}
.flip-card .card-back{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 15px;
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
}
.flip-card .card-front {
    color: white;
}
.flip-card .card-back {
    background-color: #f3cd7b;
    transform: rotateY(180deg);
    padding: 0px 25px;
}
.flip-card:hover .card-inner {
    transform: rotateY(180deg);
}
.scroll-indicator {
  position: fixed;
  bottom: 20px;right: 0px;

  transform: translateX(-50%);
  z-index: 100;
}

.scroll-down {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #c59e47; /* Gold background */
  border-radius: 50%; /* Perfect circle */
  text-decoration: none;
}

.scroll-down .icon-down-1 {
  display: inline-block;
  font-size: 28px; /* Larger icon */
  color: white; /* White arrow for contrast */
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}


.homeSect4 .testiBgHeading{position: absolute;right: 0;width: max-content;top: 12%;}
.mcb-wrap-inner-4jokfpmxo , .mcb-wrap-n8ple16ws {display: none;}
a.acc_sec img {transform: rotate(43deg);position: relative;left: 10px;top: 3px;}
table.blackbg_table *{ color:#ffff; background:transparent; border:1px solid ; text-align:left;}
table.blackbg_table td {padding: 20px 15px;}
table.blackbg_table th {text-align: center;    color: #f3cd7b;    border-color: #fff;}
#Top_bar .menu li > ul {font-size: 16px;}
#Top_bar .menu li ul li {width: 250px;}
.inflip_card .card-back h3.fw-semibold {display: none;}





.flip-card.grey_bg { height: 220px;    perspective: 1000px;}
.flip-card.grey_bg  p{text-align:center;}
.flip-card.grey_bg  h4 {  text-align: center;font-weight: 600;color: #000;}
.flip-card.grey_bg  .card-inner {width: 100%;height: 100%;position: relative;transform-style: preserve-3d;transition: transform 0.6s;}
.flip-card.grey_bg :hover .card-inner {  transform: rotateY(180deg);}
.flip-card.grey_bg  .card-front { background-color: #f1f1f1;}
.flip-card.grey_bg  .card-front, .flip-card.grey_bg  .card-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius:0px !important;
 }
.flip-card.grey_bg  .card-front img {padding-bottom:15px;}
.flip-card.grey_bg  .card-back {background-color: #f3cd7b;transform: rotateY(180deg);padding: 0px 25px;}



.footerNewsletterBtn{position: absolute;top: 4px;right: 4px;}
.mfn-footer-menu{list-style: disc;}
.footerLogoSect:after{content: "";width: .5px;height: 100%;display: block;background-color: #DEDEDE80;position: absolute;top: 0;right: 40%;visibility: visible;}
.footerLogoSect .mfn-icon-box .icon-wrapper{display: none;}


/*RESUME*/
.left_resume p , .left_resume ul {color: #fff;}
.left_resume h2 {color: #f3cd7b;font-size: 26px;padding-top: 30px;}
.left_resume h3 {color: #f3cd7b;font-size: 24px;font-weight: 600;line-height: 28px;padding-top: 20px;}
.left_resume {padding: 20px;}
.left_resume ul {list-style: disc;padding-left: 25px;}
.left_resume ul li::marker {color: #f3cd7b;}
.timeline_items > li .desc:before{display:none;}
.mcb-section .mcb-wrap .mcb-item-z46svjb4e .mcb-column-inner-z46svjb4e{    height: 211px;}
.right_resume h2 {color: #f3cd7b;padding: 15px 30px;background: #000;width: max-content;border-radius: 0px 50px 50px 0px;font-size: 30px;}
.right_resume {  padding: 30px 0px;}
.right_resume p {  padding-left: 30px;    margin: 30px 0px;}
.right_resume ul li::marker { color: #f3cd7b;}
.right_sec_res ul {padding-top: 25px;}
.company_loc p {margin-bottom: 5px;}
.company_loc { margin-bottom: 25px;}
.company_loc h5 { background: #f3cd7b; width: max-content; padding: 10px 21px; border-radius: 50px;}
.hover_bgcasestudy .mcb-wrap-inner:hover h4 {color: #fff !important}

/*.wrap.mcb-wrap.mcb-wrap-461f123d5, .wrap.mcb-wrap.mcb-wrap-a4fea996f , .mcb-wrap-df541fb45, .mcb-wrap-0e3bffeac, .mcb-wrap-9b92062f8 , .mcb-wrap-0d2e1b008{display:none;}*/
.left_sticky {   position: sticky !important;    top: -190px !important;}
.company_name * {margin-bottom: 5px;}
.company_name {padding-bottom: 25px;}
.company_name h5 {font-size: 24px;border-bottom: 2px solid #c59e47; padding-bottom: 5px;line-height: 26px;}
.company_name b {color:#c59e47;}
.left_sticky a {color: #fff;}

.service-box .mcb-wrap-inner:hover {   transform: translateY(-10px);}
.service-box .mcb-wrap-inner{  transition: all 0.5s ease-in-out;}

/*blog section*/
.single-post .column.one.single-photo-wrapper.image , .single-post .column.one.post-header {display: none;}

.homeSect5 .mcb-item-icon_box_2-inner img.attachment-full.size-full, .blog_wrapper .posts_group img.scale-with-grid.wp-post-image, .single-photo-wrapper.image img.scale-with-grid.wp-post-image {
    height: 240px;
}

li#menu-item-289 , li#menu-item-283, li#menu-item-282 , .single-photo-wrapper .wp-caption-text {
  display: none !important;}


.wpcf7 form.invalid .wpcf7-response-output {  background: #c91d1d;} 
.wpcf7 form.sent .wpcf7-response-output{background: green;  }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
-moz-animation: cssAnimation 0.5s ease-in 3s forwards;
-webkit-animation: cssAnimation 0.5s ease-in 3s forwards;
-o-animation: cssAnimation 0.5s ease-in 3s forwards;
animation: cssAnimation 0.5s ease-in 3s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
border: none;
color: #fff;
padding: 16px 20px;
margin:0em 0em 1em;}
@keyframes cssAnimation {
0% {opacity: 1;}
50% {opacity: 0.5;}
100% {opacity: 0;display: none;} 
}


@media (min-width: 1240px){
	.custHeader{position: absolute;width: 1260px;z-index: 9;margin: 0 auto;left: 0;right: 0;}
}


@media (max-width: 767px){
    #Top_bar{border: none;}
    #Subheader{padding: 50px 0;}
    .mfn-footer-tmpl .mcb-section:not(.full-width){padding-left: 20px;padding-right: 20px;}
    .mfn-footer-menu{margin-left: 15px;}
    .footerLogoSect:after{display: none;}
    .right_resume p{padding:0px;}
    .right_resume h2 {padding: 10px 25px;border-radius: 50px;font-size: 22px; margin:auto;}
    .company_loc h5{width: auto;}
    .flip-card.grey_bg{    height: 150px;}
    table.blackbg_table * {text-align: center;}
    .accordion .question .title {    line-height: 20px;}
    .left_resume{padding-top:0px;}
    .left_resume h2{padding-top:15px; text-align:center;}
     .left_resume h3 ,.page-id-93 p , .page-id-93 h5 { text-align:center;}
     li#menu-item-283, li#menu-item-282 {
    display: block !important;}
    .mobile_hidden{display:none !important;}
}