.material-symbols--call {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ea3a60' d='M19.95 21q-3.125 0-6.175-1.362t-5.55-3.863t-3.862-5.55T3 4.05q0-.45.3-.75t.75-.3H8.1q.35 0 .625.238t.325.562l.65 3.5q.05.4-.025.675T9.4 8.45L6.975 10.9q.5.925 1.187 1.787t1.513 1.663q.775.775 1.625 1.438T13.1 17l2.35-2.35q.225-.225.588-.337t.712-.063l3.45.7q.35.1.575.363T21 15.9v4.05q0 .45-.3.75t-.75.3'/%3E%3C/svg%3E");
}

.uiw--mail-o {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ea3a60' fill-rule='evenodd' d='M18.333 2.5c.92 0 1.667.746 1.667 1.667v11.666c0 .92-.746 1.667-1.667 1.667H1.667C.747 17.5 0 16.754 0 15.833V4.167C0 3.247.746 2.5 1.667 2.5zM7.168 11.328l-4.91 4.852h15.325l-4.857-4.802L10 13.265zM18.64 7.292l-4.796 3.316l4.796 4.736zm-17.279.061v7.836l4.686-4.631zm16.956-3.532H1.698a.36.36 0 0 0-.25.086a.26.26 0 0 0-.085.222v1.62L10 11.656l8.644-5.965V4.199q.001-.2-.092-.292a.3.3 0 0 0-.234-.086'/%3E%3C/svg%3E");
}



body {
    font-family: 'Open Sans', sans-serif;

}

.container {
    max-width: 1140px !important;
}

.top-bar {
    background-color: #1f1f1f;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.top-bar i {
    color: #ff4b4b;
}

.top-bar a {
    color: #ffffff;
    text-decoration: none;
}









#mainNavbar {
    z-index: 2;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
}

.navbar-brand img {
    width: 224px;
    height: auto;
}

.navbar-nav .nav-link {
    color: #888888;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: -25px;
    transition: 0.4s ease;
}

.navbar-nav .nav-link.active {
    color: #ff2c55 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #ff2c55 !important;
}

.navbar-toggler {
    border: none !important;
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
}

.topbar-in-offcanvas {
    background-color: #1f1f1f;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    width: 100vh;
}


.dropdown-menu {
    border: none !important;
    border-radius: 0 !important;
    width: 264px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .28);
    padding: 0 !important;
}

.dropdown-item {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    color: #888888 !important;
    font-family: 'Open Sans', sans-serif;
    transition: 0.3s ease;
    padding: 16px 20px 14px !important;
}

.dropdown-item:hover {
    background-color: transparent;
    color: #ff2c55 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent !important;
    color: #ff2c55 !important;
}

.navbar-nav .dropdown-toggle::after {
    margin-left: 6px;
}



.mingcute--menu-fill {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23ea3a60' d='M20 17.5a1.5 1.5 0 0 1 .144 2.993L20 20.5H4a1.5 1.5 0 0 1-.144-2.993L4 17.5zm0-7a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3zm0-7a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3z'/%3E%3C/g%3E%3C/svg%3E");
}


@media (min-width: 992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 50px;
        opacity: 1;
        visibility: visible;
    }

    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .offcanvas-body {
        flex-direction: column !important;
    }

    .navbar .dropdown-toggle::after {
        display: none !important;
    }




}

.carousel {
    max-height: 600px;
    min-height: 300px;
}

.hero-slider img {
    width: 100%;
    max-height: 600px;
    min-height: 300px;
    object-fit: cover;
    object-position: top;
    z-index: 1;
}

.hero-slider.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    background-color: #000;
}

.hero-slider.carousel-fade .carousel-item.active {
    opacity: 1;
}




@media (max-width: 550px) {
    #mainNavbar {
        position: relative;
        background-color: #ffffff;
    }

    .hero-slider img {
        height: 250px;
    }


    .offcanvas-body {
        display: flex;
        flex-direction: column;
        padding-left: 1rem;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .navbar-nav .nav-link {
        margin: 10px 0;
        padding: 0 15px;
    }

    .dropdown-menu {
        border: none !important;
        border-radius: 0 !important;
        width: 264px;
        box-shadow: none !important;
        padding: 0;
    }

}

@media (min-width: 551px) and (max-width: 991px) {
    #mainNavbar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: transparent;
        padding: 20px 15px;
        z-index: 5;
    }

    .hero-slider {
        position: relative;
        z-index: 1;
    }

    .navbar-nav {
        flex-direction: column;
    }

    .navbar-nav .nav-link {
        margin: 10px 0;
        padding: 0 15px;
    }


    .offcanvas-body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .gradient-bar {
        background: linear-gradient(to right, #10b9b0, #1ec7d8, #2cb5e8);
        color: #fff;
        margin-bottom: 70px;
        margin-top: 15px;
    }

    .dropdown-menu {
        border: none !important;
        border-radius: 0 !important;
        width: 264px;
        box-shadow: none !important;
        padding: 0;
    }


}

@media (min-width: 992px) {
    #mainNavbar {
        position: relative;
        background-color: #ffffff;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar-nav .nav-link {
        margin-left: 20px;
    }
}






html,
body {
    overflow-x: hidden !important;
}

.offcanvas,
.offcanvas-body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.offcanvas .container,
.offcanvas .container-fluid {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.offcanvas .navbar-nav {
    width: 100%;
}

.offcanvas .nav-link {
    white-space: normal;
}




.pepicons-pop--line-x {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ea3a60' fill-rule='evenodd' d='M1 10a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.hello-welcome-section {
    margin-top: 87px;
}

.hello-welcome-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    letter-spacing: 2px;
}

.hello-welcome-paragraph {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
    letter-spacing: 1.5px;
    font-weight: 300;
    font-style: italic;
}

.infobox-image {
    position: relative;
    overflow: hidden;
}

.hover-img {
    width: 100%;
    display: block;
    filter: grayscale(100%);
    transition: transform 0.4s ease, filter 0.4s ease;
}

.infobox-image:hover .hover-img {
    filter: grayscale(0%);
    transform: translateY(-15px);
}

.infobox-button {
    position: relative;
    top: 0;
    float: right;
    margin: -27% 19px 0 0;
    max-width: 350px;
    background-color: #ea3a60;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 28px 50px;
    color: #ffffff;
    z-index: 10;
}

.deals-ofthe-week-section {
    background-image: url("../images/Home page/Deals of the week/Pencils.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.weekly-deals-heading {
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: end;

}

.weekly-deals-contant {
    font-family: 'open sans', sans-serif;
    color: white;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    text-align: end;
    margin-top: 25px;
}

.get-in-touch-bg {
    background: linear-gradient(-45deg,
            #3657d9,
            #5452c5,
            #744daf,
            #a8458c,
            #d03e71);
    background-size: 400% 400%;
    animation: gradientMove 15s ease infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@media (max-width: 700px) {
    .get-in-touch-bg .d-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

.get-in-touch-btn {
    background-color: white;
    color: black;
    border-radius: 3px;
    padding: 15px 18px;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;

}

.get-in-touch-btn:hover {
    background-color: #23282d;
    color: white;
}

.mingcute--right-fill {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: background-image 0.3s ease, transform 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%23000' d='M16.06 10.94a1.5 1.5 0 0 1 0 2.12l-5.656 5.658a1.5 1.5 0 1 1-2.121-2.122L12.879 12L8.283 7.404a1.5 1.5 0 0 1 2.12-2.122l5.658 5.657Z'/%3E%3C/g%3E%3C/svg%3E");
}

.get-in-touch-btn:hover .mingcute--right-fill {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%23ea3a60' d='M16.06 10.94a1.5 1.5 0 0 1 0 2.12l-5.656 5.658a1.5 1.5 0 1 1-2.121-2.122L12.879 12L8.283 7.404a1.5 1.5 0 0 1 2.12-2.122l5.658 5.657Z'/%3E%3C/g%3E%3C/svg%3E");
}

.get-in-touch-text {
    color: white;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    margin: 15px 0;
}

.new-product-section {
    padding: 40px 15px 15px 0;
    background-color: #f2f2f2;
}

.new-product-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    letter-spacing: 2px;
}

.slider {
    width: 100%;
    overflow: hidden;
    margin: 30px auto 150px;
    background: white;
}

.slider-track {
    display: flex;
    gap: 12px;
}

.slider-track img {
    height: 260px;
    object-fit: cover;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .slider-track img {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .slider-track img {
        width: 33.3333%;
    }
}

.callback-section {
    background-image: url("../images/Home page/contact section/backgroung.jpg");
    background-repeat: repeat-x;
    background-position: 50% 0;

    color: #fff;

}

.callback-title {
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 36px;
}






.floating-group {
    position: relative;
    margin-top: 25px;
}

.form-control {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #ea3a60 !important;
    border-radius: 0 !important;
    color: rgb(182, 182, 182) !important;
    padding: 10px 0 6px;
    font-size: 15px;
    transition: 0.4s ease-in-out !important;
}

.form-control:focus {
    box-shadow: none !important;
    border-bottom-color: rgb(165, 165, 165) !important;
    background: transparent !important;

}

.floating-group label {
    position: absolute;
    top: 12px;
    left: 0;
    color: rgb(192, 192, 192);
    font-size: 14px;
    pointer-events: none;
    transition: 0.3s ease;
}

.form-control:focus+label,
.form-control:not(:placeholder-shown)+label {
    top: -10px;
    font-size: 12px;
    color: rgb(192,
            192,
            192);
}

.submit-btn {
    margin-top: 100px;
    border: 2px solid #ea3a60;
    color: #e6e6e6;
    padding: 10px 35px;
    background: transparent;
    transition: 0.3s;
    margin-bottom: 25px;

}

.submit-btn:hover {
    background-color: #ea3a60;
}






.callback-image img {
    max-width: 100%;
    border-radius: 4px;
}

.site-footer {
    background-color: #343c41;
    color: #e0e0e0;
    padding: 60px 0 20px;
    font-size: 14px;
}

.footer-title {
    color: #ea3a60;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-family: 'Montserrat', sans-serif;
}

.footer-text {
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: white;
}

.contact-box {
    border: 1px solid #777;

    padding: 24px 38px 5px;
}

.contact-box p {
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 16px;
    margin: 15px 0;
}

.contact-box a {
    color: #fff;
    text-decoration: none;
    transition: 0.4s ease-in-out;
}

.contact-box a:hover {
    color: #ea3a60;
}

.map-box iframe {
    width: 100%;
    height: 220px;
    border: 0;
}


.footer-bottom {
    border-top: 1px solid #666;
    margin-top: 40px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer-bottom p {
    margin: 0;
}

.social a {
    width: 36px;
    height: 36px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


@media (max-width: 768px) {
    .footer-bottom {
        text-align: center;
        justify-content: center;
        gap: 10px;
    }
}

.ph--buildings-light {
    display: inline-block;
    width: 45px;
    height: 45px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M240 210h-18V96a14 14 0 0 0-14-14h-66V32a14 14 0 0 0-21.77-11.64l-80 53.33A14 14 0 0 0 34 85.34V210H16a6 6 0 0 0 0 12h224a6 6 0 0 0 0-12M208 94a2 2 0 0 1 2 2v114h-68V94ZM46 85.34a2 2 0 0 1 .89-1.66l80-53.34A2 2 0 0 1 130 32v178H46ZM110 112v16a6 6 0 0 1-12 0v-16a6 6 0 0 1 12 0m-32 0v16a6 6 0 0 1-12 0v-16a6 6 0 0 1 12 0m0 56v16a6 6 0 0 1-12 0v-16a6 6 0 0 1 12 0m32 0v16a6 6 0 0 1-12 0v-16a6 6 0 0 1 12 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: rgb(255, 255, 255);
}

.ion--call-outline {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='32' d='M451 374c-15.88-16-54.34-39.35-73-48.76c-24.3-12.24-26.3-13.24-45.4.95c-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39s-47.34-61.62-50.53-76.48s5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3c-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160 160 0 0 0 83 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64s54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159 159 0 0 0 13.8-25.8C465 391.17 468 391.17 451 374Z'/%3E%3C/svg%3E");
}

.material-symbols--mail-outline {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7L4 8v10h16V8zm0-2l8-5H4zM4 8V6v12z'/%3E%3C/svg%3E");
}

.footer-copyright-unity {
    text-decoration: none;
    color: white;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    transition: 0.4s ease-in-out;
}

.footer-copyright-unity:hover {
    color: #ea3a60;
}

.footer-facebook-link {
    background-color: white;
    transition: 0.4s ease-in-out;
}

.footer-facebook-link:hover {
    background-color: #ea3a60;
}




/* ------------------------------------------------about---------------------------------------------------- */

.gradient-bar {
    background: linear-gradient(to right, #10b9b0, #1ec7d8, #2cb5e8);
    color: #fff;
    margin-bottom: 70px;

}

.about-go-back-link {
    text-decoration: none;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 60px;
    font-weight: 600;

}

.about-go-back-link:hover {
    text-decoration: underline;
}

.about-company-section {

    color: #222;

}

.about-page-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 55px;
}

.about-page-img-main {
    height: auto;
    max-width: 100%;
}

.about-page-contant-head {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 25px;
}

.about-page-contant-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 25px;
}



.btn-gradient {
    background: linear-gradient(90deg, #01c0cf 0%, #59a1e3 100%);
    color: #fff;
    font-weight: 600;
    transition: all 0.5s ease !important;
    outline: none;
    border: none !important;
    margin-bottom: 20px;
}



.btn-gradient:hover {
    background: linear-gradient(90deg, #59a1e3 0%, #01c0cf 100%);
    transition: 0.4s ease;
}

.typcn--arrow-right-thick {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10.586 6.586a2 2 0 0 0 0 2.828L12.172 11H4.928a2 2 0 0 0 0 4h7.244l-1.586 1.586a2 2 0 1 0 2.828 2.828L19.828 13l-6.414-6.414a2 2 0 0 0-2.828 0'/%3E%3C/svg%3E");
}






/*----------------------------------------------------------contacts-------------------------------------------------------------------------------------------------------------*/



.contact-section {
    padding: 25px 0 0;
    background: #fff;
    padding-bottom: 30px;
}

.map-wrapper {
    position: relative;
    margin-top: 120px;
}

.map-wrapper iframe {
    width: 100%;
    height: 420px;
    border: none;
}

.contact-card {
    position: absolute;
    top: -140px;
    left: 50%;
    transform: translateX(-50%);
    background: #4298f5;
    padding: 50px 20px;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
    width: 100%;
    max-width: 1100px;
}

.contact-card-headings {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-card p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.2px;
}


@media (max-width: 991px) {
    .contact-card {
        position: relative;
        left: 0;
        transform: none;
        top: -60px;
        margin-bottom: -25% !important;


        /*position: absolute;
            top: -140px;
            left: 50%;
            transform: translateX(-50%);
            background: #4298f5;
            padding: 50px 20px;
            border-radius: 6px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
            width: 100%;
            max-width: 1100px;*/
    }

    .map-wrapper {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .contact-card {
        padding: 30px 15px;
        position: relative;
        left: 0;
        transform: none;
        top: -60px;
        margin-bottom: -50% !important;
    }

    .contact-card .col-md-4 {
        border: none !important;
        margin-bottom: 20px;
    }
}

.weui--location-outlined {
    display: inline-block;
    width: 58px;
    height: 58px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m12.065 21.243l-.006-.005zm.182-.274a29 29 0 0 0 3.183-3.392c2.04-2.563 3.281-5.09 3.365-7.337a6.8 6.8 0 1 0-13.591 0c.085 2.247 1.327 4.774 3.366 7.337a29 29 0 0 0 3.183 3.392q.166.15.247.218zm-.985 1.165S4 16.018 4 10a8 8 0 1 1 16 0c0 6.018-7.262 12.134-7.262 12.134c-.404.372-1.069.368-1.476 0M12 12.8a2.8 2.8 0 1 0 0-5.6a2.8 2.8 0 0 0 0 5.6m0 1.2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.circum--mobile-2 {
    display: inline-block;
    width: 60px;
    height: 60px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='17.937' r='1' fill='%23000'/%3E%3Cpath fill='%23000' d='M16.727 21.937H7.273a2.384 2.384 0 0 1-2.239-2.5V4.563a2.384 2.384 0 0 1 2.239-2.5h9.454a2.384 2.384 0 0 1 2.239 2.5v14.874a2.384 2.384 0 0 1-2.239 2.5M7.273 3.063a1.39 1.39 0 0 0-1.239 1.5v14.874a1.39 1.39 0 0 0 1.239 1.5h9.454a1.39 1.39 0 0 0 1.239-1.5V4.563a1.39 1.39 0 0 0-1.239-1.5Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.material-symbols-light--mail-outline-rounded {
    display: inline-block;
    width: 60px;
    height: 60px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zM20 6.885l-7.552 4.944q-.106.055-.214.093q-.109.037-.234.037t-.234-.037t-.214-.093L4 6.884v10.5q0 .27.173.443t.443.173h14.769q.269 0 .442-.173t.173-.443zM12 11l7.692-5H4.308zM4 6.885v.211v-.811v.034V6v.32v-.052v.828zV18z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.contact-page-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 25px;
}

.contact-page-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 33px;
    font-weight: 300;
    margin-bottom: 25px;
}

.contact-page-director-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 0;
}

.contact-page-director-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
}

.contact-page-director-links {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
    color: #ea3a60;
    text-decoration: none;
}

.inquiry-btn {
    font-family: 'Montserrat', sans-serif;
    margin-top: 100px;
    background-color: #ea3a60;
    color: #fff;
    padding: 15px 50px;
    transition: 0.3s;
    margin-bottom: 25px;
    border: 2px solid #ea3a60;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
}

.inquiry-btn:hover {
    background-color: #23282d;
    border: 2px solid #23282d;
}

.contact-page-form-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 25px;
    letter-spacing: 1.5px;
}




















@media (min-width: 992px) {

    html,
    body {
        overflow-x: visible !important;
    }

    .offcanvas,
    .offcanvas-body {
        overflow: visible !important;
        max-width: none !important;
    }

    #mainNavbar .navbar-nav {
        width: auto !important;
    }

    #mainNavbar .nav-link {
        white-space: nowrap !important;
        display: inline-block !important;
    }
}



/*---------------------------------products-------------------------------------*/

.product-page-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 2px;
    font-weight: 600;
}

.product-page-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1.5px;
    font-weight: 400;
}

.product-img-one {
    background-image: url("../images/Product page/chetak1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
}

.product-img-two {
    background-image: url("../images/Product page/chetak_school-1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
}

.product-img-three {
    background-image: url("../images/Product page/chetakg-1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
}

.img-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
}

.product-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.product-overlay h4 {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: 2px;

    text-transform: capitalize;
}

@media (max-width: 767px) {
    .product-img {
        height: 280px;
    }

    .product-overlay h4 {
        font-size: 18px;
    }
}

.product-overlay {
    transition: transform 0.4s ease;
}

.product-img-one:hover .product-overlay,
.product-img-two:hover .product-overlay,
.product-img-three:hover .product-overlay {
    transform: translateY(-10px);
}

/*--------------------------------office st page----------------------------------------------------*/

.product-overlay {
    transition: transform 0.4s ease;
}

.office-st-img-one:hover .product-overlay,
.office-st-img-two:hover .product-overlay,
.office-st-img-three:hover .product-overlay,
.office-st-img-four:hover .product-overlay,
.office-st-img-five:hover .product-overlay,
.office-st-img-six:hover .product-overlay,
.office-st-img-seven:hover .product-overlay,
.office-st-img-eight:hover .product-overlay,
.office-st-img-nine:hover .product-overlay,
.office-st-img-ten:hover .product-overlay,
.office-st-img-eleven:hover .product-overlay,
.office-st-img-th:hover .product-overlay,
.office-st-img-tw:hover .product-overlay {
    transform: translateY(-10px);
}


.office-st-img-one {
    background-image: url("../images/Product page/Office/1.jpeg");
}

.office-st-img-two {
    background-image: url("../images/Product page/Office/2.jpeg");
}

.office-st-img-three {
    background-image: url("../images/Product page/Office/3.jpeg");
}

.office-st-img-four {
    background-image: url("../images/Product page/Office/4.jpeg");
}

.office-st-img-five {
    background-image: url("../images/Product page/Office/5.jpeg");
}

.office-st-img-six {
    background-image: url("../images/Product page/Office/6.jpeg");
}

.office-st-img-seven {
    background-image: url("../images/Product page/Office/7.jpeg");
}

.office-st-img-eight {
    background-image: url("../images/Product page/Office/8.jpeg");
}

.office-st-img-nine {
    background-image: url("../images/Product page/Office/9.jpeg");
}

.office-st-img-ten {
    background-image: url("../images/Product page/Office/10.jpeg");
}

.office-st-img-eleven {
    background-image: url("../images/Product page/Office/11.jpeg");
}

.office-st-img-tw {
    background-image: url("../images/Product page/Office/12.jpeg");
}

.office-st-img-th {
    background-image: url("../images/Product page/Office/13.jpeg");
}


.office-st-img-one,
.office-st-img-two,
.office-st-img-three,
.office-st-img-four,
.office-st-img-five,
.office-st-img-six,
.office-st-img-seven,
.office-st-img-eight,
.office-st-img-nine,
.office-st-img-ten,
.office-st-img-eleven,
.office-st-img-tw,
.office-st-img-th {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
}

/*---------------------------------------office st products-----------------------------------*/
.product-detail-section {
    padding: 10px 0 100px;
    background: #fff;
}

.product-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 2px;
    line-height: 36px;
}

.title-underline {
    width: 40px;
    height: 4px;
    background-color: #ea3a60;
    margin: 0 auto 40px;
}


.product-image-wrapper {
    background: #f2f2f2;
    padding: 40px 0;
    display: inline-block;
    width: 100%;
}

.product-image-wrapper img {
    max-width: 220px;
}




/*------------------------school st--------------------------------------------------------------------*/

.school-stationary-brand-box {
    border: 3px double #ea3a60;
}

.school-stationary-brand-img {
    max-height: 120px;
    object-fit: contain;
}

.school-stationary-brand-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 2px;
    font-weight: 600;
}


/*-------------------------------------school st---------------------------------------*/
.product-overlay {
    transition: transform 0.4s ease;
}

.school-stationary-img-one:hover .product-overlay,
.school-stationary-img-two:hover .product-overlay,
.school-stationary-img-three:hover .product-overlay,
.school-stationary-img-four:hover .product-overlay,
.school-stationary-img-five:hover .product-overlay,
.school-stationary-img-six:hover .product-overlay,
.school-stationary-img-seven:hover .product-overlay,
.school-stationary-img-eight:hover .product-overlay,
.school-stationary-img-nine:hover .product-overlay,
.school-stationary-img-ten:hover .product-overlay,
.school-stationary-img-eleven:hover .product-overlay,
.school-stationary-img-twelve:hover .product-overlay,
.school-stationary-img-thirteen:hover .product-overlay,
.school-stationary-img-fourteen:hover .product-overlay,
.school-stationary-img-fifteen:hover .product-overlay,
.school-stationary-img-sixteen:hover .product-overlay,
.school-stationary-img-seventeen:hover .product-overlay {
    transform: translateY(-10px);
}

.school-stationary-img-one {
    background-image: url("../images/School Stationary/Chetak Stationary/1.jpeg");
}

.school-stationary-img-two {
    background-image: url("../images/School Stationary/Chetak Stationary/2.jpeg");
}

.school-stationary-img-three {
    background-image: url("../images/School Stationary/Chetak Stationary/3.jpeg");
}

.school-stationary-img-four {
    background-image: url("../images/School Stationary/Chetak Stationary/4.jpeg");
}

.school-stationary-img-five {
    background-image: url("../images/School Stationary/Chetak Stationary/5.jpeg");
}

.school-stationary-img-six {
    background-image: url("../images/School Stationary/Chetak Stationary/6.jpeg");
}

.school-stationary-img-seven {
    background-image: url("../images/School Stationary/Chetak Stationary/7.jpeg");
}

.school-stationary-img-eight {
    background-image: url("../images/School Stationary/Chetak Stationary/8.jpeg");
}

.school-stationary-img-nine {
    background-image: url("../images/School Stationary/Chetak Stationary/9.jpeg");
}

.school-stationary-img-ten {
    background-image: url("../images/School Stationary/Chetak Stationary/10.jpeg");
}

.school-stationary-img-eleven {
    background-image: url("../images/School Stationary/Chetak Stationary/11.jpeg");
}

.school-stationary-img-twelve {
    background-image: url("../images/School Stationary/Chetak Stationary/12.jpeg");
}

.school-stationary-img-thirteen {
    background-image: url("../images/School Stationary/Chetak Stationary/13.jpeg");
}

.school-stationary-img-fourteen {
    background-image: url("../images/School Stationary/Chetak Stationary/14.jpeg");
}

.school-stationary-img-fifteen {
    background-image: url("../images/School Stationary/Chetak Stationary/15.jpeg");
}

.school-stationary-img-sixteen {
    background-image: url("../images/School Stationary/Chetak Stationary/16.jpeg");
}

.school-stationary-img-seventeen {
    background-image: url("../images/School Stationary/Chetak Stationary/17.jpeg");
}

.school-stationary-img-one,
.school-stationary-img-two,
.school-stationary-img-three,
.school-stationary-img-four,
.school-stationary-img-five,
.school-stationary-img-six,
.school-stationary-img-seven,
.school-stationary-img-eight,
.school-stationary-img-nine,
.school-stationary-img-ten,
.school-stationary-img-eleven,
.school-stationary-img-twelve,
.school-stationary-img-thirteen,
.school-stationary-img-fourteen,
.school-stationary-img-fifteen,
.school-stationary-img-sixteen,
.school-stationary-img-seventeen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
}

/*-------------------------------gyan stationary-----------------------------*/
.gyan-stationary-img-one:hover .product-overlay,
.gyan-stationary-img-two:hover .product-overlay,
.gyan-stationary-img-three:hover .product-overlay,
.gyan-stationary-img-four:hover .product-overlay {
    transform: translateY(-10px);
}


.gyan-stationary-img-one {
    background-image: url("../images/School Stationary/Gyan stationary/1.jpeg");
}

.gyan-stationary-img-two {
    background-image: url("../images/School Stationary/Gyan stationary/2.jpeg");
}

.gyan-stationary-img-three {
    background-image: url("../images/School Stationary/Gyan stationary/3.jpeg");
}

.gyan-stationary-img-four {
    background-image: url("../images/School Stationary/Gyan stationary/4.jpeg");
}


.gyan-stationary-img-one,
.gyan-stationary-img-two,
.gyan-stationary-img-three,
.gyan-stationary-img-four {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 100px;
}


/*--------------------------------------------------------corporate gifting----------------------------------------------------------------*/
.corporate-gifting-img-one{
 background-image: url("../images/Corporate Gifting/1.jpg");
}
.corporate-gifting-img-two{
 background-image: url("../images/Corporate Gifting/2.jpg");
}
.corporate-gifting-img-one,
.corporate-gifting-img-two {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 100px;
}
.corporate-gifting-img-one:hover .product-overlay,

.corporate-gifting-img-two:hover .product-overlay {
    transform: translateY(-10px);
}