@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sameearahat.co.uk/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.3") format("woff2");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(39,80,59);
	--wd-alternative-color: rgb(39,80,59);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 500;
	--btn-default-bgcolor: rgb(73,62,54);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(32,11,11);
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(73,62,54);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgba(12,12,12,0.39);
}

.elementor-element-3f3f0d7 .box-with-icon .info-box-icon img {
   display: block; /* prevent Safari inline-image scaling bug */
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: transform 0.5s ease; /* Smooth transition for transform */
  transform: scale(1); /* Initial scale */
  -webkit-transform: scale(1); /* Safari support */
  -webkit-transition: -webkit-transform 0.5s ease; /* Safari smooth transition */
}

.elementor-element-3f3f0d7 .box-with-icon .info-box-icon img:hover {
      transform: scale(1.1); /* Zoom in effect (10% larger) */
  -webkit-transform: scale(1.1); /* Safari support */
}

.elementor-33 .elementor-element.elementor-element-d18b21c > .elementor-widget-container {
  
    margin-right: -127px;
    position: relative;
    z-index: 1;
    top: 14%;
}
.elementor-31 .elementor-element.elementor-element-fa2604b .wd-text-block {
    max-width: 100% !important;
}

.elementor-element.elementor-element-8e92c0a img{
   display: block; /* prevent Safari inline-image scaling bug */
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: transform 0.5s ease; /* Smooth transition for transform */
  transform: scale(1); /* Initial scale */
  -webkit-transform: scale(1); /* Safari support */
  -webkit-transition: -webkit-transform 0.5s ease; /* Safari smooth transition */
}
.elementor-element.elementor-element-8e92c0a img:hover{
        transform: scale(1.1); /* Zoom in effect (10% larger) */
  -webkit-transform: scale(1.1); /* Safari support */
}

.elementor-element-744b9ab .e-con-inner {
    max-width: 100% !important;
}

.elementor-element-da1f866 .box-with-icon .info-box-icon {
    overflow: hidden;
    border-radius: 50% 50% 0px 0px;
   border: 1px solid #bcb18f;
       max-height: 350px;
    height: 100%;
}
.elementor-element-3f3f0d7 .box-with-icon .info-box-icon {
    overflow: hidden;
    border-radius: 50% 50% 0px 0px;
    border: 1px solid #bcb18f;
        max-height: 350px;
    height: 100%;
}

@media (min-width: 1600px) {
  
.elementor-element-3f3f0d7 .box-with-icon .info-box-icon{
       max-height: 430px !important;
        width: 100% !important;
}
.elementor-element-da1f866 .box-with-icon .info-box-icon{
      max-height: 430px  !important;
      width: 100% !important;
}
	.container {
    max-width: 80% !important;
}   
body{

  font-size: 18px !important;
}

}


.elementor-element-da1f866 .box-with-icon .info-box-icon img{
      width: 100%;

      position: relative;
    overflow: hidden;
    transition: transform 0.5s ease; /* Smooth transition for transform */
    transform: scale(1); /* Initial scale */
}
.elementor-element-da1f866 .box-with-icon .info-box-icon img:hover{
   transform: scale(1.1); /* Zoom in effect (10% larger) */   
}
.elementor-element-da1f866 .info-box-content {
    background: #ecebe9;
    padding: 25px 15px 30px 15px;
    margin-top: -15px;
   
    width: 100%;
  
    margin-top: -14px;

}


.elementor-element-3f3f0d7 .info-box-content {
    background: #ecebe9;
    padding: 25px 15px 30px 15px;
    margin-top: -15px;
    display: block;

    margin-top: -14px;
  
}
.elementor-element-504bd46 {
    position: relative !important;
    z-index: 1!important;
}

.elementor-element-f578476 .e-con-inner {
    background: #493e36;
    border-radius: 50% 50% 0 0;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    opacity: 1 !important;
    max-width: 600px;
    padding: 65px;
    min-height: 390px;
    margin-bottom: 0;
}


.widget {
   
    padding-bottom: unset !important;
   
}
h5.widget-title {
    color: #d7d4d3;
    font-size: 15px;
    margin-top: -11px;
    margin-bottom: 5px;
}
.widget {
    
    border-bottom: unset !important;
}

.textwidget {
    font-size: 10px;
    color: #d7d4d3;
}

ul.list__menu li a {
   
    line-height: 29px;
    color: #333;
}

.wd-prefooter {
    padding-bottom: 0px !important;
  
    margin-top: -39px!important;
}


.box__side {
    background: #f7f0ec;
  
    margin-top: 113px;
    border-radius: 12px;
    margin-right: 80px;
}
.elementor-element-660bd4a .box-with-icon .info-box-icon img {
    border-radius: 50%;
    border: 1px solid;
    width: 100%;
    max-width: 280px;
}

span.sub__bottom_2 {
    font-size: 50px;
    /* margin-top: -21px !important; */
}

span.cost__prc {
    color: #493e36;
    font-size: 25px;
    font-weight: bold;
}

fieldset.hidden-fields-container {
    display: none;
}

.icons-design-default.color-scheme-light .wd-social-icon, [class*="color-scheme-light"] .icons-design-default .wd-social-icon {
    color: #333 !important;
}

.quote-section {

    margin: 0px auto;
    padding: 40px;

    border-radius: 20px;
 
    position: relative;
}

    /* Quotation marks */
 .quote-section::before {
    content: url("https://sameearahat.co.uk/wp-content/uploads/2025/08/fast1.png");
    position: absolute;
    top: -30px;
    left: 20px;
    z-index: -1;
    width: 110px;   /* adjust size */
    height: auto;   /* keep aspect ratio */
    display: block; /* ensures it renders properly */
}

.quote-section::after {
    content: url(https://sameearahat.co.uk/wp-content/uploads/2025/08/pa2.png);
    position: absolute;
    bottom: 15px;
    right: 40px;
    z-index: -1;
    width: 110px;
    height: auto;
    display: block;
}

    .quote-text {
      font-size: 18px;
      text-align: center;
      padding: 0 20px;
      color: #444;
    }

    /* Highlight Qur’an words */
    .quran {
      color: #493e36;
      font-weight: bold;
      font-style: italic;
    }

    @media (max-width: 768px) {
      .quote-section {
        margin: 0px 15px;
        padding: 25px;
      }
      .quote-text {
        font-size: 16px;
      }
    }

 

    .container_cus {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: start;
      max-width: 1000px;
      width: 100%;
      padding: 20px;
    }

    /* Left side text */
  .left-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 2rem;
    font-weight: bold;
    color: #4a4a4a;
    margin-right: 20px;
    letter-spacing: 12px;
}

    /* Right side image */
    .image-box {
   
      flex: 1;
      max-width: 700px;
      border-radius: 15px;
      overflow: hidden;
    }

    .image-box img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 15px;
    }

    /* Text overlay box */
 .overlay-text {
    position: absolute;
    top: 24%;
    left: 57%;
    background:#f5f5f4;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 50%;
    font-size: 16px;
    line-height: 1.5;
}

    /* Mobile responsiveness */
    @media (max-width: 768px) {
      .container_cus {
        flex-direction: column;
      }

      .elementor-33 .elementor-element.elementor-element-d18b21c > .elementor-widget-container {
    margin-right: unset !important;
    position: relative;
    z-index: 1;
    top: 0%!important;
}
      .left-text {
        writing-mode: horizontal-tb;
        margin: 10px 0;
        font-size: 1.5rem;
        text-align: center;
      }

      .overlay-text {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px;
        max-width: 100%;
        font-size: 0.9rem;
				left: unset !important;
      }
    }


    #beg__s {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background: #f5f5f5;
      padding: 20px;
    }

    #beg__s .card {
   
      padding: 30px;
      max-width: 1100px;
      width: 100%;
      border-radius: 12px;
     

      /* ✅ Switch to flex for equal spacing */
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 40px; /* equal gap between left, middle, right */
      flex-wrap: wrap;
    }

    #beg__s .left-title {
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      font-size: 50px;
      font-weight: bold;
      color: #493e36;
      text-align: center;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 15px;
    }

    #beg__s .image-box {
      flex: 2;
      max-width: 400px;
      position: relative;
      overflow: hidden;
      border-radius: 40% / 25%;
      aspect-ratio: 4 / 5;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ddd;
    }

    #beg__s .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #beg__s .right-text {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      color: #493e36;
      gap: 10px;
    }

    #beg__s .divider {
      border-left: 2px solid #555;
      height: 90px;
    }

    #beg__s .bottom-text {
      flex-basis: 100%;
      text-align: center;
      margin-top: 20px;
      font-size: 16px;
      line-height: 1.5;
      color: #444;
    }

    #beg__s .bottom-text strong {
      display: block;
      margin-top: 10px;
      font-size: 18px;
      color: #111;
    }

    /* Responsive */
    @media (max-width: 768px) {
      #beg__s .card {
        flex-direction: column;
        text-align: center;
        gap: 20px;
      }

      #beg__s .left-title {
        writing-mode: horizontal-tb;
        transform: none;
        margin-bottom: 10px;
      }

      #beg__s .divider {
        border-left: none;
        border-top: 2px solid #555;
        width: 40px;
        margin: 10px auto;
      }
    }

.custom-contact-form {
  background: #efeeed; /* Light beige background */
  padding: 40px;
  border-radius: 15px;
  max-width: 1200px;
  margin: auto;
  text-align: center;

}

.custom-contact-form .form-intro {
    margin-bottom: 20px;
    font-size: 16px;
    color: #493e36;
    width: 100%;
    max-width: 850px;
    display: block;
    margin: auto;
    padding-bottom: 30px;
}

.custom-contact-form .form-row {
  margin-bottom: 15px;
}

/* .custom-contact-form .two-column {
  display: flex;
  gap: 20px;
} */

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  border-radius: 25px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 15px;
}

.custom-contact-form textarea {
  min-height: 120px;
  resize: vertical;
}

.custom-contact-form .form-note {
  font-size: 13px;
  color: #777;
  margin-top: 5px;
}

.custom-contact-form .form-email {
  margin-top: 10px;
  font-weight: bold;
  color: #333;
}

.custom-contact-form .submit-row {
  text-align: center;
}

.custom-contact-form input[type="submit"] {
  background: #493e36;
  color: #fff;
  padding: 12px 25px;
  border-radius: 25px;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
  font-size: 14px;
}

.custom-contact-form input[type="submit"]:hover {
  background: #4f433a;
}


.page-title-default {

    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyrights-wrapper {
    border-top: 1px solid #6c645d !important;
}
.elementor-element.elementor-element-f6827f7 .title-after_title.set-cont-mb-s.reset-last-child.wd-fontsize-s h1 {
    font-size: 13px;
}
.elementor-2 .elementor-element.elementor-element-f578476::before, .elementor-2 .elementor-element.elementor-element-f578476 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-f578476 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-f578476 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-f578476 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-f578476 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
   
    --background-overlay: unset !important;
}

.wd-social-icons:is(.icons-size-small,.icons-size-) .wd-icon {
  
    color: #fff !important;
}

.menu-price-price.price {
    background: #493e36;
    /* width: 100%; */
    display: block;
    width: 140px;
    color: #fff !important;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    font-size: 20px;
}

.elementor-element.elementor-element-4eba383 img {
    /* border-radius: 72% 74% 15% 20%; */
    max-width: 453px;
    width: 100%;
    position: relative;
    top: 7%;
}

.elementor-element.elementor-element-47918fb {
    position: relative;
    z-index: 2;
}
img.attachment-full.size-full.wp-image-370 {
    border-radius: 0% 0% 50% 50%;
    max-width: 450px;
    width: 100%;
}


h5.widget-title {
  
    text-transform: capitalize !important;
}


   @media (max-width: 600px) {
.elementor-element-f578476 .e-con-inner {
   
    border-radius: 45% 45% 0 0!important;
  
    padding: 20px !important;
  
}
}