/* CUSTOME FONTS */
/*@font-face {font-family: "Metropolis-Regular";src: url("./fonts/Metropolis-Regular.ttf");font-display: swap;}*/
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Metropolis-Regular';
    src: url('fonts/Metropolis-Regular.woff2') format('woff2'),
        url('fonts/Metropolis-Regular.woff') format('woff'),
    url("./fonts/Metropolis-Regular.ttf") format('ttf');
    font-display: swap;
}
/*@font-face {font-family: "Metropolis-Medium";src: url("./fonts/Metropolis-Medium.ttf");font-display: swap;}*/
@font-face {
    font-family: 'Metropolis-Medium';
    src: url('fonts/Metropolis-Medium.woff2') format('woff2'),
        url('fonts/Metropolis-Medium.woff') format('woff'),
    url("./fonts/Metropolis-Medium.ttf") format('ttf');
    font-display: swap;
}
@font-face {font-family: "Metropolis-SemiBold";src: url("./fonts/Metropolis-SemiBold.ttf");font-display: swap;}
/*@font-face {font-family: "CooperMdBt";src: url("./fonts/CooperMdBTMedium.ttf");font-display: swap;  }*/
@font-face {
    font-family: 'CooperMdBt';
    src: url('fonts/CooperBT-Medium.woff2') format('woff2'),
        url('fonts/CooperBT-Medium.woff') format('woff'),
    url("./fonts/CooperMdBTMedium.ttf") format('ttf');
    font-display: swap;
}
/*@font-face {font-family: "Bauer Grotesk";src: url("fonts/FF_Bauer_Grotesk_Pro.otf");font-display: swap;}*/
@font-face {
    font-family: 'Bauer Grotesk';
    src: url('fonts/BauerGroteskPro.woff2') format('woff2'),
        url('fonts/BauerGroteskPro.woff') format('woff'),
        url("fonts/FF_Bauer_Grotesk_Pro.otf");
    font-display: swap;
}
/*@font-face{font-family:"Figtree-Regular";src:url("./fonts/Figtree-Regular.ttf");font-display: swap;}*/
@font-face {
    font-family: 'Figtree-Regular';
    src: url('fonts/Figtree-Regular.woff2') format('woff2'),
        url('fonts/Figtree-Regular.woff') format('woff'),
    url("./fonts/Figtree-Regular.ttf") format('ttf');
    font-display: swap;
}
/*@font-face{font-family:"Figtree-Medium";src:url("./fonts/Figtree-Medium.ttf");font-display: swap;}*/
@font-face {
    font-family: 'Figtree-Medium';
    src: url('fonts/Figtree-Medium.woff2') format('woff2'),
        url('fonts/Figtree-Medium.woff') format('woff'),
    url("./fonts/Figtree-Medium.ttf") format('ttf');
    font-display:swap;
}
/*@font-face{font-family:"Figtree-SemiBold";src:url("./fonts/Figtree-SemiBold.ttf");font-display: swap;}*/
@font-face {
    font-family: 'Figtree-SemiBold';
    src: url('fonts/Figtree-SemiBold.woff2') format('woff2'),
        url('fonts/Figtree-SemiBold.woff') format('woff'),
    url("./fonts/Figtree-SemiBold.ttf") format('ttf');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-semiBold';
    src: url('./fonts/Inter28pt-SemiBold.woff2') format('woff2'),
        url('./fonts/Inter28pt-SemiBold.woff') format('woff'),
        url('./fonts/Inter_28pt-SemiBold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-regular';
    src: url('./fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('./fonts/Inter18pt-Regular.woff') format('woff'),
        url('./fonts/Inter_18pt-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-medium';
    src: url('./fonts/Inter28pt-Medium.woff2') format('woff2'),
        url('./fonts/Inter28pt-Medium.woff') format('woff'),
        url('./fonts/Inter_28pt-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-bold';
    src: url('./fonts/Inter24pt-Bold.woff2') format('woff2'),
        url('./fonts/Inter24pt-Bold.woff') format('woff'),
        url('./fonts/Inter_24pt-Bold.ttf') format('truetype');
    font-display: swap;
}

:root{
    --primary-pink:  #f4476c;
    --primary-black:  #000000;
    --primary-white: #ffff;
    --secondary-golden-yellow: #fdb642;
    --secondary-dark-grey: #4b4b4b;
    --secondary-mid-grey: #878787;
    --secondary-light-grey: #aaaaaa;
    --secondary-border-grey: #dfdede;
    --secondary-background-grey: #fcfcfc;
}
html {
    overflow-x: hidden !important;
}

.wp-block-uagb-container.wpexperts-first {
    background-image: url(https://wpexperts.s3.amazonaws.com/wp-content/uploads/2026/02/hero-backround.svg) !important;
}

a {
    text-decoration: none !important;
}
p{font-family: "Figtree-Regular";}
h1{font-family: "CooperMdBt";}
h2,h3,h4,h5,h6{font-family: "Figtree-Medium" !important;}
.ast-container{padding: 0!important;}

div#mce-success-response {
    color: white;
}

.mc-field-group.sub_email input {width: 50% !important;padding: 15px !important;}

.product--content h2,
h3,
h4 {
    font-size: 24px;
    line-height: 36px;
    color: #2c3338;
    font-family: sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}



/*blog grabed css from custom_blog.css*/


.home_blog_inner_sec {
    display: flex;
    justify-content: space-around;
    gap: 24px;
}

.post-img img {
    border-radius: 8px;
    width: 100%;
    height: auto;
}

.blog-post {
    flex: 0 33%;
}

.post-date {
    margin-top: 12px;
    margin-bottom: 8px;
}

.post-date span {
    color: #000000;
    font-family: 'Figtree';
    font-size: 12px;
    font-weight: 400;
}

.title {
    margin: 8px 0px;
}

.title h3 {
    font-family: 'Figtree';
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin: 0px;
    letter-spacing: .6px;
}

.post-content {
    margin: 8px 0px;
}

.post-content p {
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0px;
}

.post-read span {
    font-family: 'Figtree';
    font-weight: 5;
    font-size: 16px;
    text-decoration: underline;
    color: #FF9900;
}

/*blog grabed css from custom_blog.css*/