html {
    scroll-behavior: smooth !important;
    scroll-padding-top: var(--scroll-padding, 80px);
}

* {
    font-family: 'Source Sans 3', sans-serif;
}

.about {
    padding: 50px;
    text-align: center;
}

.products {
    background-color: #FCEDDA;
    padding-left: 150px;
    padding-right: 150px;
    border: 2px solid #FCEDDA;
    padding-bottom: 70px;
    padding-top: 50px;
    text-align: center;
}

.contactus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1560' height='560' preserveAspectRatio='none' viewBox='0 0 1560 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3cpath d='M-79.55 4.89 a84.44 84.44 0 1 0 168.88 0 a84.44 84.44 0 1 0 -168.88 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M-84.15 9.49 a93.64 93.64 0 1 0 187.28 0 a93.64 93.64 0 1 0 -187.28 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M-102.55 27.89 a130.44 130.44 0 1 0 260.88 0 a130.44 130.44 0 1 0 -260.88 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1364.26 9.07 a92.81 92.81 0 1 0 185.62 0 a92.81 92.81 0 1 0 -185.62 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1361.34 11.98 a98.64 98.64 0 1 0 197.28 0 a98.64 98.64 0 1 0 -197.28 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1320.44 52.9 a180.46 180.46 0 1 0 360.92 0 a180.46 180.46 0 1 0 -360.92 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M-65.68 439.02 a56.7 56.7 0 1 0 113.4 0 a56.7 56.7 0 1 0 -113.4 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M-72.47 445.8 a70.27 70.27 0 1 0 140.54 0 a70.27 70.27 0 1 0 -140.54 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-114.44 487.77 a154.21 154.21 0 1 0 308.42 0 a154.21 154.21 0 1 0 -308.42 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1357.1 464.23 a107.13 107.13 0 1 0 214.26 0 a107.13 107.13 0 1 0 -214.26 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1386.33 435.01 a48.68 48.68 0 1 0 97.36 0 a48.68 48.68 0 1 0 -97.36 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1323.07 498.27 a175.2 175.2 0 1 0 350.4 0 a175.2 175.2 0 1 0 -350.4 0z' fill='rgba(252%2c 237%2c 218%2c 1)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1006'%3e%3crect width='1560' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
    padding: 50px;
    text-align: center;
}

.enquiry {
    background-color: #FCEDDA;
    color: black;
    text-align: center;
    /* padding-top: 50px; */
    /* padding-bottom: 50px; */
}

.contactinfo {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    background-color: #FCEDDA;
    color: black;
}

.btn-primary {
    color: white;
    background-color: #EE4E34;
    border: 1px solid #EE4E34;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: white;
    color: black;
    border-color: #EE4E34;
    /*set the color you want here*/
}

.btn-submit {
    border: 1px solid #EE4E34;
    background-color: #EE4E34;
    color: white;
}

.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active,
.btn-submit.active,
.open>.dropdown-toggle.btn-submit {
    color: #EE4E34;
    background-color: white;
    border-color: #EE4E34;
    /*set the color you want here*/
}

.org-sub {
    color: #EE4E34;
}

.image-container {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
}

.image-container img {
    height: 350px;
    width: 100%;
}

/* Full-screen overlay */
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

#overlay img {
    display: block;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

.pur-now {
    margin-right: -40%;
}

.underline-style {
    background-image: linear-gradient(181deg, #EE4E34 0%, #EE4E34 50%, transparent 54%, transparent 100%);
    background-size: 100% 15%;
    background-repeat: repeat-x;
    background-position: left 0% bottom 10%;
}

.image-container div {
    font-size: 18px;
}

.image-container {
    border-radius: 15px; /* Adjust the value as per your preference */
    overflow: hidden; /* This ensures the border radius is applied to the image */
}

.image-container {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

@media (max-width: 768px) {
    .topm {
        margin-top: 40px;
    }

    .products {
        background-color: #FCEDDA;
        padding-left: 5%;
        padding-right: 5%;
        border: 2px solid #FCEDDA;
        text-align: center;
    }

    .enquiry {
        padding: 20px;
    }

    .en_mt {
        margin-top: 15px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .pur-now {
        margin-right: 0;
    }

    .about {
        padding: 20px;
        border: 2px solid #FCEDDA;
        text-align: center;
        justify-content: center;
    }
}