@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.6rem 'Montserrat', sans-serif; color: var(--black); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Playfair Display", serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-placeholder{ opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }


/* font-family: "Montserrat", sans-serif; */

/* font-family: "Playfair Display", serif; */

:root{
    --black: #000;
    --brand: #ed1c27;
    --blue: #000f39;
    --yellow: #ef7b00;
    --white: #fff;
   }



    @keyframes scrolling {
        0% {
            opacity: 0;
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            transform: translateY(20px);
        }
    }


    @keyframes banner_food_img_animi{
        0% {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
        }
    }

    @keyframes banner_animi_1{
        0% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }
        100% {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
        }
    }

    @keyframes marquee {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    @media (max-width: 1024px) {
        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-125%);
            }
        }
    }

    @media (max-width: 768px) {
        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-186.65%);
            }
        }
    }



    em{font-style: normal;}
    .ptb{padding: 6rem 0;}
    .iner_ptb{padding: 3rem 0 6rem 0;}
    .as_btn{display: inline-flex; padding: 0 2.5rem; text-transform: uppercase; letter-spacing: .2rem; color: var(--white); font-weight: 600; align-items: center; height: 4.5rem; line-height: 4.5rem; background: var(--brand); font-size: 1.4rem; margin-top: 2.5rem;}
    .btn_icon{display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: margin-right 0.3s ease, opacity 0.3s ease, width 0.3s ease, margin-left 0.3s ease;}
    .btn_icon.lt_arw{margin-right: 1rem; opacity: 1; width: 1.4rem;}
    .btn_icon.rt_arw{margin-left: 0; order: 15; opacity: 0; width: 0;}
    .as_btn:hover{color: var(--white);}
    .as_btn:hover .btn_icon.lt_arw{margin-right: 0; opacity: 0; width: 0;}
    .as_btn:hover .btn_icon.rt_arw{margin-left: 1rem; opacity: 1; width: 1.4rem;} 
    h4{font-size: 2.5rem; text-transform: capitalize; font-weight: 600;  line-height: 3rem;}
    h5{font-size: 2rem; text-transform: capitalize; font-weight: 600;  line-height: 2.5rem;}
    h6{font-size: 1.8rem; text-transform: capitalize; font-weight: 600; line-height: 2.5rem;}
    .img_fluid{max-width: 100%;}
    h1,h2{font-size: 3rem; line-height: 4rem; text-transform: capitalize; color: var(--blue); font-weight: 700;}
    h1 span , h2 span{color: var(--brand);}
    .rating li { display: inline-block; margin: .8rem .2rem 0 0;}
   .bold_icon::before, .liner_icon::before { font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107; }
   .bold_icon::before {content: "\f005";}


/****************************************************************************************top_button*******************************************************************************************************************************************/

    .top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
    .top_btn i{font-size: 1.7rem; line-height: 4rem;}
    .top_btn.show{opacity: 0.7;}
    .top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}



/****************************************************************************************heder_sce*******************************************************************************************************************************************/

    .header_sec{ width: 100%; position: fixed; left: 0; top: 2.5rem; z-index: 999;}
    .nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px; background: var(--white); padding: 1rem 3rem;}
    .menu_sec li{ position: relative; text-transform: capitalize;}
    .menu_sec li a{color: var(--blue); display: inline-block; padding: 1rem 3rem 1rem 0; font-weight: 500;}
    .menu_sec li:last-child a{padding-right: 0;}
    .menu_sec li:first-child a{padding-left: 0;}
    .menu_sec .dropdown{margin-right: 1rem;}
    .nav_top .navbar-brand{position: absolute; left: 54%; top: -1.9rem; transform: translateX(-50%);}
    .nav_top .navbar-brand img{width: 10rem;}
    .top_rt_icon_list{position: absolute; right: 3rem; top: 2.1rem;}
    .top_rt_icon_list li {display: inline-block;}
    .top_rt_icon_list li a{color: var(--blue); display: inline-block; padding: 0 1.5rem; position: relative;}
    .top_rt_icon_list li a::before{position: absolute; right: 0; top: 0; width: .2rem; height: 100%; content: ""; background: rgb(0, 0, 0, 0.5);}
    .top_rt_icon_list li:last-child a{padding-right: 0;}
    .top_rt_icon_list li:last-child a::before{display: none;}    
    .drop-arw::after { border: none; content: "\2b"; display: inline-block; position: absolute; font-family: "Font Awesome 6 Pro"; margin-left: .4rem; font-weight: 600; top: 1.1rem; font-size: 1rem; color: var(--black); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; right: 1.2rem;}
    .menu_sec .dropdown:hover .drop-arw::after { color: var(--brand); content: "\f068"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
    .header_sec .as_btn{position: absolute; right: 21rem; top: 11px;}
    .menu_sec{margin-right: 25rem;}
    .nav_top .dropdown-menu li a{ font-size: 1.5rem; color: var(--black); padding: 1rem; display: block; border-bottom: .1rem dashed #ccc;}
    .nav_top .dropdown-menu li:last-child a{border-bottom-color: transparent;}
    .header_sec.fixed{background: var(--white); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05); top: 0;}
    .header_sec.fixed .nav_top .navbar-brand {top: 0;}
    .header_sec.fixed .nav_top .navbar-brand img {width: 8rem;}   
    .menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
   
   
/****************************************************************************************baner_sec*******************************************************************************************************************************************/

    .bannersec{ width: 100%; position: relative;}
    .bannersec .banner_box{position: relative; z-index: 1; height: 100vh; display: flex; align-items: end; justify-content: end; padding-bottom: 15rem;}
    .banner_box::before{background: linear-gradient(180deg, rgb(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: "";}
    .banner_box strong{font-family: "Playfair Display", serif; color: var(--white); text-transform: capitalize; font-size: 6rem; line-height: 7rem; letter-spacing: .2rem; display: block;}
    .bannersec .carousel-control-prev, .bannersec .carousel-control-next{bottom: 9rem; top: inherit;}
    .bannersec .carousel-control-next{right: inherit; left: 4rem;}
    .bannersec .carousel-control-next-icon, .bannersec .carousel-control-prev-icon { width: 4rem; height: 4rem;}
    .scroll_down {position: absolute; bottom: 4.5rem; right: 3rem; -webkit-animation: up-down 2s linear infinite alternate; animation: up-down 2s linear infinite alternate; z-index: 2;}
    .scroll_down svg { fill: none; stroke: var(--white);}
    .scroll_down svg path, .scroll-down svg circle {fill: var(--white);}
    .container_mouse {text-align: center; color: var(--white); font-weight: bold; text-transform: uppercase; padding-top: 2rem; cursor: pointer; position: absolute; right: 3rem; bottom: 9rem; z-index: 2;}
    .container_mouse .mouse-btn { margin: 1rem auto; width: 3rem; height: 6rem; border: .4rem solid var(--white); border-radius: 3rem; display: flex; }
    .container_mouse .mouse-btn .mouse-scroll { display: block; width: 1rem; height: 1rem; background: var(--white); border-radius: 50%; margin: auto; animation: scrolling 1s linear infinite; }


/****************************************************************************************feature_sec*******************************************************************************************************************************************/

    .feature_sec{background: var(--brand); position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;}
    .feature_sec .cumll{border-right: .1rem solid rgb(255, 255, 255, 0.3);}    
    .feature_sec .cumll:last-child{border-right-color: transparent;}
    .feature_box{padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: center; gap: 2rem;}
    .feature_icon img{width: 4rem;}

/****************************************************************************************about_sec*******************************************************************************************************************************************/

    .ab_rt{margin-left: 4rem;}
    .btn_line_img{max-width: 35%;}
    .hrt_smal_img img{width: 5rem;}
    .ab_top_lt h6{text-transform: uppercase; letter-spacing: .2rem;}
    .ab_btm_sec{margin-top: 5rem;}
    .ab_top_lt, .ab_top_rt{padding-bottom: 3rem;}
    .linr_spr_ab_img{display: block; margin: 0 3rem;}
    .ab_rt p{padding-top: 3rem; line-height: 3rem;}
    .text_list{display: inline-block; width: 100%;}
    .text_list li{position: relative; margin-top: 1.2rem; padding-left: 2rem; color: var(--blue);}
    .text_list li::before{position: absolute; left: 0; top: .8rem; width: .8rem; height: .8rem; background: var(--brand); border-radius: 100%; content: "";}   
    .ab_rt .text_list li{width: 50%; float: left;} 


/****************************************************************************************count_sec*******************************************************************************************************************************************/

    .count_number strong{font-size: 6.8rem; font-weight: 600; line-height: 6.6rem; color: var(--white);}
    .counter_box span{color: var(--white); font-size: 2.4rem; font-weight: 400; line-height: 28.8px;  font-family: "Playfair Display", serif; display: block; padding-top: 0;}
    .counter_sec .cilm:not(:last-child)::before{background-color: #dddede; content: ""; height: 6rem; position: absolute; right: -4rem; top: 30%; width: .1rem; left: calc(100% + 20px); top: 25%;}
    .counter_box {margin-top: 3rem; padding-left: 5rem;}
    .count_sec{padding-bottom: 3rem;}
    .count_number sub{font-size: 5rem; color: var(--white); font-weight: 600; bottom: 0;}
    .count_img img{width: 8rem;}
    .count_img{position: absolute; left: 0; top: 1.1rem;}
    .count_sec .row{margin: 0 -2rem;}
    .count_sec .cilm{padding: 0 2rem;}

/****************************************************************************************food_iteam_sec*******************************************************************************************************************************************/

    .food_iteam_box{border: .1rem solid #ccc; padding: .5rem; margin-top: 3rem; border-radius: .5rem;}
    .food_iteam_txt{border-top: .1rem dashed #ccc; margin-top: 1rem; padding: .5rem 0 .5rem 0;}
    .food_iteam_img img{border-radius: .5rem;}
    .portfolio_box{position: relative; display: block; overflow: hidden;}
    .overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
    .portfolio_box .overlay::after{content: ""; left: 0%; top: 0%; background: #00132F; width: 100%; height: 100%; position: absolute; display: block; transition: 0.5s; opacity: 0;}
    .portfolio_box .overlay::before{z-index: 99; font-family: "Font Awesome 6 Pro"; content: "\2b"; left: 50%; top: 50%; color: var(--white); font-size: 3.2rem; border: .3rem solid var(--white); border-radius: 100%; width: 4rem; height: 4rem; line-height: 5.5rem; transform: translate(-50%,-50%) scale(0); opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute;}
    .portfolio_box:hover .overlay::after{opacity: .4;}
    .portfolio_box:hover .overlay::before{transform: translate(-50%,-50%) scale(1); opacity: 1;}
    .food_iteam_sec .owl-nav{display: none;}
    .food_iteam_sec .owl-dots{display: flex; align-items: center; justify-content: center; gap: 1.8rem; margin-top: 3rem;}
    .food_iteam_sec .owl-dot{width: .8rem; height: .8rem; background: #ccc; border-radius: 100%; position: relative;}
    .food_iteam_sec .owl-dot::before{position: absolute; left: -.4rem; top: -.4rem; width: 1.6rem; height: 1.6rem; border: .1rem solid #ccc; content: ""; border-radius: 100%; opacity: 0;}
    .food_iteam_sec .owl-dot.active::before{opacity: 1; border-color: var(--brand);}
    .food_iteam_sec .owl-dot.active{background: var(--brand);}
    .food_iteam_sec  .owl-item{padding: .5rem;}
    


/****************************************************************************************why_sec*******************************************************************************************************************************************/

    .why_sec .btn_line_img {max-width: 26%;}
    .why_mid{margin: 3rem 1.5rem 0 1.5rem;}
    .why_lt li, .why_rt li{position: relative; margin-top: 8rem;}
    .why_numr{position: absolute; left: 0; top: 0; font-size: 5rem; color: var(--blue); opacity: .2; font-weight: 600;}
    .why_rt{margin-left: 2rem;}
    .why_mid::before{position: absolute; content: ""; background: url(../images/shape_img_1.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 34.5rem; height: 34.5rem; top: -3.5rem; left: -3.6rem; animation: banner_food_img_animi linear 70s infinite; -webkit-animation: banner_food_img_animi linear 70s infinite;}
    .why_mid img{animation: banner_animi_1 linear 3s infinite alternate;}
    .why_sec  h2{margin-bottom: 3rem;}
    

/****************************************************************************************vdeio_sec*******************************************************************************************************************************************/

    .vdeio_lt_top_img, .vdeio_lt_top_img img{height: 100%; object-fit: cover;}
    .vdeio_info_conten{position: absolute; left: 0; bottom: 8rem; z-index: 2; text-align: center; width: 100%;}
    .vdeio_sec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.5);}
    .vdeio_sec::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/shape_img_2.png)no-repeat; content: ""; opacity: 0.5;}
    .cal_box{display: inline-block; padding: 0 3rem; height: 4.5rem; line-height: 4.3rem; border: .1rem solid var(--white); color: var(--white); margin-top: 2.5rem; position: relative;}
    .cal_box::after{content: ''; position: absolute; top: .3rem; left: .3rem; width: 100%; height: 4.6rem; border: .1rem solid var(--white); opacity: .8; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
    .cal_box:hover::after{top: 0; left: 0; opacity: 0;}
    .cal_box:hover{background: var(--white); color: var(--blue);}
    /* .vdeio_info_txt .btn_line_img {max-width: 24%;} */
    .vdeio_info_txt h2 {font-size: 4rem; line-height: 5rem;}

/****************************************************************************************feed_back_sec*******************************************************************************************************************************************/

    .feed_back_sec .container{max-width: 100%; padding: 0;}
    .feed_back_rt{padding: 5rem;}
    .feed_back_lt{height: 100%; object-fit: cover;}
    .feed_back_box{margin-top: 2rem; border-top: .4rem solid rgb(255, 255, 255, 0.3); position: relative;}
    .person_info strong{text-transform: capitalize; font-size: 1.8rem; text-transform: capitalize; color: var(--white); font-family: "Playfair Display", serif; display: block;}
    .person_info span{text-transform: uppercase; color: var(--yellow); font-size: 1.4rem; line-height: 1.4rem; font-weight: 600; padding-top: .8rem; letter-spacing: .2rem; display: inline-block;}
    .person_info{border-top: .1rem solid rgb(255, 255, 255, 0.3); margin-top: 2.5rem; padding-top: 1.5rem;}
    .feed_back_rt .owl-nav{display: flex; align-items: center; justify-content: end; font-size: 0; gap: .8rem; position: absolute; right: 0; bottom: 0;}
    .feed_back_rt .owl-prev, .feed_back_rt .owl-next{width: 3rem; height: 3rem; border: .2rem solid rgb(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center;}
    .feed_back_rt .owl-prev::before, .feed_back_rt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.5rem;}
    .feed_back_rt .owl-next::before{content: "\f105";}

/****************************************************************************************faq_sec*******************************************************************************************************************************************/

    .faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
    .faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
    .faq_content .accordion-button:not(.collapsed){background: transparent;}
    .faq_content .accordion-button {padding: 2rem 1.25rem;}
    .faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
    .faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
    .faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
    .faq_content .accordion-body { padding: 2rem 1.5rem;}
    .faq_rt.faq_content .accordion-item{border: none;}
    .faq_rt.faq_content .accordion-button{border-bottom: .1rem solid rgba(0,0,0,.125);}
    .faq_rt.faq_content .accordion-button:not(.collapsed){box-shadow: none;}



/****************************************************************************************gallery_sec*******************************************************************************************************************************************/

    .gallery_slider_sec{display: flex; justify-content: center; align-items: center;}
    #marquee .container {overflow: hidden; width: 100%; max-width: 100%;}
    #marquee .pic-container { display: flex; animation: marquee 10s infinite linear;}
    #marquee .pic-container .pic {flex-basis: 20%; flex-shrink: 0;}
    #marquee img {  width: 100%;  object-fit: cover;  border: .1rem solid rgba(238, 231, 231, 0.9);}



/****************************************************************************************footer_sec*******************************************************************************************************************************************/
   
   .ft_sec{padding-top: 3rem;}
   .ft_logo img{width: 8rem;}
   .ft_heding{text-transform: capitalize; color: var(--white); font-family: "Playfair Display", serif; font-size: 2.5rem; line-height: 3rem; letter-spacing: .2rem; display: block;  position: relative; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
   .ft_heding::before{position: absolute; left: -.8rem; bottom: 0; background: url(../images/line_img_1.png)no-repeat left bottom; width: 100%; height: 100%; content: ""; background-size: 41%;}
   .ft_txt, .ft_mid_lt, .ft_mid_rt{padding-bottom: 3rem;}
   .ft_btm_flex{border-top: .3rem solid rgb(255, 255, 255, 0.08); padding: 1rem 0; align-items: center; justify-content: space-between;}
   /* .ft_sec .container{max-width: 100%; padding: 0 15rem;} */
   .ft_btm_lt, .ft_rt, .ft_txt a, .ft_txt p, .ft_flow_txt{color: rgb(229 231 235 / .8) !important;}
   .ft_txt a:hover{color: var(--white) !important;}
   .ft_rt a{color: var(--yellow);}
   .ft_txt a{display: block;}
   /* .ft_ph_numr{padding-top: .5rem;} */
   .ft_top .cuml:nth-child(3) .ft_txt{padding-left: 8rem;}
   .ft_top .cuml:nth-child(2) .ft_txt{padding-left: 7rem;}
   .ft_social_list li{display: inline-block;}
   .ft_social_list li a{color: var(--white); margin: 0 1.5rem 0 0; border-radius: .5rem; display: inline-block;}
   .ft_social_list li:last-child a{margin-right: 0;}
   .ft_con_list li{position: relative; margin-top: 1.5rem; padding-left: 4rem;}
   .ft_con_list li:first-child{margin-top: 0;}
   .ft_con_icon{width: 2.5rem; height: 2.5rem; background: var(--brand); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; border-radius: 100%; font-size: 1.2rem; color: var(--white);}
   .ft_flow_txt{margin-right: 2rem; font-weight: 600;}
   .ft_menu_list li{display: inline-block;}
   .ft_menu_list li a{display: inline-block; text-transform: uppercase; color: rgb(229 231 235 / .8); position: relative; padding-left: 2.5rem; margin-right: 1.5rem; letter-spacing: .2rem; font-weight: 600;}
   .ft_menu_list li a:hover{color: var(--white);}
   .ft_menu_list li a::before{position: absolute; left: 0; top: 1rem; width: .8rem; height: .8rem; background: var(--yellow); border-radius: 100%; content: "";}
   .ft_menu_list li:last-child a{margin-right: 0;}



/****************************************************************************************about_page*******************************************************************************************************************************************/
    .inr_banr{padding: 15rem 0 6rem 0;}
    .inr_banr h1{ font-size: 5rem; line-height: 6rem;}
    .iner_ab_btm_lt{margin-top: 3rem; display: block;}
    .iner_ab_btm_lt, .iner_ab_btm_lt img, .iner_ab_btm_lt, .iner_ab_btm_lt img{height: 100%; object-fit: cover;}
    .ab_years_rt{margin-left: 2rem;}
    .ab_years_box{position: relative; margin-top: 5rem;}
    .ab_years_icon{background: var(--brand); width: 6rem; height: 6rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: -2rem;}
    .ab_years_icon::before{position: absolute; left: .3rem; top: .3rem; bottom: .3rem; right: .3rem; border: .4rem solid var(--white); content: ""; border-radius: 100%;}
    .ab_years_icon img{width: 2.5rem;}
    .ab_years_txt h5{padding-left: 7rem;}
    .ab_years_txt p{padding-top: 2.5rem;}
    .ab_years_btm_sec{border-top: .1rem solid #d1d1d1; margin-top: 3rem;}
    .vison_amison_rt{padding: 3rem;}
    .vison_amison_rt p{padding-top: 2rem; line-height: 3rem;}
    .vison_amison_lt, .vison_amison_lt img, .vison_amison_rt{height: 100%; object-fit: cover;}
    .vison_amison_rt{display: flex; flex-direction: column; justify-content: center; background-color: rgb(249, 245, 255);}
    .vison_amison_sec .row:nth-child(even){flex-direction: row-reverse;}
    .vison_amison_sec .row:nth-child(even) .vison_amison_rt{background-color: rgb(254, 243, 242);}
    .vison_amison_sec .row:not(:last-child) {margin-bottom: 1.5rem;}
    .ab_cal_info  img{height: 55rem; object-fit: cover;}
    .ab_cal_txt{position: absolute; background-color: transparent; padding: 16.6rem 15rem 5.1rem 1.5rem; width: 100%; max-width: 63.4rem; margin-right: auto; z-index: 1; left: 0; bottom: 0;}
    .ab_cal_txt::before{content: ""; -webkit-mask-image: url(../images/heart-shape.png); mask-image: url(../images/heart-shape.png); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: bottom left; mask-position: bottom left;  background-color: var(--blue); z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; animation: fade 3s infinite; -webkit-animation: fade 3s infinite;}
    .ab_cal_txt::after{content: ""; -webkit-mask-image: url(../images/heart-shape-outline.png); mask-image: url(../images/heart-shape-outline.png); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: bottom left; mask-position: bottom left; background-color: var(--brand); z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; margin-top: auto; animation: blinking 3s infinite; -webkit-animation: blinking 3s infinite;}
    .ab_cal_txt_info{padding: 3rem; width: 100%; max-width: 42rem;}
    .ab_cal_sec  .container{max-width: 100%; padding: 0 3rem;}
    .iner_about_btm_img_one, .iner_about_btm_img_two{z-index: 1;}
    .iner_about_btm_img_one::before{position: absolute; top: 1.2rem; left: -1.2rem; content: ""; width: 100%; height: 100%; background-color: #FDE7E7; border-radius: 30rem 30rem 0 0; z-index: -1;}
    .iner_about_btm_img_two{position: absolute; bottom: -5.5rem; right: -10.7rem; max-width: 25.3rem; }
    .iner_about_btm_img_two::before{position: absolute; top: 1.2rem; left: -1.2rem; content: ""; width: 100%; height: 100%; background-color: #FDE7E7; border-radius: 30rem 30rem 0 0; z-index: -1;}
    .iner_ab_btm_info_lt img{border-radius: 30rem 30rem 0 0;}
    .inr_ab_btm_info{margin: 10rem 0 5rem 0;}
    .iner_ab_btm_info_rt{margin-left: 15rem;}
    .inr_ab_top_info .container{max-width: 100%; padding: 0 3rem;}
    .rt_shape_img{position: absolute; right: 0; bottom: -3.5rem; display: block; width: 41rem;}


/*-------------------------------------------------------------------------form---------------------------------------------------------------------------------*/
    .input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
    .input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder{color: #999; opacity: 1;}
    .input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
    /* .input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
    .input_fld button{border: none;}
    /* .search_box .input_fld button a{color: #555 !important;} */
    .input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
    .input_fld{margin-bottom: 2rem; position: relative;}
    .input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
    .input_fld .form-select { background: url(../images/select_arrow.png)no-repeat right 1.5rem center var(--white); background-size: 1rem; height: 5rem; padding: 0 1.5rem 0 2.5rem; color: #999; border: .1rem solid #ced4da; font-size: 1.5rem; border-radius: 1rem; padding: 0 1.5rem; cursor: pointer; width: 100%;}

/****************************************************************************************contact_page*******************************************************************************************************************************************/

    .contat_frm_lt_top{border: .1rem solid #ECEBE4; padding: 3rem;}
    .contat_frm_lt_btm{border-width: 0 .1rem .1rem .1rem; border-style: solid; border-color: #ECEBE4; padding: 3rem; height: 77%;}
    .iner_con_lt_top{background: var(--blue); padding: 3rem;}
    .con_faq_txt a{display: inline-flex; align-items: center; color: var(--white); gap: .8rem; text-transform: uppercase; font-size: 1.4rem; letter-spacing: .2rem; padding-top: .5rem;}
    .con_faq_txt h5{color: rgb(255, 255, 255, 0.3);}
    .iner_con_lt_btm{background: #f9f7f1; padding: 3rem;}
    .inr_con_list li{position: relative; padding: 2rem 1.5rem 2rem 5.5rem; background: var(--white);}
    .inr_con_icon{background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--white); position: absolute; left: 1.5rem; top: 1.8rem;}
    .inr_con_list li, .inr_con_list li a{color: var(--blue); font-weight: 500;}
    .inr_con_list li:not(:first-child){margin-top: 1.5rem;}
    .con_social_list{margin-top: 2.5rem;}
    .con_social_list .ft_flow_txt, .con_social_list .ft_social_list li a{color: var(--blue) !important;}
    .con_map_lt iframe{width: 100%; height: 100%;}

/****************************************************************************************product_dertails*******************************************************************************************************************************************/

    #sync1.owl-theme {position: relative;}
    #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 2.2rem; height: 4rem; margin-top: -2rem; position: absolute; top: 50%;  }
    #sync1  .owl-prev { left: 1rem; }
    #sync1  .owl-next { right: 1rem;}
    .product_slider #sync1 .owl-prev{ display: none !important;}
    .product_slider #sync1 .owl-next{ display: none !important;}
    .product_slider .owl-dots{ display: none !important;}
    .product_slider #sync2 .owl-item.active.current img{ opacity: 0.8;}
    .product_slider #sync2 .owl-prev{ display: none !important;}
    .product_slider #sync2 .owl-next{ display: none !important;}
    .product_slider img{display: inline-block !important;}
    .product_slider #sync2 img{width: 100% !important; border-radius: .5rem;}
    .product_slider #sync2{ margin-top: 2rem; }
    .product_slider #sync2 .owl-item{ border: .1rem solid #d4d4d4; padding: .5rem; border-radius: .5rem;}
    .product_slider #sync1{ border: .1rem solid #d4d4d4; border-radius: 1rem; overflow: hidden;}
    .product_dltsrt h4{font-size: 2.2rem; line-height: 2.8rem; margin: 0 0 1rem 0;}
    .product_dltsrt{margin-left: 2rem;}
    /* .mini_txt{display: block; margin-bottom: 1rem; text-transform: capitalize; color: #606060; font-size: 1.4rem; letter-spacing: .2rem;} */
    /* .prct_dtls_txt_info{border-top: .1rem dashed #ccc; border-bottom: .1rem dashed #ccc; padding: 1rem 0; margin-top: 2rem;} */
    .minmi_cart_flex{align-items: center; gap: 7rem; border-top: .1rem dashed #ccc; margin-top: 3rem;}
    .minmi_cart_flex .stroe_list {margin-top: 2rem;}
    .product_dltsrt .check_sec input[type="radio"] + label {width: 3.5rem; height: 3.5rem;}
    .produvt_dtls_flex_btm{align-items: center; justify-content: space-between;}
    .produvt_dtls_flex_btm .Product_Categories_box input[type="checkbox"] + label {display: inline-block; padding: 0 1.5rem 0 3.5rem;}
    .produvt_dtls_flex_btm .Product_Categories_box{border: none; padding: 0;}
    .decly_txt i{color: var(--brand);}
    .pay_ment_list_photo li{display: inline-block; margin: .5rem 1rem 0 0;}
    .pay_ment_list_photo li:last-child{margin-right: 0;}
    .pay_ment_list_photo li img{width: 4rem;}
    .product_slider {position: -webkit-sticky; position: sticky; top: 6.4rem; bottom: 0; z-index: 2; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;}
    .product_dltsrt .as_btn::before {display: none;}
    .product_dltsrt .as_btn:hover{background: var(--black_2); color: var(--white);}
    .tab_list.nav-tabs {border-bottom: none;}
    .tab_list .nav-link{border: .1rem solid #7D8088; padding: .8rem 1.2rem; border-radius: .4rem; color: var(--hedaing); font-weight: 600; margin-right: 1.2rem;}
    .tab_list .nav-item:last-child .nav-link{margin-right: 0;}
    .tab_list .nav-link.active, .tab_list .nav-link:hover{background: var(--brand); color: var(--white); border-color: transparent;}
    .tab_contet_box{background: var(--white); padding: 1.6rem; box-shadow: 0px 4px 30px rgba(22, 46, 65, 0.1); margin-top: 1.5rem;}
    .tab_contet_box .table > :not(caption) > * > * {padding: 1rem .5rem; border: none; min-width: 18rem;}
    .table_sec{border: none;}
    .produvt_dtls_and_review_sec .slider_btn .owl-nav {top: -.6rem;}
    .pdt_dtls_btn li{display: inline-block; margin: 0 1.5rem 0 0;}
    .pdt_dtls_btn li:last-child{margin-right: 0;}
    .review_sec .owl-item{padding: 0 1rem;}
    .feed_back_sec.review_sec .owl-nav {position: inherit; right: inherit; top: inherit; margin-top: 2rem; justify-content: end;}
    .product_dltsrt .rating li {margin: 0 .2rem 0 0 !important;}


























    @media (min-width: 1200px) and (max-width: 9000px) 
        {
            .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
                -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid var(--brand); 
                background:#fff !important; width: 25rem; padding: 0; border-radius: .2rem; left: 0; right: inherit; padding: 0 1rem; box-shadow: 0 0 .7rem 0 #ccc;}
            
            .nav_top .dropdown:hover .dropdown-menu { max-height: 25rem !important; overflow-y: auto; opacity: 1; visibility: visible; }
        }

/*********************************************************************************************responsive************************************************************************************************************************************/

    @media only screen and (max-width: 1899px){
        .drop-arw::after {top: 1rem;}
    }

    @media only screen and (max-width: 1499px){
        .menu_sec {margin-right: 38rem;}
        .header_sec .container{max-width: 100%; padding: 0 3rem;}
    }

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

        /****************************************************************************************about_page*******************************************************************************************************************************************/
            .ab_years_lt, .ab_years_lt img{height: 100%; object-fit: cover;}
            .rt_shape_img { width: 36rem;}
    }

    

    @media only screen and (max-width: 1299px){
        .menu_sec li a {padding: 1rem 2rem 1rem 0;}
        .drop-arw::after {top: 1.1rem; right: .7rem;}
        .banner_box strong {font-size: 5rem; line-height: 6rem;}
        .ab_lt, .ab_lt img{height: 100%; object-fit: cover;}
        .count_img img { width: 7rem;}
        .count_number strong {font-size: 5.8rem; line-height: 5.6rem;}
        .counter_box span {font-size: 2.2rem;}
        .why_lt li, .why_rt li {margin-top: 4rem;}
        .why_mid {margin: 3rem 1.5rem 0 -0.5rem;}

    /****************************************************************************************about_page*******************************************************************************************************************************************/
        .inr_banr {padding: 15rem 0 3rem 0;}
    }

    @media only screen and (max-width: 1199px){
        
        .bannersec .banner_box{height: auto; padding: 35rem 0 18rem 0;}
        /* .nav_top {padding: 3rem;} */
        .nav_top .navbar-brand {transform: inherit; left: inherit; position: inherit; top: inherit;}
        .top_rt_icon_list {right: 33rem; top: 27px;}
        .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
        .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
        .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
        .header_sec .as_btn { right: 8rem; top: 18px;}
        .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 22.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--brand);}
        .nav_top .navbar-collapse.show {left: 0;}
        .nav_top .navbar-brand img , .header_sec.fixed .nav_top .navbar-brand img{ width: 6rem;}
        .menu_sec {margin-right: 0;}
        .menu_sec li a{display: block; border-bottom: .1rem dashed #ccc; padding: 1.5rem !important;}
        .menu_sec .dropdown {margin-right: 0;}
        .drop-arw::after{font-size: 1.7rem; top: 1.5rem;}
        .banner_box strong {font-size: 4rem; line-height: 5rem;}
        .feature_txt h5{font-size: 1.6rem; line-height: 2.5rem;}
        .feature_box {padding: 1.5rem 1rem; gap: 1rem;}
        .feature_icon img {width: 3.5rem;}
        .header_sec.fixed .nav_top {padding: 1rem 0;}
        .header_sec.fixed .as_btn {right: 5rem;}
        .header_sec.fixed .top_rt_icon_list {right: 29rem;}
        .ab_top_lt{padding-bottom: 2rem;}
        .ab_rt { margin-left: 2rem;}
        .counter_box {padding-left: 7rem;}
        .counter_box span {font-size: 1.8rem;}
        .count_img {top: .4rem;}
        .why_mid::before { width: 28.5rem; height: 25.5rem;}
        .feed_back_rt{padding: 3rem;}
        .ft_top .cuml:nth-child(2) .ft_txt {padding-left: 3rem;}
        .ft_top .cuml:nth-child(3) .ft_txt {padding-left: 5rem;}
        .vdeio_info_conten {bottom: 4rem;}

    /****************************************************************************************about_page*******************************************************************************************************************************************/
        .iner_ab_btm_info_rt {margin-left: 12rem;}
        .rt_shape_img {width: 33rem;}
        .ab_cal_txt_info h2{font-size: 2.5rem; line-height: 3.5rem;}
        .ab_cal_txt {padding: 18.6rem 15rem 0.1rem 1.5rem; max-width: 59.4rem;}
        .ab_cal_info img { height: 47rem;}
        
    
    }

    @media only screen and (max-width: 991px){
        
        .feature_sec .cumll {border: .1rem solid rgb(255, 255, 255, 0.3) !important; margin: 0 -.1rem -.1rem 0;}
        .feature_sec .container{max-width: 100%; padding: 0;}
        .feature_sec .row{margin: 0;}
        .ab_rt {margin: 2rem 0 0 0;}
        .ab_rt p {padding-top: 2rem;}
        .ab_btm_sec {margin-top: 3rem;}
        .why_mid { margin: 5rem 0 0 0; text-align: center;}
        .why_mid .img_fluid{max-width: 28%;}
        .why_mid::before{left: 32%; transform: translateX(-50%); width: 25.5rem; height: 22.5rem;}
        #marquee .pic-container .pic {flex-basis: 30%;}
        .ft_top .cuml:nth-child(3) .ft_txt {padding-left: 0;}
        .ft_top .cuml:nth-child(4) .ft_txt {padding-left: 3rem;}
        .feature_sec {position: inherit; left: inherit; bottom: inherit;}
        .bannersec .banner_box {padding: 32rem 0 6rem 0;}
       .bannersec .carousel-control-next { right: 0; left: inherit; bottom: 1rem;}
       .bannersec .carousel-control-prev{left: inherit; right: 4rem; bottom: 1rem;}
       .container_mouse{display: none;}
       .banner_box strong { font-size: 3.5rem; line-height: 4.5rem;}
       .ft_menu_list li {font-size: 1.2rem;}
       .ptb{padding: 5rem 0;}
       .iner_ptb{padding: 2rem 0 5rem 0;}
       .why_sec.ptb{padding: 1rem 0 3rem 0;}

    /****************************************************************************************about_page*******************************************************************************************************************************************/

        .inr_ab_btm_info .row{flex-direction: column-reverse;}
        .iner_ab_btm_info_rt {margin-left: 0;}
        .inr_ab_btm_info {margin: 7rem 0 5rem 0;}
        .iner_about_btm_img_two { max-width: 17.3rem; bottom: inherit; right: -10.7rem; top: 0;}
        .rt_shape_img {width: 23rem; right: inherit; left: 0;}
        .ab_years_lt, .ab_years_lt img {height: auto;}
        .ab_years_rt {margin: 2rem 0 0 0;}
        .inr_banr h1 {font-size: 4.5rem; line-height: 5rem;}
        .inr_ab_top_haging{font-size: 2.5rem; line-height: 3.5rem;}
        .ab_cal_txt { padding: 13.6rem 15rem 0.1rem 1.5rem; max-width: 52.4rem;}
        .ab_cal_info img {height: 42rem;}
    }

    @media only screen and (max-width: 767px){
        
        .container,  .header_sec .container, .inr_ab_top_info .container{max-width: 100%; padding: 0 1.5rem;}
        .nav_top {padding: 1rem;}
        .header_sec .as_btn{display: none;}
        .top_rt_icon_list {right: 6rem;}
        h1, h2 {font-size: 2.5rem; line-height: 3.5rem;}
        .count_sec .row {margin: 0 -1.5rem;}
        .count_sec .cilm {padding: 0 1.5rem;}
        .ft_mid_lt{padding-bottom: 1rem;}
        .header_sec.fixed .top_rt_icon_list {right: 4rem;}
        .ptb{padding: 4rem 0;}
       .iner_ptb{padding: 1rem 0 4rem 0;}
        .why_mid::before {width: 23.5rem; height: 21.5rem; left: 30%; top: -4.5rem;}
        .vdeio_info_conten { bottom: inherit; height: 100%; top: 83%; transform: translateY(-50%);}

    /****************************************************************************************about_page*******************************************************************************************************************************************/

      .inr_ab_top_haging {font-size: 2rem; line-height: 3rem;} 
      .iner_about_btm_img_two {right: 0;}
      .inr_ab_btm_info {margin: 5rem 0 5rem 0;}
      .vison_amison_lt, .vison_amison_lt img, .vison_amison_rt {height: auto;}
      .ab_cal_info img {height: 35rem;}
      .ab_cal_txt_info h2 {font-size: 1.8rem; line-height: 2.8rem;}
      .ab_cal_txt {padding: 13.6rem 15rem 0.1rem 1.5rem; max-width: 43.4rem;}
    
  
        
        
    }


    @media only screen and (max-width: 575px){

        .count_img img {width: 4rem;}
        .counter_box {padding-left: 0;}
        .count_number strong { font-size: 2.8rem; line-height: 1.6;}
        .count_number sub { font-size: 3rem;}
        .count_number{padding-left: 3rem;}
        .counter_box span{display: block; padding-top: .5rem;}
        .count_img {top: 0;}
        .ab_rt .text_list li {font-size: 1.4rem;}
        .why_mid::before {width: 18.5rem; height: 18.5rem; top: -1.5rem; left: 23%;}
        .why_rt {margin-left: 0;}
        .why_mid .img_fluid {max-width: 50%;}
        .why_rt ul li h4{font-size: 2.2rem; line-height: 2.8rem;}
        .feed_back_rt{padding: 2rem 1.5rem;}
        .faq_heading {margin-right: 3rem; font-size: 1.6rem; line-height: 2.2rem;}
        .ft_top .cuml:nth-child(2) .ft_txt,  .ft_top .cuml:nth-child(4) .ft_txt {padding-left: 0;}
        .ft_menu_list li a { padding-left: 1.2rem; margin-right: .5rem;}
        .ft_mid_rt.text-end{text-align: left !important;}
        .ft_menu_list li a::before { top: 1rem; width: .5rem; height: .5rem;}
        .ft_btm_flex{flex-direction: column;}
        .ft_btm_lt{font-size: 1.5rem;}
        .vdeio_info_txt h2 { font-size: 2.5rem; line-height: 3.5rem;}
        h1, h2 { font-size: 2.2rem; line-height: 3.2rem;}
         #marquee .pic-container .pic {flex-basis: 40%;}
        .top_rt_icon_list {right: 6rem;}
        .top_rt_icon_list li a {padding: 0 1rem;}
        .nav_top .navbar-brand img, .header_sec.fixed .nav_top .navbar-brand img {width: 5rem;}
        .top_rt_icon_list {top: 2.2rem;}
        .banner_box strong {font-size: 2.5rem; line-height: 3.5rem;}
        .bannersec .carousel-control-next-icon, .bannersec .carousel-control-prev-icon {width: 3rem; height: 3rem;}
        .bannersec .carousel-control-prev {right: 3rem;}
        .header_sec {top: 1.5rem;}
        .bannersec .banner_box {padding: 20rem 0 6rem 0;}
        .iner_ptb{padding: 2rem 0 4rem 0;}
        .why_lt li, .why_rt li { margin-top: 3rem;}
        .ab_top_lt, .ab_top_rt {padding-bottom: 2rem;}


    /****************************************************************************************about_page*******************************************************************************************************************************************/

         .inr_ab_top_haging {font-size: 1.4rem; line-height: 2.6rem;}  
         .inr_banr h1 { font-size: 3rem; line-height: 3.5rem;} 
         .inr_banr {padding: 11rem 0 2rem 0;}
         .iner_ab_btm_info_rt{margin-bottom: 2rem;}
         .rt_shape_img { width: 16rem;}
         .ab_years_box {margin-top: 3rem;}
         .ab_years_icon { width: 5rem; height: 5rem; top: -1rem;}
         .ab_years_icon img {width: 2rem;}
         .ab_years_txt h5 {padding-left: 6rem;}
         .iner_about_btm_img_two {max-width: 10.3rem;}
         .ab_cal_txt_info{background: rgba(0, 0, 0,0.5); max-width: 23rem; padding: 2rem;}
         .ab_cal_txt::before, .ab_cal_txt::after{display: none;}
         .ab_cal_txt {padding: 0; max-width: 100%;}
         .ab_cal_info img {height: 28rem;}
         .vison_amison_rt p { padding-top: 1rem;}
         .inr_ab_btm_info { margin: 4rem 0;}
         .ab_cal_txt_info h2 {font-size: 1.6rem; line-height: 2.8rem;}






        .food_iteam_box, .iner_ab_btm_lt {margin-top: 2rem;}
        .vison_amison_rt {padding: 2rem;}


        
    }

    @media only screen and (max-width: 480px){
    
    

    }