{"id":12644,"date":"2021-05-24T10:03:13","date_gmt":"2021-05-24T03:03:13","guid":{"rendered":"https:\/\/www.ashrafshafi.com\/?page_id=1023"},"modified":"2025-10-18T15:27:04","modified_gmt":"2025-10-18T15:27:04","slug":"men","status":"publish","type":"page","link":"https:\/\/www.ashrafshafi.com\/","title":{"rendered":"ASGT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12644\" class=\"elementor elementor-12644\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a41c943 e-flex e-con-boxed e-con e-parent\" data-id=\"a41c943\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-862c9fa elementor-widget elementor-widget-html\" data-id=\"862c9fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n  .hero-asgt {\r\n    width: 100%;\r\n    padding: 70px 20px;\r\n    position: relative;\r\n    text-align: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #3e261a, #7e5f42);\r\n    overflow: hidden;\r\n    font-family: 'Inter', sans-serif;\r\n    color: #fff;\r\n  }\r\n\r\n  .hero-asgt::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: url('g') center\/cover no-repeat;\r\n    opacity: 0.35;\r\n    z-index: 1;\r\n  }\r\n\r\n  .hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 800px;\r\n    backdrop-filter: blur(2px);\r\n    background: rgba(255,255,255,0.07);\r\n    padding: 40px 20px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.1);\r\n    animation: fadeInUp 1.2s ease;\r\n  }\r\n\r\n  .hero-content h1 {\r\n    font-size: clamp(28px, 5vw, 46px);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .hero-content p {\r\n    font-size: clamp(16px, 3.5vw, 20px);\r\n    font-weight: 400;\r\n    color: #f5f0ec;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .hero-content a {\r\n    display: inline-block;\r\n    padding: 12px 28px;\r\n    background: #fff;\r\n    color: #3e261a;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .hero-content a:hover {\r\n    background: #e8d4ba;\r\n  }\r\n\r\n  \/* Floating Badge *\/\r\n  .floating-badge {\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 24px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    backdrop-filter: blur(6px);\r\n    padding: 8px 16px;\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    z-index: 3;\r\n    animation: fadeInDown 1s ease;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    0% { opacity: 0; transform: translateY(20px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @keyframes fadeInDown {\r\n    0% { opacity: 0; transform: translateY(-10px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .hero-content {\r\n      padding: 30px 16px;\r\n    }\r\n\r\n    .hero-content h1 {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .hero-content p {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .hero-content a {\r\n      padding: 10px 22px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .floating-badge {\r\n      top: 16px;\r\n      left: 16px;\r\n      font-size: 12px;\r\n      padding: 6px 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Hero -->\r\n<section class=\"hero-asgt\">\r\n  <div class=\"floating-badge\">Since 2008<\/div>\r\n  <div class=\"hero-content\">\r\n    <h1>Discover Luxury with ASGT<\/h1>\r\n    <p>Wholesale Niche & Designer Fragrances Since 2008<\/p>\r\n    <a href=\"https:\/\/www.ashrafshafi.com\/?orderby=price-desc&paged=1&post_type=product\">Explore Products<\/a>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99fb562 e-con-full fix-slider-width e-flex e-con e-parent\" data-id=\"99fb562\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0f4bc27 e-con-full e-flex e-con e-child\" data-id=\"0f4bc27\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d87bc44 e-flex e-con-boxed e-con e-parent\" data-id=\"d87bc44\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-026ff95 elementor-widget elementor-widget-html\" data-id=\"026ff95\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .shimmer-category {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    padding: 40px 20px;\r\n    background: linear-gradient(to right, #e8ded2, #c8b6a6);\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  .shimmer-category a {\r\n    padding: 14px 28px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    border-radius: 40px;\r\n    background: linear-gradient(135deg, #f3ebe6, #d6c3b2);\r\n    color: #3e261a;\r\n    text-decoration: none;\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    backdrop-filter: blur(8px);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);\r\n    animation: bounceIn 0.8s ease;\r\n  }\r\n\r\n  .shimmer-category a:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .shimmer-category a::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.1) 0%,\r\n      rgba(255, 255, 255, 0.5) 50%,\r\n      rgba(255, 255, 255, 0.1) 100%\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmer 2.5s infinite;\r\n    z-index: 1;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -75%; }\r\n    100% { left: 125%; }\r\n  }\r\n\r\n  @keyframes bounceIn {\r\n    0% { transform: scale(0.9); opacity: 0; }\r\n    60% { transform: scale(1.05); opacity: 1; }\r\n    100% { transform: scale(1); }\r\n  }\r\n\r\n  .shimmer-category a span {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"shimmer-category\">\r\n  <a href=\"\/product-category\/niche\"><span>Niche<\/span><\/a>\r\n  <a href=\"\/product-category\/designer\"><span>Designer<\/span><\/a>\r\n  <a href=\"\/product-category\/premium-designer\"><span>Premium<\/span><\/a>\r\n  \r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e10fb42 e-flex e-con-boxed e-con e-parent\" data-id=\"e10fb42\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b24819 elementor-widget elementor-widget-html\" data-id=\"9b24819\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/11.0.5\/swiper-bundle.min.css\"\/>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/11.0.5\/swiper-bundle.min.js\"><\/script>\r\n\r\n<style>\r\n  .asgt-slider-section {\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 50px 20px;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n\r\n  .asgt-slider-section h2 {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #3e261a;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .swiper-slide {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(8px);\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    box-shadow: 0 6px 16px rgba(0,0,0,0.08);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .swiper-slide:hover {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .swiper-slide::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -70%;\r\n    width: 60%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.05) 0%,\r\n      rgba(255, 255, 255, 0.25) 50%,\r\n      rgba(255, 255, 255, 0.05) 100%\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmer 4s infinite;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -70%; }\r\n    100% { left: 130%; }\r\n  }\r\n\r\n  .swiper-slide img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .swiper-badge {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 12px;\r\n    background: #7e5f42;\r\n    color: #fff;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    z-index: 5;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.3px;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .swiper {\r\n    padding-bottom: 45px;\r\n  }\r\n\r\n  .swiper-button-next,\r\n  .swiper-button-prev {\r\n    color: #3e261a;\r\n    width: 30px;\r\n    height: 30px;\r\n    border: 1px solid #3e261a;\r\n    border-radius: 50%;\r\n    font-size: 12px;\r\n    top: 42%;\r\n    background: rgba(255,255,255,0.6);\r\n  }\r\n\r\n  .swiper-button-next:after,\r\n  .swiper-button-prev:after {\r\n    font-size: 13px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .swiper-button-next,\r\n    .swiper-button-prev {\r\n      width: 28px;\r\n      height: 28px;\r\n      font-size: 11px;\r\n      border-color: #3e261a;\r\n    }\r\n  }\r\n\r\n  .asgt-slider-btn {\r\n    margin-top: 30px;\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #fff;\r\n    background: #3e261a;\r\n    padding: 10px 22px;\r\n    border-radius: 25px;\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .asgt-slider-btn::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -60%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.08) 0%,\r\n      rgba(255, 255, 255, 0.4) 50%,\r\n      rgba(255, 255, 255, 0.08) 100%\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmerBtn 4s infinite;\r\n    z-index: 1;\r\n  }\r\n\r\n  .asgt-slider-btn:hover {\r\n    background: #2c1b12;\r\n  }\r\n\r\n  @keyframes shimmerBtn {\r\n    0% { left: -60%; }\r\n    100% { left: 130%; }\r\n  }\r\n\r\n  .asgt-slider-btn span {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"asgt-slider-section\">\r\n  <h2>Best Selling Items<\/h2>\r\n\r\n  <div class=\"swiper asgt-fragrance-swiper\">\r\n    <div class=\"swiper-wrapper\">\r\n\r\n      <!-- Slide 1 -->\r\n      <div class=\"swiper-slide\">\r\n        <span class=\"swiper-badge\">Top Seller<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0537\/7972\/6524\/files\/Boadicea_The_Victorious_Ardent_Review_480x480.jpg?v=1724703815\" alt=\"Boadicea\">\r\n      <\/div>\r\n\r\n      <!-- Slide 2 -->\r\n      <div class=\"swiper-slide\">\r\n        <span class=\"swiper-badge\">Exclusive<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0844\/2647\/files\/clivechristianecstatic-a2.webp?v=1724343959\" alt=\"Clive Christian\">\r\n      <\/div>\r\n\r\n      <!-- Slide 3 -->\r\n      <div class=\"swiper-slide\">\r\n        <span class=\"swiper-badge\">New<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/levelperfume.com\/cdn\/shop\/files\/03_1200x1200.jpg?v=1724145866\" alt=\"Initio Oud\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Navigation -->\r\n    <div class=\"swiper-button-next\"><\/div>\r\n    <div class=\"swiper-button-prev\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- CTA Button -->\r\n  <a href=\"https:\/\/www.ashrafshafi.com\/?orderby=price-desc&paged=1&post_type=product\" target=\"_blank\" class=\"asgt-slider-btn\">\r\n    <span>Explore Full Catalogue<\/span>\r\n  <\/a>\r\n<\/section>\r\n\r\n<script>\r\n  const swiper = new Swiper(\".asgt-fragrance-swiper\", {\r\n    slidesPerView: 3,\r\n    spaceBetween: 30,\r\n    loop: true,\r\n    autoplay: {\r\n      delay: 3000,\r\n      disableOnInteraction: false\r\n    },\r\n    navigation: {\r\n      nextEl: \".swiper-button-next\",\r\n      prevEl: \".swiper-button-prev\"\r\n    },\r\n    breakpoints: {\r\n      0: {\r\n        slidesPerView: 1.2,\r\n        spaceBetween: 16\r\n      },\r\n      768: {\r\n        slidesPerView: 2,\r\n        spaceBetween: 20\r\n      },\r\n      1024: {\r\n        slidesPerView: 3,\r\n        spaceBetween: 30\r\n      }\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ece3b81 e-flex e-con-boxed e-con e-parent\" data-id=\"ece3b81\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-086e78e elementor-widget elementor-widget-html\" data-id=\"086e78e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .brand-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background: rgba(255,255,255,0.12);\r\n    backdrop-filter: blur(6px);\r\n    text-align: center;\r\n    padding: 30px 10px 24px;\r\n    animation: fadeInUp 0.9s ease both;\r\n  }\r\n\r\n  .brand-section h3 {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    animation: fadeInUp 1.2s ease both;\r\n  }\r\n\r\n  .brand-strip-wrapper {\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  .brand-strip {\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    animation: scrollBrands 20s linear infinite;\r\n    width: max-content;\r\n  }\r\n\r\n  .brand-logo {\r\n    height: 38px;\r\n    opacity: 0.85;\r\n    filter: grayscale(100%);\r\n    transition: all 0.3s ease;\r\n    max-height: 48px;\r\n  }\r\n\r\n  .brand-logo:hover {\r\n    opacity: 1;\r\n    transform: scale(1.05);\r\n    filter: none;\r\n  }\r\n\r\n  .brand-logo-link {\r\n    display: inline-block;\r\n  }\r\n\r\n  .brand-button {\r\n    display: inline-block;\r\n    margin-top: 20px;\r\n    padding: 10px 24px;\r\n    background: #fff;\r\n    color: #3e261a;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .brand-button:hover {\r\n    background: #e8d4ba;\r\n    color: #3e261a;\r\n  }\r\n\r\n  @keyframes scrollBrands {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    0% { opacity: 0; transform: translateY(20px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .brand-section h3 {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .brand-logo {\r\n      height: 28px;\r\n    }\r\n\r\n    .brand-strip {\r\n      gap: 30px;\r\n    }\r\n\r\n    .brand-button {\r\n      font-size: 13px;\r\n      padding: 8px 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Brand Section With Animations + Button -->\r\n<div class=\"brand-section\">\r\n  <h3>Brands We Carry<\/h3>\r\n  <div class=\"brand-strip-wrapper\">\r\n    <div class=\"brand-strip\">\r\n      <!-- Custom Linked Logos -->\r\n      <a href=\"\/brands\/dior\" class=\"brand-logo-link\" title=\"Dior\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/dior-o.webp\" alt=\"Dior\" class=\"brand-logo\" \/>\r\n      <\/a>\r\n      <a href=\"\/brands\/amouage\" class=\"brand-logo-link\" title=\"Amouage\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/gg-logo.webp\" alt=\"Amouage\" class=\"brand-logo\" \/>\r\n      <\/a>\r\n      <a href=\"\/brands\/xerjoff\" class=\"brand-logo-link\" title=\"Xerjoff\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/gg-ssslogo.webp\" alt=\"Xerjoff\" class=\"brand-logo\" \/>\r\n      <\/a>\r\n      <a href=\"\/brands\/tom-ford\" class=\"brand-logo-link\" title=\"Tom Ford\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2019\/10\/tom_ford.png\" alt=\"Tom Ford\" class=\"brand-logo\" \/>\r\n      <\/a>\r\n      <a href=\"\/brands\/diptyque\" class=\"brand-logo-link\" title=\"Diptyque\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/dyptyq-logo.webp\" alt=\"Diptyque\" class=\"brand-logo\" \/>\r\n      <\/a>\r\n\r\n      <!-- Repeat for infinite scroll -->\r\n      <a href=\"\/brands\/dior\" class=\"brand-logo-link\"><img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/dior-o.webp\" alt=\"Dior\" class=\"brand-logo\" \/><\/a>\r\n      <a href=\"\/brands\/amouage\" class=\"brand-logo-link\"><img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/gg-logo.webp\" alt=\"Amouage\" class=\"brand-logo\" \/><\/a>\r\n      <a href=\"\/brands\/xerjoff\" class=\"brand-logo-link\"><img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/gg-ssslogo.webp\" alt=\"Xerjoff\" class=\"brand-logo\" \/><\/a>\r\n      <a href=\"\/brands\/tom-ford\" class=\"brand-logo-link\"><img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2019\/10\/tom_ford.png\" alt=\"Tom Ford\" class=\"brand-logo\" \/><\/a>\r\n      <a href=\"\/brands\/diptyque\" class=\"brand-logo-link\"><img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2025\/01\/dyptyq-logo.webp\" alt=\"Diptyque\" class=\"brand-logo\" \/><\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CTA Button -->\r\n  <a href=\"https:\/\/www.ashrafshafi.com\/?orderby=price-desc&paged=1&post_type=product\" class=\"brand-button\">Explore All Brands<\/a>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e35c25d e-flex e-con-boxed e-con e-parent\" data-id=\"e35c25d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a46e00d elementor-widget elementor-widget-html\" data-id=\"a46e00d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .cta-glass {\r\n    padding: 40px 15px;\r\n    background: linear-gradient(to right, #e8ded2, #c8b6a6);\r\n    font-family: 'Inter', sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .cta-card {\r\n    max-width: 700px;\r\n    width: 100%;\r\n    padding: 30px 20px;\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, 0.4);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    position: relative;\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    animation: fadeInUp 1s ease-out;\r\n  }\r\n\r\n  .cta-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 200%;\r\n    height: 100%;\r\n    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n    animation: shimmer 3s infinite;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cta-card * {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .cta-title {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .cta-text {\r\n    font-size: 15px;\r\n    color: #333;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .cta-button {\r\n    padding: 12px 28px;\r\n    background: #3e261a;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    border: none;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .cta-button:hover {\r\n    background: #d6c1aa; \/* Soft beige on hover *\/\r\n    color: #3e261a;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -100%; }\r\n    100% { left: 100%; }\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Mobile tweaks *\/\r\n  @media (max-width: 480px) {\r\n    .cta-card {\r\n      padding: 20px 15px;\r\n    }\r\n    .cta-title {\r\n      font-size: 20px;\r\n    }\r\n    .cta-text {\r\n      font-size: 14px;\r\n    }\r\n    .cta-button {\r\n      font-size: 13px;\r\n      padding: 10px 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cta-glass\">\r\n  <div class=\"cta-card\">\r\n    <div class=\"cta-title\">Join the ASGT Wholesale Network<\/div>\r\n    <div class=\"cta-text\">Become a partner and get exclusive access to premium niche and designer fragrances at unbeatable rates.<\/div>\r\n    <a href=\"\/contact\" class=\"cta-button\">Apply Now<\/a>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12ac606 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12ac606\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd9f020\" data-id=\"cd9f020\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:13574,&quot;url&quot;:&quot;https:\\\/\\\/www.ashrafshafi.com\\\/lastret\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/asgt-1-1-scaled-1.jpeg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b0de2ed elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b0de2ed\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9cc3a3c\" data-id=\"9cc3a3c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b171ada e-flex e-con-boxed e-con e-parent\" data-id=\"b171ada\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35ec6d9 elementor-widget elementor-widget-html\" data-id=\"35ec6d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n  .mobile-cta-bar {\r\n    position: fixed;\r\n    bottom: 16px;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(40px);\r\n    background: rgba(255, 255, 255, 0.09); \/* Even more transparent *\/\r\n    backdrop-filter: blur(14px);\r\n    border-radius: 14px;\r\n    padding: 10px 16px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    color: #3e261a;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n    z-index: 999;\r\n    width: 90%;\r\n    max-width: 380px;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    visibility: hidden;\r\n    transition: all 0.4s ease-in-out;\r\n  }\r\n\r\n  .mobile-cta-bar.show {\r\n    opacity: 1;\r\n    transform: translateX(-50%) translateY(0);\r\n    pointer-events: all;\r\n    visibility: visible;\r\n  }\r\n\r\n  .mobile-cta-bar.hide {\r\n    opacity: 0;\r\n    transform: translateX(-50%) translateY(40px);\r\n    pointer-events: none;\r\n    visibility: hidden;\r\n  }\r\n\r\n  .mobile-cta-bar.shake-repeat {\r\n    animation: shakeRepeat 0.6s ease;\r\n  }\r\n\r\n  @keyframes shakeRepeat {\r\n    0% { transform: translateX(-50%) scale(1); }\r\n    25% { transform: translateX(-48%) scale(1.01); }\r\n    50% { transform: translateX(-52%) scale(1.01); }\r\n    75% { transform: translateX(-49%) scale(1); }\r\n    100% { transform: translateX(-50%) scale(1); }\r\n  }\r\n\r\n  .mobile-cta-bar a {\r\n    padding: 8px 16px;\r\n    background: #3e261a;\r\n    color: #fff;\r\n    font-weight: 500;\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .mobile-cta-bar a:hover {\r\n    background: #2a1b12;\r\n  }\r\n\r\n  .cta-close {\r\n    background: none;\r\n    border: none;\r\n    color: #3e261a;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    opacity: 0.5;\r\n    transition: opacity 0.3s;\r\n  }\r\n\r\n  .cta-close:hover {\r\n    opacity: 1;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .mobile-cta-bar {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 769px) {\r\n    .mobile-cta-bar {\r\n      display: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"mobileCta\" class=\"mobile-cta-bar\">\r\n  <span><strong>Wholesale Access<\/strong><\/span>\r\n  <a href=\"https:\/\/www.ashrafshafi.com\/?page_id=34010\">Apply Now<\/a>\r\n  <button class=\"cta-close\" onclick=\"closeCtaBar()\">\u00d7<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  const ctaBar = document.getElementById('mobileCta');\r\n  let scrollDetected = false;\r\n  let scrollTimerStarted = false;\r\n  let shakeTimer = null;\r\n\r\n  function closeCtaBar() {\r\n    ctaBar.classList.remove('show');\r\n    ctaBar.classList.add('hide');\r\n    clearInterval(shakeTimer);\r\n  }\r\n\r\n  window.addEventListener('scroll', () => {\r\n    if (!scrollDetected) {\r\n      scrollDetected = true;\r\n\r\n      if (!scrollTimerStarted) {\r\n        scrollTimerStarted = true;\r\n        setTimeout(() => {\r\n          ctaBar.classList.remove('hide');\r\n          ctaBar.classList.add('show');\r\n\r\n          shakeTimer = setInterval(() => {\r\n            if (ctaBar.classList.contains('show')) {\r\n              ctaBar.classList.add('shake-repeat');\r\n              setTimeout(() => ctaBar.classList.remove('shake-repeat'), 600);\r\n            }\r\n          }, 8000);\r\n        }, 7000); \/\/ Show 7s after scroll\r\n      }\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adf4740 e-flex e-con-boxed e-con e-parent\" data-id=\"adf4740\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ba38e elementor-widget elementor-widget-html\" data-id=\"f1ba38e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n  .why-asgt-carousel-wrapper {\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 40px 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .why-asgt-title {\r\n    text-align: center;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .carousel-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .carousel-track {\r\n    display: flex;\r\n    gap: 16px;\r\n    overflow-x: auto;\r\n    scroll-behavior: smooth;\r\n    scroll-snap-type: x mandatory;\r\n    padding-bottom: 10px;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .carousel-track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .carousel-card {\r\n    flex: 0 0 80%;\r\n    max-width: 80%;\r\n    scroll-snap-align: start;\r\n    background: rgba(255,255,255,0.35);\r\n    backdrop-filter: blur(12px);\r\n    border-radius: 16px;\r\n    padding: 18px;\r\n    text-align: center;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .carousel-card:hover {\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .feature-icon {\r\n    font-size: 24px;\r\n    margin-bottom: 10px;\r\n    color: #3e261a;\r\n  }\r\n\r\n  .feature-text {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #3e261a;\r\n  }\r\n\r\n  .arrow-button {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(62, 38, 26, 0.8);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    z-index: 5;\r\n  }\r\n\r\n  .arrow-button.left {\r\n    left: 8px;\r\n  }\r\n\r\n  .arrow-button.right {\r\n    right: 8px;\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .carousel-card {\r\n      flex: 0 0 85%;\r\n      max-width: 85%;\r\n      padding: 14px;\r\n    }\r\n\r\n    .feature-icon {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .feature-text {\r\n      font-size: 12.5px;\r\n    }\r\n\r\n    .arrow-button {\r\n      width: 28px;\r\n      height: 28px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"why-asgt-carousel-wrapper\">\r\n  <div class=\"why-asgt-title\">Why Choose ASGT?<\/div>\r\n  <div class=\"carousel-container\">\r\n    <button class=\"arrow-button left\" onclick=\"scrollASGT(-1)\">&#10094;<\/button>\r\n    <div class=\"carousel-track\" id=\"asgtCarousel\">\r\n      <div class=\"carousel-card\">\r\n        <div class=\"feature-icon\">\ud83c\udf0d<\/div>\r\n        <div class=\"feature-text\">Ships Globally<\/div>\r\n      <\/div>\r\n      <div class=\"carousel-card\">\r\n        <div class=\"feature-icon\">\ud83d\udc8e<\/div>\r\n        <div class=\"feature-text\">Authentic Fragrances<\/div>\r\n      <\/div>\r\n      <div class=\"carousel-card\">\r\n        <div class=\"feature-icon\">\ud83d\udd12<\/div>\r\n        <div class=\"feature-text\">Trusted Since 2008<\/div>\r\n      <\/div>\r\n      <div class=\"carousel-card\">\r\n        <div class=\"feature-icon\">\u26a1<\/div>\r\n        <div class=\"feature-text\">Fast Fulfillment<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"arrow-button right\" onclick=\"scrollASGT(1)\">&#10095;<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const track = document.getElementById('asgtCarousel');\r\n  let autoScroll;\r\n\r\n  function scrollASGT(direction) {\r\n    const scrollAmount = track.clientWidth * 0.85;\r\n    track.scrollBy({ left: direction * scrollAmount, behavior: 'smooth' });\r\n  }\r\n\r\n  function startAutoScroll() {\r\n    autoScroll = setInterval(() => {\r\n      if (track.scrollLeft + track.clientWidth >= track.scrollWidth - 5) {\r\n        track.scrollTo({ left: 0, behavior: 'smooth' });\r\n      } else {\r\n        scrollASGT(1);\r\n      }\r\n    }, 1000);\r\n  }\r\n\r\n  function stopAutoScroll() {\r\n    clearInterval(autoScroll);\r\n  }\r\n\r\n  \/\/ Auto scroll starts on load\r\n  startAutoScroll();\r\n\r\n  \/\/ Pause on touch or hover\r\n  ['mouseenter', 'touchstart', 'mousedown'].forEach(evt =>\r\n    track.addEventListener(evt, stopAutoScroll)\r\n  );\r\n\r\n  \/\/ Resume on leave\r\n  ['mouseleave', 'touchend', 'mouseup'].forEach(evt =>\r\n    track.addEventListener(evt, startAutoScroll)\r\n  );\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5e9c6c e-flex e-con-boxed e-con e-parent\" data-id=\"f5e9c6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc14b1 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"6dc14b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .asgt-who-we-are {\r\n    position: relative;\r\n    background: url('https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2024\/11\/asgt-1.png') center center \/ cover no-repeat;\r\n    padding: 100px 20px;\r\n    font-family: 'Inter', sans-serif;\r\n    text-align: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .asgt-who-overlay {\r\n    background: rgba(255, 255, 255, 0.12);\r\n    backdrop-filter: blur(4px);\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    padding: 50px 30px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .asgt-who-overlay::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.05) 0%,\r\n      rgba(255, 255, 255, 0.25) 50%,\r\n      rgba(255, 255, 255, 0.05) 100%\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmer 5s infinite;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -75%; }\r\n    100% { left: 125%; }\r\n  }\r\n\r\n  .asgt-who-we-are h5,\r\n  .asgt-who-we-are h2,\r\n  .asgt-who-we-are p,\r\n  .asgt-who-we-are a {\r\n    position: relative;\r\n    z-index: 3;\r\n    opacity: 0;\r\n    animation: slideFadeUp 1s forwards;\r\n  }\r\n\r\n  .asgt-who-we-are h5 { animation-delay: 0.3s; }\r\n  .asgt-who-we-are h2 { animation-delay: 0.5s; }\r\n  .asgt-who-we-are p:nth-of-type(1) { animation-delay: 0.7s; }\r\n  .asgt-who-we-are p:nth-of-type(2) { animation-delay: 0.9s; }\r\n  .asgt-who-we-are a { animation-delay: 1.1s; }\r\n\r\n  @keyframes slideFadeUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .asgt-who-we-are h5 {\r\n    color: #d33;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    letter-spacing: 0.4px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .asgt-who-we-are h2 {\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n    color: #3e261a;\r\n    letter-spacing: 0.2px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .asgt-who-we-are p {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #2c2722;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n    letter-spacing: 0.2px;\r\n  }\r\n\r\n  .asgt-who-we-are a {\r\n    display: inline-block;\r\n    background: #d33;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 12px 28px;\r\n    border-radius: 30px;\r\n    text-decoration: none;\r\n    letter-spacing: 0.3px;\r\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .asgt-who-we-are a:hover {\r\n    background: #a82828;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .asgt-who-overlay {\r\n      padding: 30px 20px;\r\n    }\r\n\r\n    .asgt-who-we-are h2 {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .asgt-who-we-are p {\r\n      font-size: 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"asgt-who-we-are\">\r\n  <div class=\"asgt-who-overlay\">\r\n    <h5>23 Years of Excellence in Fragrance<\/h5>\r\n    <h2>Who We Are ?<\/h2>\r\n    <p>At ASGT, we specialize in wholesale fragrances, offering a diverse selection of niche, luxury, and designer brands to suit all markets. From exclusive scents to popular names, we cater to businesses of all sizes with flexible order options, competitive pricing, and worldwide shipping.<\/p>\r\n    <p>Our customer-focused approach ensures personalized support, helping you find the perfect products to grow your business. Partner with ASGT for reliable service, exceptional value, and access to the finest fragrances in the industry.<\/p>\r\n    <a href=\"#contact\">Contact Us<\/a>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf95325 e-flex e-con-boxed e-con e-parent\" data-id=\"cf95325\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9ef45a elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"f9ef45a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .asgt-about-section {\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 60px 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  .asgt-about-text {\r\n    flex: 1 1 480px;\r\n    max-width: 620px;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    backdrop-filter: blur(8px);\r\n    padding: 40px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\r\n    animation: fadeInLeft 1s ease;\r\n  }\r\n\r\n  .asgt-about-text h5 {\r\n    color: #d33;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .asgt-about-text h2 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #3e261a;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .asgt-about-text p {\r\n    font-size: 15px;\r\n    color: #4b4035;\r\n    line-height: 1.7;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .asgt-about-text a {\r\n    display: inline-block;\r\n    background: #d33;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 12px 28px;\r\n    border-radius: 30px;\r\n    text-decoration: none;\r\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .asgt-about-text a:hover {\r\n    background: #a82828;\r\n  }\r\n\r\n  .asgt-about-image {\r\n    flex: 1 1 400px;\r\n    max-width: 500px;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    animation: fadeInRight 1s ease;\r\n  }\r\n\r\n  .asgt-about-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 16px;\r\n    display: block;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  @keyframes fadeInLeft {\r\n    from { opacity: 0; transform: translateX(-30px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes fadeInRight {\r\n    from { opacity: 0; transform: translateX(30px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .asgt-about-text h2 {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .asgt-about-section {\r\n      flex-direction: column;\r\n      padding: 40px 20px;\r\n    }\r\n\r\n    .asgt-about-text {\r\n      padding: 30px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"asgt-about-section\">\r\n  <div class=\"asgt-about-text\">\r\n    <h5>23 Years of Excellence in Fragrance<\/h5>\r\n    <h2>Who We Are ?<\/h2>\r\n    <p>At ASGT, we specialize in wholesale fragrances, offering a diverse selection of niche, luxury, and designer brands to suit all markets. From exclusive scents to popular names, we cater to businesses of all sizes with flexible order options, competitive pricing, and worldwide shipping.<\/p>\r\n    <p>Our customer-focused approach ensures personalized support, helping you find the perfect products to grow your business. Partner with ASGT for reliable service, exceptional value, and access to the finest fragrances in the industry.<\/p>\r\n    <a href=\"#contact\">Contact Us<\/a>\r\n  <\/div>\r\n\r\n  <div class=\"asgt-about-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.ashrafshafi.com\/oldversion2\/wp-content\/uploads\/2024\/11\/asgt-1.png\" alt=\"ASGT Shop Front\">\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e75d67 e-flex e-con-boxed e-con e-parent\" data-id=\"9e75d67\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e983220 elementor-widget elementor-widget-html\" data-id=\"e983220\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .testimonial-section {\r\n    background: linear-gradient(to right, #e8ded2, #c8b6a6);\r\n    padding: 60px 20px;\r\n    font-family: 'Inter', sans-serif;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .testimonial-title {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .testimonial-slider-wrapper {\r\n    position: relative;\r\n    overflow: hidden;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .testimonial-slider {\r\n    display: flex;\r\n    gap: 20px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    padding: 10px 20px;\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  .testimonial-slider::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .testimonial-card {\r\n    flex: 0 0 320px;\r\n    scroll-snap-align: center;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .testimonial-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .testimonial-content {\r\n    font-size: 15px;\r\n    color: #333;\r\n    line-height: 1.6;\r\n    margin-bottom: 15px;\r\n    position: relative;\r\n  }\r\n\r\n  .testimonial-author {\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: #3e261a;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .testimonial-role {\r\n    font-size: 13px;\r\n    color: #777;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .verified-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .verified-icon img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .arrow-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(62, 38, 26, 0.8);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 34px;\r\n    height: 34px;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .arrow-btn:hover {\r\n    background: rgba(62, 38, 26, 1);\r\n  }\r\n\r\n  .arrow-left {\r\n    left: 10px;\r\n  }\r\n\r\n  .arrow-right {\r\n    right: 10px;\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .testimonial-card {\r\n      flex: 0 0 85%;\r\n    }\r\n    .arrow-btn {\r\n      width: 28px;\r\n      height: 28px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"testimonial-section\" onmouseover=\"pauseScroll=true\" onmouseout=\"pauseScroll=false\">\r\n  <div class=\"testimonial-title\">What Our Retail Partners Say<\/div>\r\n\r\n  <div class=\"testimonial-slider-wrapper\">\r\n    <button class=\"arrow-btn arrow-left\" onclick=\"scrollTestimonials(-1)\">&#10094;<\/button>\r\n    <div class=\"testimonial-slider\" id=\"testimonialSlider\">\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-content\">\u201cWe\u2019ve been buying wholesale perfumes for 12 years \u2014 ASGT is the only one we trust for rare inventory and consistent quality.\u201d<\/div>\r\n        <div class=\"testimonial-author\">Luca M. <span class=\"verified-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828640.png\" alt=\"Verified\"><\/span><\/div>\r\n        <div class=\"testimonial-role\">Retailer \u2013 Milan, Italy<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-content\">\u201cAs a boutique in Qatar, authenticity is everything. ASGT has been our exclusive supplier for over 3 years. 100% verified, always.\u201d<\/div>\r\n        <div class=\"testimonial-author\">Fatima R. <span class=\"verified-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828640.png\" alt=\"Verified\"><\/span><\/div>\r\n        <div class=\"testimonial-role\">Luxury Buyer \u2013 Doha<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-content\">\u201cPricing is fair, delivery is fast, and their customer support is top-tier. We\u2019ve scaled 2X in 8 months since partnering with ASGT.\u201d<\/div>\r\n        <div class=\"testimonial-author\">James T. <span class=\"verified-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828640.png\" alt=\"Verified\"><\/span><\/div>\r\n        <div class=\"testimonial-role\">Perfume Kiosk Owner \u2013 Toronto<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-content\">\u201cThe exclusive collections helped us attract premium shoppers who want something special. Their niche line sells out fast.\u201d<\/div>\r\n        <div class=\"testimonial-author\">Sara W. <span class=\"verified-icon\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828640.png\" alt=\"Verified\"><\/span><\/div>\r\n        <div class=\"testimonial-role\">Concept Store \u2013 Dubai Marina<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"arrow-btn arrow-right\" onclick=\"scrollTestimonials(1)\">&#10095;<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function scrollTestimonials(direction) {\r\n    const slider = document.getElementById(\"testimonialSlider\");\r\n    const scrollAmount = direction * 350;\r\n    slider.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-189c45a e-flex e-con-boxed e-con e-parent\" data-id=\"189c45a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baa0169 elementor-widget elementor-widget-html\" data-id=\"baa0169\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .asgt-contact-bar {\r\n    font-family: 'Inter', sans-serif;\r\n    background: rgba(255, 255, 255, 0.25);\r\n    backdrop-filter: blur(10px);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 40px;\r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);\r\n    flex-wrap: wrap;\r\n    max-width: 1080px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  .contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    min-width: 240px;\r\n    text-align: left;\r\n  }\r\n\r\n  .contact-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    background-color: rgba(255, 0, 0, 0.07);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .contact-icon img {\r\n    width: 22px;\r\n    height: 22px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .contact-item:hover .contact-icon img {\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  .contact-label {\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    color: #3e261a;\r\n  }\r\n\r\n  .contact-value {\r\n    font-weight: 400;\r\n    font-size: 15px;\r\n    color: #444;\r\n    display: block;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .asgt-contact-bar {\r\n      gap: 20px;\r\n      padding: 16px;\r\n    }\r\n\r\n    .contact-item {\r\n      min-width: 100%;\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"asgt-contact-bar\">\r\n  <div class=\"contact-item\">\r\n    <div class=\"contact-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/9068\/9068646.png\" alt=\"Email\" \/>\r\n    <\/div>\r\n    <div>\r\n      <span class=\"contact-label\">Email:<\/span>\r\n      <span class=\"contact-value\">contact@ashrafshafi.com<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"contact-item\">\r\n    <div class=\"contact-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/597\/597177.png\" alt=\"Phone\" \/>\r\n    <\/div>\r\n    <div>\r\n      <span class=\"contact-label\">Phone:<\/span>\r\n      <span class=\"contact-value\">+971521286702<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"contact-item\">\r\n    <div class=\"contact-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/684\/684908.png\" alt=\"Location\" \/>\r\n    <\/div>\r\n    <div>\r\n      <span class=\"contact-label\">Address:<\/span>\r\n      <span class=\"contact-value\">19 25 B St \u2013 Deira \u2013 Al Sabkha \u2013 Dubai<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-705aa16 e-flex e-con-boxed e-con e-parent\" data-id=\"705aa16\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15cd40a elementor-widget elementor-widget-html\" data-id=\"15cd40a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .asgt-map-section {\r\n    padding: 60px 20px;\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1); \/* Soft theme match *\/\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .asgt-map-container {\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n    background: rgba(255, 255, 255, 0.35);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);\r\n    text-align: center;\r\n    animation: fadeInUp 1s ease;\r\n  }\r\n\r\n  .asgt-map-title {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .asgt-map-sub {\r\n    font-size: 15px;\r\n    color: #5a4232;\r\n    margin-bottom: 24px;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .asgt-map-frame {\r\n    width: 100%;\r\n    height: 380px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .asgt-map-frame:hover {\r\n    transform: scale(1.01);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .asgt-map-title {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .asgt-map-sub {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .asgt-map-frame {\r\n      height: 260px;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    0% { opacity: 0; transform: translateY(20px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"asgt-map-section\">\r\n  <div class=\"asgt-map-container\">\r\n    <div class=\"asgt-map-title\">Visit Our Location<\/div>\r\n    <div class=\"asgt-map-sub\">We\u2019d love to welcome you to our Dubai showroom<\/div>\r\n    <iframe\r\n      class=\"asgt-map-frame\"\r\n      src=\"https:\/\/www.google.com\/maps?q=Ashraf+Shafi+General+Trading+LLC&output=embed\"\r\n      allowfullscreen=\"\"\r\n      loading=\"lazy\"\r\n      referrerpolicy=\"no-referrer-when-downgrade\"\r\n    ><\/iframe>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b84f65e e-flex e-con-boxed e-con e-parent\" data-id=\"b84f65e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f56c09e elementor-widget elementor-widget-html\" data-id=\"f56c09e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n  .faq-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1);\r\n    padding: 60px 20px;\r\n    max-width: 880px;\r\n    margin: 0 auto;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .faq-title {\r\n    text-align: center;\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .faq-item {\r\n    background: rgba(255, 255, 255, 0.3);\r\n    backdrop-filter: blur(14px);\r\n    border-radius: 16px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n  }\r\n\r\n  .faq-question {\r\n    padding: 16px 20px;\r\n    font-weight: 600;\r\n    color: #3e261a;\r\n    cursor: pointer;\r\n    position: relative;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .faq-question::after {\r\n    content: '+';\r\n    position: absolute;\r\n    right: 20px;\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n    color: #3e261a;\r\n  }\r\n\r\n  .faq-item.active .faq-question::after {\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    padding: 0 20px;\r\n    color: #2a1b12;\r\n    font-size: 14px;\r\n    transition: max-height 0.4s ease, padding 0.4s ease;\r\n    background: rgba(255,255,255,0.1);\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    max-height: 400px;\r\n    padding: 10px 20px 16px;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .faq-title {\r\n      font-size: 22px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .faq-question {\r\n      font-size: 14px;\r\n      padding: 14px 16px;\r\n    }\r\n\r\n    .faq-answer {\r\n      font-size: 13px;\r\n      padding: 0 16px;\r\n    }\r\n\r\n    .faq-item.active .faq-answer {\r\n      padding: 10px 16px 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"faq-section\">\r\n  <div class=\"faq-title\">Frequently Asked Questions<\/div>\r\n\r\n  <!-- REUSE all FAQ items here as provided earlier (same HTML structure) -->\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">Do you only sell to retailers and distributors?<\/div>\r\n    <div class=\"faq-answer\">\r\n      Yes, ASGT serves only verified businesses in the fragrance and beauty industry, including retailers, resellers, and bulk buyers.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">Are your fragrances authentic?<\/div>\r\n    <div class=\"faq-answer\">\r\n      100%. We only offer original, factory-sealed fragrances sourced from official distribution channels.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">What brands do you carry?<\/div>\r\n    <div class=\"faq-answer\">\r\n      We stock a mix of designer and niche brands including Dior, Creed, Kilian, Amouage, Initio, Xerjoff, and more.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">Do you offer exclusive or hard-to-find scents?<\/div>\r\n    <div class=\"faq-answer\">\r\n      Yes, we often carry rare, discontinued, and exclusive launches. Sign up to access our full catalog.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">What is your minimum order requirement?<\/div>\r\n    <div class=\"faq-answer\">\r\n      MOQs vary by region and account type. Most international clients start from $1,000+, but we can customize terms for volume buyers.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">Can I see prices without registering?<\/div>\r\n    <div class=\"faq-answer\">\r\n      No, pricing and live inventory are available only after your wholesale account is approved.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">Do you ship internationally?<\/div>\r\n    <div class=\"faq-answer\">\r\n      Absolutely. We ship to over 26 countries. Our logistics partners ensure secure and fast delivery worldwide.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">How long does shipping take?<\/div>\r\n    <div class=\"faq-answer\">\r\n      Orders are typically processed within 1\u20132 business days. Shipping times vary from 3\u201310 days depending on the destination.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">What payment methods do you accept?<\/div>\r\n    <div class=\"faq-answer\">\r\n      We accept wire transfers, major credit cards, PayPal (for select regions), and net terms for approved clients.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <div class=\"faq-question\">Can I request specific brand allocations or preorders?<\/div>\r\n    <div class=\"faq-answer\">\r\n      Yes, we support brand-specific bulk orders, allocations, and special product requests through our account reps.\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.querySelectorAll('.faq-question').forEach(q => {\r\n    q.addEventListener('click', () => {\r\n      const item = q.parentElement;\r\n      item.classList.toggle('active');\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fbd0d75 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fbd0d75\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a3b7117\" data-id=\"a3b7117\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-802bc3a e-flex e-con-boxed e-con e-parent\" data-id=\"802bc3a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-83c70f5 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"83c70f5\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1425f94 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"1425f94\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11d3247 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"11d3247\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-012a30a e-flex e-con-boxed e-con e-parent\" data-id=\"012a30a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ec67ee elementor-widget elementor-widget-html\" data-id=\"9ec67ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .asgt-contact-wrap {\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 80px 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 40px;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .asgt-contact-box {\r\n    flex: 1 1 420px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    backdrop-filter: blur(10px);\r\n    padding: 40px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.08);\r\n    position: relative;\r\n    overflow: hidden;\r\n    max-width: 500px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .asgt-contact-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.05),\r\n      rgba(255, 255, 255, 0.25),\r\n      rgba(255, 255, 255, 0.05)\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmer 6s infinite;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .asgt-contact-box * {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -75%; }\r\n    100% { left: 125%; }\r\n  }\r\n\r\n  .asgt-contact-box h2 {\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #3e261a;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .asgt-contact-info a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n    font-size: 15px;\r\n    color: #3e261a;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .asgt-contact-info a:hover {\r\n    color: #a45f2b;\r\n  }\r\n\r\n  .asgt-contact-info svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #3e261a;\r\n  }\r\n\r\n  .asgt-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .asgt-form input,\r\n  .asgt-form textarea {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: none;\r\n    padding: 14px 18px;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    font-family: inherit;\r\n    color: #333;\r\n    transition: box-shadow 0.3s;\r\n  }\r\n\r\n  .asgt-form input:focus,\r\n  .asgt-form textarea:focus {\r\n    outline: none;\r\n    box-shadow: 0 0 0 2px #c2b1a1;\r\n  }\r\n\r\n  .asgt-form textarea {\r\n    resize: vertical;\r\n    min-height: 120px;\r\n  }\r\n\r\n  .asgt-form button {\r\n    background: #3e261a;\r\n    color: #fff;\r\n    padding: 12px 28px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .asgt-form button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -60%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.08),\r\n      rgba(255, 255, 255, 0.4),\r\n      rgba(255, 255, 255, 0.08)\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmerBtn 4s infinite;\r\n    z-index: 1;\r\n  }\r\n\r\n  .asgt-form button span {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  @keyframes shimmerBtn {\r\n    0% { left: -60%; }\r\n    100% { left: 130%; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .asgt-contact-wrap {\r\n      flex-direction: column;\r\n      padding: 50px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"asgt-contact-wrap\">\r\n\r\n  <!-- Contact Info -->\r\n  <div class=\"asgt-contact-box\">\r\n    <h2>Let's Talk<\/h2>\r\n    <div class=\"asgt-contact-info\">\r\n      <a href=\"tel:+971521286702\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.91 15.91 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.21 11.36 11.36 0 003.55.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.55 1 1 0 01-.21 1.11z\"\/><\/svg>\r\n        +971 52 128 6702\r\n      <\/a>\r\n      <a href=\"mailto:contact@ashrafshafi.com\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4a2 2 0 00-2 2v1.18l10 6.2 10-6.2V6a2 2 0 00-2-2zm0 4.54l-8.4 5.2a1 1 0 01-1.2 0L4 8.54V18a2 2 0 002 2h12a2 2 0 002-2z\"\/><\/svg>\r\n        contact@ashrafshafi.com\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Contact Form -->\r\n  <div class=\"asgt-contact-box\">\r\n    <h2>Send a Message<\/h2>\r\n    <form class=\"asgt-form\" method=\"post\" action=\"mailto:contact@ashrafshafi.com\" enctype=\"text\/plain\">\r\n      <input type=\"text\" name=\"Name\" placeholder=\"Your Name\" required>\r\n      <input type=\"email\" name=\"Email\" placeholder=\"Your Email\" required>\r\n      <textarea name=\"Message\" placeholder=\"Your Message\" required><\/textarea>\r\n      <button type=\"submit\"><span>Send Message<\/span><\/button>\r\n    <\/form>\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Since 2008 Discover Luxury with ASGT Wholesale Niche &#038; Designer Fragrances Since 2008 Explore Products Niche Designer Premium Best Selling Items Top Seller Exclusive New Explore Full Catalogue Brands We Carry Explore All Brands Join the ASGT Wholesale Network Become a partner and get exclusive access to premium niche and designer fragrances at unbeatable rates. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12644","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages\/12644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12644"}],"version-history":[{"count":100,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages\/12644\/revisions"}],"predecessor-version":[{"id":34059,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages\/12644\/revisions\/34059"}],"wp:attachment":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}