/************************show product page ****************/
.my_link {
    text-decoration: none;
}

.warninInHover:hover {
    color: rgb(255, 193, 7) !important;
}

#product_bar {
    color: white;
    background-color: rgba(19, 33, 74, 0.6);
    /*border-top:4px solid  rgba(19, 33,  74, 0.6);*/
    /*                 border-bottom:4px solid  rgba(19, 33,  74, 0.6);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 30px;
    padding-right: 50px;
}

.product_yellow_box {
    /*background-color:rgba(255, 193, 7 , 0.5) !important;*/
    /*text-align: center;*/

}


.contact_us_product_btn {
    border-radius: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
    color: white !important;

}

.whatsapp_product_btn {
    border-radius: 30px;
    padding-bottom: 15px;
    padding-top: 15px;

}

.boxShadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.contac_us_box_in_product .btn-c:hover {
    animation: shake_left_right 0.2s;
    animation-iteration-count: 1;
}

@keyframes shake {
    0% {
        transform: rotate(20deg);
    }
    /*10% { transform: translate(-1px, -2px) rotate(-1deg); }*/
    /*20% { transform: translate(-3px, 0px) rotate(1deg); }*/
    /*30% { transform: translate(3px, 2px) rotate(0deg); }*/
    /*40% { transform: translate(1px, -1px) rotate(1deg); }*/
    30% {
        transform: rotate(0deg);
    }
    /*60% { transform: translate(-3px, 1px) rotate(0deg); }*/
    /*70% { transform: translate(3px, 1px) rotate(-1deg); }*/
    /*80% { transform: translate(-1px, -1px) rotate(1deg); }*/
    /*90% { transform: translate(1px, 2px) rotate(0deg); }*/
    75% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }

}

@keyframes shake_left_right {
    0% {
        transform: translate(-10px);
    }
    /*10% { transform: translate(-1px, -2px) rotate(-1deg); }*/
    /*20% { transform: translate(-3px, 0px) rotate(1deg); }*/
    /*30% { transform: translate(3px, 2px) rotate(0deg); }*/
    /*40% { transform: translate(1px, -1px) rotate(1deg); }*/
    30% {
        transform: translate(0px);
    }
    /*60% { transform: translate(-3px, 1px) rotate(0deg); }*/
    /*70% { transform: translate(3px, 1px) rotate(-1deg); }*/
    /*80% { transform: translate(-1px, -1px) rotate(1deg); }*/
    /*90% { transform: translate(1px, 2px) rotate(0deg); }*/
    75% {
        transform: translate(10px);
    }
    100% {
        transform: translate(0px);
    }

}


#my_card:hover .x-btn {
    visibility: visible !important;
}

.x-btn {
    position: absolute;
    left: 0;
    top: 0;

}

.card-title {
    font-size: 30px;
    font-weight: bold;
}


.middle_text_slider {
    position: absolute;
    top: 35%;
    left: 15%;
}


/**********categories show**********/
.borderRadius {
    border-radius: 20px;
}


/**************contact_us page*********/
.ContactUs .container .row .col-12 .contectbox {
    height: 43vh;
    min-height: fit-content;
}


.ContactUs .container .row .col-12 .Contect_form {
    height: 40vh;
}

.counter_h {
    font-size: 50px !important;
}

.card_count {
    width: 200px;
    min-width: 200px;
    height: auto;
    /*border-radius: 100px;*/
}


.mini_desc {
    font-size: 1.5vw !important;
    /*font-size: 15px;*/
}

@media (max-width: 600px) {
    .mini_desc {
        font-size: 15px !important;
    }

}

.img_shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.borderRadius {
    border-radius: 20px;
}

.blog_body {
    padding-right: 70px;
    padding-left: 70px;
    padding-top: 10px;
    border: 1px solid #80808070;
    border-radius: 20px;
}


.clickable:hover {
    cursor: pointer;
}

.poniterClass:hover {
    cursor: pointer;
}

.product_btn {
    margin-top: 20px;
    margin-bottom: 20px;
    /*color: navy;*/
    color: white !important;
    background-color: var(--main-color) !important;
    border: 2px solid var(--main-color) !important;

}

.product_btn:hover{
    color: var(--main-color) !important;
    background-color: white !important;
    border: 2px solid var(--main-color) !important;
}


.animate__bounceInLeft, .animate__bounceInRight {
    animation-duration: 4s !important;
}

.card-title , .navyColor {
    color: #00106a;
}

.delay_animate{
    animation-duration: 4s !important;
}
.animate__bounce{
    animation-duration: 1s !important;
}

.wait_half_animation{
    animation-delay: 0.5s;

}

.wait_animation{
    animation-delay: 1s;
}

.under_line{
    text-decoration: underline;
}
.show_in_mobile {
    display: none !important;
    color: #b3b3b3;
}

.zIndex{
    z-index: 10;
}

.text_dimgray{
    color: #606060;
}

@media (max-width: 768px) {

    .delay_2_animate{
        animation-duration: 4s !important;
    }

    .animate__bounceInLeft{
        animation: none !important;
    }

    .animate__bounceInRight{
        animation: none !important;
    }


    .show_in_mobile{
        display: block !important;
    }
    p{
        font-size: 16px !important; ;
    }

    body , *{
        font-size: 16px !important; ;
    }
    h1 , h2 , h3 , h4 , h5 , h6 {
        font-size: 19px !important; ;
    }


    .blog_body {
        padding-right: 5px !important;
        padding-left: 5px !important;

        padding-top: 10px;
        border: 1px solid #80808070;
        border-radius: 20px;
    }


    .show_in_mobile_of_hr{
        color:gray;
        visibility: visible !important;

    }

}


.show_in_mobile_of_hr{
    visibility: hidden;
}

body{
    min-font-size: 16px !important; ;
}



.image-zoom {
    width: 300px; /* Set your image width */
    height: 200px; /* Set your image height */
    overflow: hidden; /* Hide any part of the image that goes outside the container */
}

.image-zoom img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease; /* Smooth zooming effect */
}

.image-zoom:hover img {
    transform: scale(1.2); /* Zoom the image when hovering */
}