.btn-arj {
    color: black;
    background-color: #f1c702;
    border-color: #f1c702;
    border: solid 2px;
}

    .btn-arj:hover {
        color: #fff;
        background-color: #504200;
        border: solid 2px #504200;
    }

.productIcon {
    max-width: 100px !important;
    cursor: pointer;
}

    .productIcon:hover {
        -webkit-filter: drop-shadow(2px 2px 2px #fee263);
        filter: drop-shadow(2px 2px 2px #fee263);
    }

.swipperDIV {
    width: 20px !important;
}

.bg-Arj1 {
    background-image: url(../img/piArj1.jpg);
}

.bg-Arj2 {
    background-image: url(../img/piArj2.jpg);
}

.bg-Arj3 {
    background-image: url(../img/piArj3.jpg);
}

.pointer {
    cursor: pointer;
}

.extend-btn {
    padding: 5px;
    font-size: 13px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}

.extend2-btn {
    padding: 3px;
    font-size: 13px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}

.width100 {
    width: 100%;
}

input:focus {
    outline: none;
}

select {
    appearance: none; /* Disable the default arrow */
    -webkit-appearance: none; /* For WebKit-based browsers */
    -moz-appearance: none; /* For Firefox */
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    background-size: 20px !important;
    cursor: pointer !important;
}

.dropDownArj {
    width: 100%;
    background: #fff;
    padding: 10px 15px;
    border: solid 1px #ccc;
    height: 47px;
    font-size: 15px;
    color: #626262;
}

.glass {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-align: right;
    padding: 20px;
}

.font16 {
    font-size: 16px !important;
}

.font14 {
    font-size: 14px !important;
}

.margin0 {
    margin: 0px;
}

.agentInfo {
    border-bottom: solid 1px #ccc;
}

.colorWhite1 {
    color: white;
}

.colorGray1 {
    color: #7e7e7e;
}

.ulMenuProduct {
    min-width: 300px;
}

.menuTop {
    display: flex !important;
    border: solid 1px #ccc;
    margin: 10px !important;
    padding-top: 4px !important;
    background-color: #fee263;
    border-radius: 5px;
    cursor: pointer;
}

    .menuTop:hover {
        display: flex !important;
        border: solid 1px #ccc;
        margin: 10px !important;
        padding-top: 4px !important;
        background-color: #f1c702;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }

.menuTop1 {
    border: solid 1px #ccc;
    background-color: #fee263;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
    margin-right: 10px !important;
    margin-bottom: 5px !important;
    width: 100%;
    font-size: 14px !important;
    padding-top: 9px !important;
}

    .menuTop1:hover {
        border: solid 1px #ccc;
        background-color: #f1c702;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        width: 100%;
        font-size: 14px !important;
    }

.imageMenuTop1 {
    position: relative;
    left: 0px;
}

.imageInsideMenuTop1 {
    width: 100%;
    height: 170px;
    border: solid 1px #ccc;
    padding: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.widthUlMenuTop1 {
    width: 700px;
}

.backgroundMenu {
    background-color: #fee263;
}

.btnShop1 {
    display: block;
    margin-top: 20px;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 10px;
    padding-top: 13px;
}

    .btnShop1:hover {
        display: block;
        margin-top: 20px;
        border: solid 1px #ccc;
        padding: 10px;
        border-radius: 10px;
        padding-top: 13px;
        background-color: #cdcdcd;
        color: white !important;
    }

@media screen and (min-width:290px) {
    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        width: 100%;
        font-size: 14px !important;
        padding-right: 10px !important;
        padding-top: 4px !important;
        margin-top: 10px;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            width: 100%;
            font-size: 14px !important;
            padding-right: 10px !important;
            padding-top: 4px !important;
            margin-top: 10px;
        }

    .imageMenuTop1 {
        position: relative;
        left: -10px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .widthUlMenuTop1 {
        width: auto;
    }

    .backgroundMenu {
        background-color: #fff28c;
    }
}

@media screen and (min-width:481px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        width: 100%;
        font-size: 14px !important;
        padding-right: 10px !important;
        padding-top: 4px !important;
        margin-top: 10px;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            width: 100%;
            font-size: 14px !important;
            padding-right: 10px !important;
            padding-top: 4px !important;
            margin-top: 10px;
        }

    .imageMenuTop1 {
        position: relative;
        left: -10px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .widthUlMenuTop1 {
        width: auto;
    }

    .backgroundMenu {
        background-color: #fff28c;
    }
}

@media screen and (min-width:768px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        width: 100%;
        font-size: 14px !important;
        padding-right: 10px !important;
        padding-top: 4px !important;
        margin-top: 10px;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            width: 100%;
            font-size: 14px !important;
            padding-right: 10px !important;
            padding-top: 4px !important;
            margin-top: 10px;
        }

    .imageMenuTop1 {
        position: relative;
        left: -10px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .widthUlMenuTop1 {
        width: auto;
    }

    .backgroundMenu {
        background-color: #fff28c;
    }
}

@media screen and (min-width:961px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        width: 100%;
        font-size: 14px !important;
        padding-right: 10px !important;
        padding-top: 4px !important;
        margin-top: 10px;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            width: 100%;
            font-size: 14px !important;
            padding-right: 10px !important;
            padding-top: 4px !important;
            margin-top: 10px;
        }

    .imageMenuTop1 {
        position: relative;
        left: -10px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .widthUlMenuTop1 {
        width: auto;
    }

    .backgroundMenu {
        background-color: #fff28c;
    }

    .menuTop2 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        width: auto;
        font-size: 14px !important;
        margin-left: 10px !important;
        padding-top: 9px !important;
    }

        .menuTop2:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            margin-right: 10px !important;
            margin-bottom: 5px !important;
            width: auto;
            font-size: 14px !important;
            margin-left: 10px !important;
            padding-top: 9px !important;
        }
}

@media screen and (min-width:1024px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        width: 100%;
        font-size: 14px !important;
        padding-top: 9px !important;
        padding-right: 20px !important;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            margin-right: 10px !important;
            margin-bottom: 5px !important;
            width: 100%;
            font-size: 14px !important;
            padding-top: 9px !important;
            padding-right: 20px !important;
        }

    .imageMenuTop1 {
        position: relative;
        left: 0px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .widthUlMenuTop1 {
        width: 700px;
    }

    .backgroundMenu {
        background-color: #fee263;
    }
}

@media screen and (min-width:1381px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        width: 100%;
        font-size: 14px !important;
        padding-top: 9px !important;
        padding-right: 20px !important;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            margin-right: 10px !important;
            margin-bottom: 5px !important;
            width: 100%;
            font-size: 14px !important;
            padding-top: 9px !important;
            padding-right: 20px !important;
        }

    .imageMenuTop1 {
        position: relative;
        left: 0px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .widthUlMenuTop1 {
        width: 700px;
    }

    .backgroundMenu {
        background-color: #fee263;
    }
}

@media screen and (min-width:1399px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        width: 100%;
        font-size: 14px !important;
        padding-top: 9px !important;
        padding-right: 20px !important;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            margin-right: 10px !important;
            margin-bottom: 5px !important;
            width: 100%;
            font-size: 14px !important;
            padding-top: 9px !important;
            padding-right: 20px !important;
        }

    .imageMenuTop1 {
        position: relative;
        left: 0px;
    }

    .imageMenuTop1 {
        position: relative;
        left: 0px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .widthUlMenuTop1 {
        width: 700px;
    }

    .backgroundMenu {
        background-color: #fee263;
    }
}

@media screen and (min-width:1475px) {

    .menuTop1 {
        border: solid 1px #ccc;
        background-color: #fee263;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
        margin-right: 10px !important;
        margin-bottom: 5px !important;
        width: 100%;
        font-size: 14px !important;
        padding-top: 9px !important;
        padding-right: 20px !important;
    }

        .menuTop1:hover {
            border: solid 1px #ccc;
            background-color: #f1c702;
            border-radius: 5px;
            cursor: pointer;
            height: 40px;
            margin-right: 10px !important;
            margin-bottom: 5px !important;
            width: 100%;
            font-size: 14px !important;
            padding-top: 9px !important;
            padding-right: 20px !important;
        }

    .imageMenuTop1 {
        position: relative;
        left: 0px;
    }

    .imageMenuTop1 {
        position: relative;
        left: 0px;
    }

    .imageInsideMenuTop1 {
        width: 100%;
        height: 170px;
        border: solid 1px #ccc;
        padding: 3px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .widthUlMenuTop1 {
        width: 700px;
    }

    .backgroundMenu {
        background-color: #fee263;
    }
}