/* Custom SVG Icons and Organic Shapes */

.leaf-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23047857'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66 .95-2.3c.48.17.98.3 1.34.33C19 20.03 22 4 22 4c-1 0-3.75 1.67-5 4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.circle-arrow-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8m0 0l-3-3m3 3l3-3'/%3E%3C/svg%3E");
    background-size: contain;
}

.organic-bg-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' fill='%23047857' opacity='0.03'%3E%3Cpath d='M0,100 Q300,50 600,100 T1200,100 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
}

.organic-bg-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' fill='%230ea5e9' opacity='0.03'%3E%3Cellipse cx='600' cy='200' rx='500' ry='180' transform='rotate(-10 600 200)'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
}

.wave-pattern {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fefce8' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,101.3C1248,85,1344,75,1392,69.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}