@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0; margin: 0; list-style: none; font: normal 1.6rem/2.4rem 'Roboto', sans-serif; color: var(--body_txt_color); }
p{padding: 0; margin: 0;}
a{padding: 0; margin: 0; outline: none;}
ul{ list-style: none; padding: 0; margin: 0;}
label{ list-style: none; padding: 0; margin: 0;}
ul li{ padding: 0; margin: 0;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0; margin: 0;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
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, button{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }


:root{
    --black: #000;
    --grenn: #417a05;
    --brand: #ed3e05;
    /* --yellow: #fbbe1d; */
    --yellow: #FCA028;
    --body_txt_color: #53545A;
    --white:#fff;
    --border_color: #ebebeb;
   }

.landing_content_sec img{max-width: 100%; margin-bottom: 2rem;}
.countdown_sec{position: relative; margin-top: 5rem;}
/* .countdown_sec .countdown {margin-top: 2rem;} */
.countdown_sec .countdown .countdown_box {text-align: center; padding: 3rem 3rem 0; position: relative;}
.countdown_sec .countdown .countdown_box strong {font-weight: 700; font-size: 6rem; margin-bottom: 2rem; display: block; color: var(--brand);}
.countdown_sec .countdown .countdown_box span {color: var(--black); font-weight: 600; font-size: 1.8rem;}
.timer_tittle{font-size: 3rem; line-height: 3.5rem; margin-bottom: 0;}
.countdown_sec .countdown ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 -1.5rem;}
.countdown_sec .countdown li{display: inline-block; width: 25%; padding: 0 1.5rem;}
.countdown_sec .countdown li:first-child .countdown_box{padding-left: 0;}
.countdown_sec .countdown li:last-child .countdown_box{padding-right: 0;}
.countdown_sec .countdown li:last-child .countdown_box::before{display: none;}
.countdown_sec .countdown .countdown_box::before{position: absolute; content: ":"; top: 4.4rem; right: -.3rem; font-size: 2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--black);}

@keyframes animation{
    100% {
        left: 125%;
      }
      100% {
        left: 125%;
      }
}


@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}


@keyframes pulse{
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
      }

    8% {
        opacity: 0;
        -webkit-transform: scale(0);
    }

    15% {
        opacity: 1;
        -webkit-transform: scale(.1);
      }

    30% {
        opacity: 1;
        -webkit-transform: scale(.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
      }
}








/* top_button */
.top_btn {background: var(--brand); border-radius: 100%; bottom: 1rem; color: var(--white); height: 5rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 5rem; z-index: 9999;  text-align: center; display: inline-block; -webkit-box-shadow: 0 .3rem .8rem rgba(33, 37, 41, 0.35); box-shadow: 0 .3rem .8rem rgba(33, 37, 41, 0.35);}
.top_btn i{font-size: 2rem; line-height: 5rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover{ opacity: 1; color: var(--white);}

.container-fluid{padding: 0 2rem;}
.as_btn{display: inline-block; height: 5rem; line-height: 4.8rem; text-transform: capitalize; text-align: center; padding: 0 2.5rem; color: var(--brand); border: .1rem solid var(--brand); border-radius: 2.5rem; font-size: 1.7rem; position: relative; overflow: hidden; margin-top: 2.5rem;}
.as_btn::before{content: ""; position: absolute; height: 40rem; width: 43rem; top: 50%; left: 50%; background: var(--brand); border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.as_btn:hover:before{transform: translateY(-50%) translateX(-50%) scale(1);}
.as_btn:hover{color: var(--white); background: var(--brand);}
.as_btn i{padding-right: .2rem;}
h1, h2{font-size: 2.6rem; line-height: 3.6rem; text-transform: capitalize; color: var(--black); font-weight: 600; margin-bottom: 2rem;}
h1 span, h2 span{position: relative; display: inline-block; padding-bottom: 1rem;}
h1 span::after, h2 span::after{position: absolute; bottom: 0; left: 50%; background: url(../images/section_title_shape1.png)no-repeat bottom center; content: ""; width: 7.4rem; height: .3rem; background-size: 100%; content: ""; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
/* h1 span::before, h2 span::before{content: ""; width: 1.2rem; height: .4rem; background: var(--brand); position: absolute; bottom: -.4rem; left: 50%; margin-left: -3.5rem; transform: translateX(-50%); border-radius: 2px; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1;}
h1 span::after, h2 span::after{content: ""; width: 6.5rem; height: .4rem; background: var(--brand); position: absolute; bottom: -.4rem; right: 0; left: 50%; margin-left: -2rem; border-radius: .2rem; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 0;} */
h3{font-size: 2rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 600;margin-bottom: 1.5rem;}
h6{font-size: 1.8rem; text-transform: capitalize; color: var(--black);}
.img_fluid{max-width: 100%;}
.ptb{padding: 5rem 0;}
.inner_ptb{padding: 5rem 0 3rem;}
em{font-style: normal;}
.sub_title_txt::after{left: 0; transform: inherit;}


/*header*/
.header_sec{ width: 100%;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;} */
/* .nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_top{flex-direction: row; padding-right: 14rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.menu_top li{ position: relative; margin-right: 2rem; line-height: 5rem; text-transform: capitalize;  font-weight: 500; display: inline-block;}
.menu_top li:last-child{margin-right: 0;}
.menu_top li a{color: var(--black);}
.menu_top li a:hover{color: var(--brand);}
.menu_top li a i{color: var(--yellow);}
.menu_top li:first-child{width: 20rem;}
.header_top .navbar-brand img{width: 25rem;}   
.header_sec{padding: 2rem 0;}   
.hd_btn{position: absolute; right: 0; top: 0;} 
.heder_bottom{border-top: .1rem solid var(--border_color); border-bottom: .1rem solid var(--border_color); padding: 1.5rem 0;}
.header_top{padding-bottom: 2rem;}
.rt_search .input_fld{display: inline-block; width: 100%; border: .1rem solid #ebebeb; border-radius: 1rem; padding: 0 1rem 0 0;}
.rt_search .input_fld input[type="text"]{width: 93%; float: left; border: none; }
.rt_search .input_fld button{background: transparent !important; color: var(--brand);  width: 7%; float: right; padding: 0; border: none;}
/* .rt_search .input_fld button i{line-height: 4rem;} */
.rt_search .input_fld button::before{display: none;}
/* .rt_search .input_fld button:hover{background: var(--yellow);} */
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--white); background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .heder_bottom{display: none;}
.header_sec.fixed .header_top{padding-bottom: 0;}
.menu_top .input_fld .form-select{height: 5rem;}
.lt_search .input_fld .form-select{border-radius: .5rem;}
.rt_search{width: 40rem;}
/* .sub_btn{height: 4rem; line-height: 4rem;} */
.listing_txt a i{padding-right: .5rem;}
.choose_btn {background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem;  border: .1rem solid #ebebeb; height: 5rem; padding: 0 1.5rem; display: inline-block; border-radius: 1rem; width: 100%; font-size: 1.4rem; color: var(--black) !important; text-align: left;}
.location_nodal .modal-dialog {max-width: 100%; margin: 0; transform: 0; width: 100%;}
.location_nodal .modal-header{border-bottom-color: transparent;}
.modal_search_sec.rt_search .input_fld button{background: var(--brand) !important; color: var(--white) !important; border-radius: 0 1rem 1rem 0;}
.modal_search_sec.rt_search .input_fld input[type="text"] {width: 76%;}
.modal_search_sec.rt_search .input_fld button {width: 23%;}
.location_nodal .modal-header .btn-close { padding: 1rem; margin: 0 0 0 auto;}
.location_nodal .btn-close:focus {box-shadow: none;}
.location_nodal .modal-content {border: none; border-radius: 0; height: 100vh;}
.popular_city_img img{width: 6rem;}
.popular_city_txt strong{display: block; color: var(--black);}
.popular_city_txt span{font-size: 1.4rem;}
.popular_city_box{border: .1rem solid #D9D9D9; padding: 2rem; border-radius: .5rem; position: relative; margin-top: 2rem; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;}
.over_ink{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.cirty_title{border-bottom: .1rem solid #e0e0e0; padding-bottom: 1rem;}
.all_city_box{margin-top: 3rem;}
.all_city_box ul li{text-transform: capitalize;}
.all_city_box ul li a{color: var(--body_txt_color); display: inline-block; padding-top: 1rem;}
.popular_city_box:hover{box-shadow: .1rem 1rem .7rem #eee; background: var(--white); border-color: transparent;}
.menu_list li{display: inline-block; text-transform: capitalize; font-weight: 500; font-size: 1.8rem; position: relative; letter-spacing: .1rem;}
.menu_list li a{color: var(--black); display: inline-block; padding-right: 2.5rem;}
.menu_list li a:hover, .menu_list li.active a, .menu_list li.megamenu:hover .drop-arw i{color: var(--brand);}
.menu_list li.megamenu a{padding-right: .2rem;}
.menu_list li:last-child a, .menu_list li:first-child a{padding-right: 0;}{padding-right: 0;}
.menu_list li.catgori_dropdown{padding-left: 2.5rem;}
.menu_list li.catgori_dropdown a{ padding-right: .2rem;}
.drop-arw::after {display: none;}
.drop-arw i{vertical-align: middle; font-size: 1.4rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.menu_list li.megamenu:hover .drop-arw i{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.dropdown.megamenu{position: static !important; padding-left: 2.5rem;}
.header_menu{position: relative;}
.megamenu_list li, .megamenu .dropdown-menu li{display: block; font-size: 1.5rem;}
.drop_down_list li a{display: block !important; width: 100% !important; padding: 1rem 1.5rem !important; border: solid .1rem #f0f0f0 !important; margin-top: 1rem; border-radius: .5rem; overflow: hidden;}
/* .megamenu_list{} */
.megamenu .dropdown-menu .cll:last-child .megamenu_list{border-right-color: transparent;}
/* .megamenu .dropdown-menu .cll:last-child .megamenu_list li a{border-bottom-color: transparent;} */
.drop_down_list li a:hover{background: var(--brand); color: var(--white);}
.megamenu .dropdown-menu{margin: 2rem auto 0 auto;}
.menu_list .dropdown .dropdown-menu { width: 100% !important; max-width: 100% !important;}
.header_top .d-flex{align-items: center; justify-content: space-between; position: relative;}
.location_nodal.modal {background: var(--white);}
.menu_list .dropdown .dropdown-menu { max-height: 38rem !important; overflow-y: auto;}

.drop_down_list{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.drop_down_list li.cll{width: 20%; padding: 0 1rem; float: left;}



   
 /*banner*/  
.bannersec{ width: 100%;}
.banner_box_img{border-radius: .5rem; overflow: hidden;}
.banner_lt .owl-nav.disabled{display: none;}
.banner_lt .owl-dots{display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 1rem; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.banner_lt .owl-dot{background: rgba(255,255,255,.6); width: 1rem; height: 1rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 .3rem;}
.banner_lt .owl-dot.active {background: rgba(255,255,255,1);}
.boxes{position: relative; width: 100%; height: 100%;}
.bnner_rt_box{background: var(--grenn); border-radius: 1rem; overflow: hidden; height: 18.8rem; width: 100%;}
.banner_rt .cll:nth-child(even).bnner_rt_box{background: var(--brand);}
.banner_rt .cll:nth-child(even).bnner_rt_box .rd_btn::after{background: var(--brand);}
.banner_rt .cll:nth-child(even).bnner_rt_box .rd_btn:hover span{visibility: visible; opacity: 1; color: var(--brand);}
.banner_rt .cll:nth-child(even).bnner_rt_box .rd_btn:hover::after{width: 100%; background: var(--white);}
.banner_rt .cll:nth-child(even).bnner_rt_box .rd_btn:hover{color: var(--brand);}




.boxes_mg{position: absolute; right: 0; top: 0; display: inline-block; width: 100%; height: 100%;}
.over_lay_link{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; z-index: 2;}
.boxes_txt{padding: 4rem 13rem 0 2rem;}
.boxes_txt p{color: #f1f1f1;}
.boxes_txt strong{display: block;}
.boxes_mg img{object-fit: cover; height: 20rem; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transition: all.5s; -moz-transition: all.5s; -o-transition: all.5s; transition: all.5s; width: 18rem; float: right;}
.banner_text{font-size: 3.5rem; color: var(--white); font-weight: 700; margin-bottom: .4rem; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; text-transform: capitalize;}
.banner_subtext{font-size: 14px; position: relative; z-index: 1; width: 50%; line-height: 1.4; color: rgb(181, 222, 255);}
.bnner_rt_box:hover .banner_text{-webkit-transform: scale(1.09); -moz-transform: scale(1.09); -ms-transform: scale(1.09); -o-transform: scale(1.09); transform: scale(1.09); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left;}
.bnner_rt_box:hover .boxes_mg img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right;} 
.rd_btn{position: relative; display: inline-flex; font-size: 1.6rem; font-weight: 500; color: var(--white); padding: .5rem 1.5rem .5rem 1rem; border: none; border-radius: 0 .5rem .5rem 0; transition: all 0.3s ease-in-out; z-index: 1; margin-top: 2rem;  text-align: center;  text-transform: capitalize; }
.rd_btn i{line-height: 1.6rem;} 
.rd_btn span{color: var(--white); font-size: 1.5rem; margin-left: 1rem; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; font-weight: 600; letter-spacing: .1rem; line-height: 1.5rem;}
.rd_btn::after{content: ""; width: 36%; height: 100%; background: var(--grenn); border-radius: 0 .5rem .5rem 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 .3rem .6rem 0 rgb(0 0 0 / 16%); -moz-box-shadow: 0 .3rem .6rem 0 rgba(0,0,0,.16); box-shadow: 0 .3rem .6rem 0 rgb(0 0 0 / 16%);}
.rd_btn:hover{opacity: 90%;}
.rd_btn:hover span{visibility: visible; opacity: 1; color: var(--grenn);}
.rd_btn:hover::after{width: 100%; background: var(--white);}
.button_btn{position: absolute; left: 0; bottom: 1.5rem; z-index: 5;}
.rd_btn:hover{color: var(--grenn);}
.boxes_txt p{padding-right: 2rem;}

.banner_box_img img{height: 39.5rem; object-fit: cover;}
.boxes_txt p{padding: 1.5rem 2rem 0 0;}





/* categorie_sec */
.categorie_box{padding: 1.5rem; border: .1rem solid #ccc;  border-radius: 1rem; overflow: hidden; position: relative; transition: 300ms; margin-top: 3rem; width: 100%; min-height: 13.2rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
/* .categorie_img{border-radius: 1.4rem; height: 7.4rem; width: 7.4rem; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto;} */
.categorie_img img{width: 4.5rem;}
.categorie_box:hover{box-shadow: 0 0 5rem rgb(5 5 5 / 8%); border-color: var(--grenn);}
.categorie_sec .col{flex: 0 0 auto; width: 11.667%;}
.catagori_btn{margin-top: 3rem; }
.catagori_btn .as_btn{height: auto; padding: 1.5rem; line-height: 2rem; border-radius: 1rem; width: 100%; min-height: 13rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.catagori_btn .as_btn i{font-size: 4rem; margin-bottom: 2rem;}
.catagori_btn .as_btn span{display: block;}



/* wedding_categorie_sec */
/* .wedding_categorie_lt, .wedding_categorie_rt{border: .1rem solid #ccc; border-radius: 1rem; padding: 2rem;} */
.wedding_categorie_img img{border-radius: .5rem;}
.wedding_categorie_lt{margin-right: 1rem;}
.wedding_categorie_rt{margin-left: 1rem;}






/* ===== Select Box ===== */
/*.sel {font-size: 1rem; display: inline-block;   background: transparent; position: relative; cursor: pointer; border: .2rem solid transparent; border-radius: 1rem; padding: 0 1.5rem; height: 5rem; border: .1rem solid var(--border_color); max-width: 100%; width: 24rem; font: normal 1.6rem/2.4rem 'Roboto', sans-serif;}
.sel::before {position: absolute; right: 1.5rem; top: 50%; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); background: url(../images/select_arrow.png)no-repeat right center; content: ""; background-size: 100%; width: 1.4rem; height: .8rem;
}
.sel__placeholder { display: block; font-size: 1.5rem;   text-align: left; pointer-events: none; user-select: none; visibility: visible; position: relative; z-index: 1; line-height: 4.8rem;}
.sel.active .sel__placeholder {visibility: hidden;}
.sel__placeholder::before {position: absolute; top: 0; bottom: 0; left: 0; right: 0; ; content: attr(data-placeholder); visibility: hidden; }
.sel.active .sel__placeholder::before {visibility: visible;}
.sel__box {position: absolute; top: calc(100% + .4rem); left: 0; display: none; list-style-type: none; text-align: left; font-size: 1em; background: var(--white); width: calc(100% + .8rem); box-sizing: border-box; box-shadow: 0 1rem 1rem rgb(0 0 0 / 20%); z-index: 99; border-radius: .5rem; padding: 1rem 0;}
.sel.active .sel__box {display: block; animation: fadeInUp 500ms;}
.sel__box__options {display: list-item; font-size: 1.6rem;  padding: 0.5rem 1em; user-select: none; font-weight: 500; line-height: 2.6rem;}
.sel__box__options::after {content: '\f00c'; font-family: 'FontAwesome'; font-size: 0.5em; margin-left: .5rem; display: none;}
.sel__box__options.selected::after {display: inline;}
.sel__box__options:hover { background: #ebedef;}*/

/* ----- Select Box Black Panther ----- */
/* .sel--black-panther {z-index: 3;} */

/* ----- Select Box Superman ----- */
/*.sel--superman {z-index: 2;}*/


/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld select, .input_fld textarea, .input_fld input[type="file"]{width: 100%; border: .1rem solid #ebebeb; 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-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem;  border: .1rem solid #ebebeb; cursor: pointer;}
.input_fld .form-control:focus, .input_fld .form-select:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld button{background: transparent;}
.input_fld button:hover{background: var(--brand);}
/*.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} */
.input_fld{margin-bottom: 2rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
/*.input_fld select{border: none;}*/
.input_fld label{color: var(--brand); text-transform: capitalize; font-weight: 500; display: block; padding-bottom: .8rem;}





/* featured_sec */
.featured_txt{box-shadow: 0 1rem 3rem 0 rgba(17,12,79,.1); background: var(--white); padding: 1.5rem; border-radius: .5rem; margin: -2rem 1rem 0 1rem; position: relative; border-right: .4rem solid var(--brand);}
.featured_sec .owl-item{padding: 0rem 0 5rem 0;}
.featured_box{margin-top: 3rem; display: inline-block;}
.featured_sec .owl-nav.disabled, .trending_sec .owl-nav.disabled{display: none;}
.featured_sec .owl-dots, .trending_sec .owl-dots{display: flex; align-items: center; justify-content: center;}
.featured_sec .owl-dots .owl-dot, .trending_sec .owl-dots .owl-dot{background: var(--brand); width: 2.5rem; height: 1.2rem; border-radius: .2rem; opacity: 0.8; margin: 0 .5rem; box-shadow: 0 .3rem .8rem 0 rgba(0, 0, 0, 0.25);} 
.featured_sec .owl-dots .owl-dot.active, .trending_sec .owl-dots .owl-dot.active{width: 4rem; background: var(--brand); opacity: .5;}
.featured_txt h6{position: relative; padding-bottom: 1.5rem;}
.featured_txt h6::before{position: absolute; content: ''; left: 0; bottom: 0; height: .6rem; width: 100%; background: url(../images/border_shape.png) repeat-x center;}
.featured_box:hover .featured_txt h6{color: var(--brand);}
.featured_img img {position: relative; width: 100%; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; height: 30rem !important; object-fit: cover !important;}
.featured_img{border-radius: 1rem; overflow: hidden;}
.featured_box:hover .featured_img img{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} 

/* brand_sec */
.brand_box{background: #f5f5f9; border-radius: 12.5rem 1rem 12.5rem 1rem;}





/* feedback_sec */
.feedback_heading{align-items: center; justify-content: space-between;}
.feedback_box{border: .1rem solid #ececec; border-radius: 1rem;  padding: 1rem; margin-top: 3rem; position: relative;}
.feed_back_img{position: relative; overflow: hidden; border-radius: 1rem;}
.feed_back_img::before{position: absolute; top: 0; left: -75%; z-index: 0; display: block; content: ""; width: 30%; height: 100%; transform: skewX(-25deg); background: var(--white); opacity: 0.4; z-index: 1;}
.feedback_box:hover .feed_back_img::before{-webkit-animation: animation 0.95s; animation: animation 0.95s;}
.feed_back_img img{border-radius: 1rem; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.feedback_box:hover:hover .feed_back_img img{transform: scale3d(1.1, 1.1, 1.1);}
.fedback_txt{padding: 2rem 0 1rem 0;}
.rating li{display: inline-block; margin: .8rem .2rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}
.per_img img{width: 6rem; height: 6rem; border-radius: 100%; object-fit: cover;}
.per_txt strong{display: block; color: var(--brand);}
.link_over_lay{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.popular_list ul{margin-top: 3rem;}
.popular_list ul li{display: inline-block; font-size: 1.4rem; text-transform: capitalize; font-weight: 500; margin-bottom: 2rem;}
.popular_list ul li a{margin-right: .5rem; padding: .8rem 1rem; border: .1rem solid #e5e5e5; border-radius: .5rem; color: var(--black);}
.popular_list ul li a:hover{background: var(--brand); color: var(--white); border-color: transparent;}

.rating li{display: inline-block; margin: .8rem .2rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}
.inner_course .course_box{margin-top: 3rem;}







/* footer_sec */
.ft_call_box{width: 5.8rem; height: 6.1rem; background: var(--white); text-align: center;  border-radius: .8rem; display: inline-block; color: var(--brand);  margin-right: 1.4rem;}
.ft_call_box i{line-height: 6.1rem; font-size: 3.5rem;}
.footer_sec {padding: 4rem 0 2rem;}
.ft_logo img{width: 30rem; margin-bottom: 1rem;}
.ft_call_sec{margin-top: 2rem;}
.ft_call_box_txt span{color: #d6d7e5; font-weight: 500;}
.ft_call_box_txt div a{font-weight: 700; color: var(--white); transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; font-size: 2rem;}
.ft_call_box_txt div a:hover{color: var(--brand);}
.ft_socila_icon li{display: inline-block; margin: 3rem .5rem 0 0;}
.ft_socila_icon li:last-child{margin-right: 0;}
.ft_socila_icon li a{display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; background: rgba(255, 255, 255, .1); border-radius: 1rem; font-size: 1.7rem; color: var(--white);}
.ft_socila_icon li a:hover{background: var(--white); color: var(--brand);}
.ft_txt strong{font-size: 2.7rem; font-weight: 700; display: block; margin-bottom: 1.5rem; text-transform: capitalize; color: var(--white); position: relative; padding-bottom: 2rem;}
.ft_txt strong::before{position: absolute; bottom: 0; left: 0; background: url(../images/section_title_shape1.png)no-repeat bottom left; content: ""; width: 7.4rem; height: .3rem; background-size: 100%; content: "";}
.srv_list{width: 100%; display: inline-block;}
.srv_list li{text-transform: capitalize; font-weight: 500; width: 50%; float: left; font-size: 1.8rem;}
.srv_list li a{color: #d6d7e5; display: inline-block; padding-top: 1rem;}
.srv_list li a:hover{color: var(--brand);}
.footer_sec .collm:nth-child(2) .ft_txt, .footer_sec .collm:nth-child(3) .ft_txt{padding-left: 7rem;}
.ft_txt{margin-bottom: 2rem;}
.subscrip_sec{margin-top: 3rem; background: #353950; padding: 2rem 6rem; border-radius: .5rem;}
.sub_rt .input_fld{width: 100%; display: inline-block;}
.sub_rt .input_fld input[type="email"]{border: none; border-bottom: .2rem solid rgba(255, 255, 255, 0.2); border-radius: 0; width: 87%; float: left; color: var(--white);}
.sub_rt .input_fld button{width: 10%; float: right; background: transparent; padding: 0; font-size: 4rem; border: none;}
.copy_txt{display: block; width: 100%; margin-top: 2rem; text-align: center; color: #d6d7e5;}
.copy_txt a{color: var(--white);}
.copy_txt a:hover{color: var(--brand);}



/* listing_page */
.inner_banner{padding: 6rem 0; position: relative; border-radius: 1rem; overflow: hidden;}
/* .inner_banner::before{background: rgb(0 0 0 / 25%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";} */
.iiner_banner_txt h1{color: var(--black); font-size: 4rem; line-height: 4.5rem; font-weight: 600; text-transform: capitalize; margin-bottom: 1rem;}
.breadcrumb_sec .breadcrumb-item.active{color: var(--brand);}
.breadcrumb_sec .breadcrumb-item a{color: var(--black); padding-right: 0;}
.breadcrumb_sec .breadcrumb-item{font-weight: 500; text-transform: capitalize; position: relative;}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before {color: var(--brand);  padding: 0 1.5rem; font-family: "Font Awesome 6 Pro"; content: "\f105";}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item {padding: 0;}
/*.breadcrumb_sec .breadcrumb-item + .breadcrumb-item:last-child{padding-right: 0;}*/
.product_img img{width: 30rem; height: 21rem; object-fit: cover;}
.product_txt{margin-left: 2.5rem; position: relative; width: 100%;}
.call_button{color: var(--white); background: var(--brand);}
.inner_banner_sec h1{font-size: 2rem; line-height: 3rem; margin-bottom: 1rem;}
.show_filler_sec{align-items: center; justify-content: space-between; margin-bottom: 1rem;position: relative; flex-wrap: wrap;}
.fillter_box .as_btn {height: 4rem; line-height: 3.8rem;background: transparent;}
.frm_box{margin-top: 3rem; padding: 2.5rem; border: .1rem solid #eeeeee; border-radius: 1rem; overflow: hidden;}
.call_btn{height: 4rem; line-height: 3.8rem; margin-top: 1.5rem;}
.call_btn i{-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; padding-left: .5rem;}
/*.side_filter_menu{position: fixed; right: 0; top: 0; z-index: 8; width: 100%; height: 100vh; background: rgba(0,0,0,.5); -webkit-backdrop-filter: blur(1.5rem); backdrop-filter: blur(1.5rem); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: cubic-bezier(.075,.82,.165,1); -moz-transition: cubic-bezier(.075,.82,.165,1); -o-transition: cubic-bezier(.075,.82,.165,1); transition: cubic-bezier(.075,.82,.165,1);}*/
.side_filter_box{width: 35rem; background: #fff; height: 100vh; right: 0; -webkit-transition: right 1s ease; -moz-transition: right 1s ease; -o-transition: right 1s ease; transition: right 1s ease;  transition-timing-function: ease; -webkit-animation-name: slide-in-right; -moz-animation-name: slide-in-right; -o-animation-name: slide-in-right; animation-name: slide-in-right; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; margin: 0; float: right;}
/*.modal.side_filter_menu {right: 0; width: auto;}*/
.catagori_list li{text-transform: capitalize; display: inline-block; margin: 1rem .8rem 0 0; font-size: 1.4rem; font-weight: 500;}
.catagori_list li a{background: #f6f6f6; padding: .6rem 1.7rem; display: inline-block; color: var(--black); border-radius: 2.5rem;}
.catagori_list li a:hover{background: var(--brand); color: var(--white);}
.av_txt{background: #FFF2F0; color: var(--brand); font-weight: 500; text-transform: capitalize; display: inline-block; padding: .5rem 1.5rem; border-radius: .5rem; text-align: center; font-size: 1.4rem; position: absolute; right: 1rem; top: 1rem;}
.grrn_rxt{background: #EEFBF0; color: var(--grenn);}
.bussines_list{margin-top: .5rem; display: inline-block; width: 100%;}
.bussines_list li{display: inline-block; margin: 1rem 1rem 0 0; font-size: 1.4rem; text-transform: capitalize;  color: var(--yellow); padding: .5rem 1rem; border-radius: .5rem; border: .1rem solid #ebebeb; font-weight: 500;}
/* background: #FFF6E5; */
.bussines_list li:last-child{margin-right: 0;}


.side_filter_box .modal-header {padding: 2rem 0;}
.side_filter_box .modal-footer{justify-content: center; border: none;}
.side_filter_box .modal-footer .logbtn {padding: 0 2.5rem;}
.side_filter_box .modal-footer button[type="reset"]{background: transparent !important; color: var(--brand) !important; border: .1rem solid var(--brand) !important;}
.side_filter_box .modal-content {border: none; padding: 1.5rem;}
.fll_list{margin-top: 1rem;}
.fll_list li{text-transform: capitalize; font-size: 1.4rem; display: inline-block;}
.fll_list li a{padding: .8rem 1rem; border: .1rem solid #eeeeee; border-radius: 1rem; display: inline-block; color: var(--black); margin: 1rem .8rem 0 0;}
.fl_title{position: relative; padding-bottom: 1rem;}
.fl_title:after{position: absolute; bottom: 0; left: 3.8rem; background: url(../images/section_title_shape1.png)no-repeat bottom left; background-size: auto; content: ""; width: 7.4rem; height: .3rem; background-size: 100%; content: ""; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.fll_list li a:hover{background: var(--brand); color: var(--white); border-color: transparent;}
.side_filter_bo .modal-body{padding: 1.5rem 0 0 0;}
.side_filter_box .modal-header .btn-close { margin: 0;}
.side_filter_box .btn-close:focus { outline: 0; box-shadow: none; opacity: 1;}
.showing_box{border: .1rem solid #eeeeee; transition: all 0.3s ease-in-out; overflow: hidden; border-radius: .5rem; padding: 0 2rem; height: 4rem; line-height: 3.8rem; border-radius: 2.5rem;}
.pegination_sec ul li{display: inline-block; margin-top: 4rem;}
.page_number{color: var(--black); padding: .3rem; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: .5rem; overflow: hidden;}
.page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
/*.listing_lt{margin-top: 7rem;}*/





/* .check_sec{padding-top: 28px;} */
.catagory_box input[type="checkbox"] {display: none;}
.catagory_box input[type="checkbox"] + label {background: url(../images/check_img.png) no-repeat left top .5rem; cursor: pointer; display: block; vertical-align: middle; font: 400 1.5rem/2.5rem 'Roboto', sans-serif; color: var(--black); padding-left: 2.5rem; margin-top: 1.1rem;}
.catagory_box input[type="checkbox"]:checked + label {background: url(../images/uncheck_img.png) no-repeat left top .5rem; outline:none;}
.check_sec h6{padding-bottom: 1rem;}
/* .check_info{padding-left: 2.6rem;} */
.catagory_box input[type="checkbox"] + label{text-transform: uppercase;}
.box_brd{margin-top: 3rem; padding: 2.5rem; border: .1rem solid #eeeeee; border-radius: 1rem; overflow: hidden;}
.rest_img img{width: 10rem !important; border-radius: .5rem; height: 7rem; object-fit: cover;}
.rest_txt span{display: block; font-size: 1.8rem; color: var(--brand); text-transform: capitalize; font-weight: 500;}
.rest_txt em{font-size: 1.3rem; color: var(--body_txt_color);}
.top_listing_sec ul li{margin-top: 2rem;}
.top_listing_sec ul li:first-child{margin-top: 0;}
.top_listing_sec .owl-nav.disabled{position: absolute; right: 0; top: -3.7rem; font-size: 0; display: flex; align-items: center; justify-content: center;}
.top_listing_sec .owl-prev::before, .top_listing_sec .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--black); font-size: 2rem; line-height: 2rem;}
.top_listing_sec .owl-next::before{content: "\f105";}
.top_listing_sec .owl-next{margin-left: .5rem;}
.listing_rt{margin-right: 2rem;}
.product_txt h3 a{color: var(--black); display: inline-block;}
.product_txt span.location{display: block; padding: 1.5rem 0 0 1.5rem; color: var(--black); position: relative; margin-left: 2rem;}
.product_txt span.location:before{position: absolute; left: 0; top:1.7rem; background: #b1bcc6; width: .1rem; height: 2rem; content: "";} 
/* .product_txt span i{color: var(--black);} */
.product_img{border-radius: 1rem; overflow: hidden;}
.product_list_box{border: .1rem solid #eeeeee; transition: all 0.3s ease-in-out; overflow: hidden; border-radius: .5rem; padding: 1rem; margin-top: 3rem;}
.txt_info{align-items: center; justify-content: space-between;}
.product_list_box:hover{box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); background: var(--white);}
.product_list_box:hover .product_txt h3 a{color: var(--brand);}
.read_btn{text-transform: capitalize; color: var(--brand) !important; font-weight: 500;}
.showing_box span em{color: var(--black);}

/* details_page */
.details_lt_img{border-radius: 1rem; overflow: hidden;}
.call_icon{display: block; padding: 1rem 0 .5rem; color: var(--brand); text-transform: capitalize; font-size: 1.8rem;}
.call_icon:hover{color: var(--grenn);}
.call_icon i{margin-right: .5rem;}
.details_box{background: var(--white); box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.1); margin: -5rem 2rem 0 2rem; position: relative; padding: 3rem 2rem; border-radius: 1rem;}
.details_icon_list li{text-transform: capitalize; font-weight: 600;  text-align: center; }
.details_icon_list li a{color: var(--body_txt_color); display: inline-block; padding: 1rem 0; width: 100%; position: relative; border-radius: 1rem;}
.details_icon_list li a::before{position: absolute; right: 0; top: 50%; width: .1rem; background: #d7d7d7; height: 50%; content: ""; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.details_icon_list li a i{color: var(--brand); padding-right: .5rem;}
.details_icon_list{background-color: #fbfbfb; margin-top: 1rem;}
.details_icon_list li:last-child a::before{background: transparent;} 
.hd_rating{justify-content: space-between; margin-bottom: .8rem;}
.hd_rating .rating li {margin: 0rem .2rem 0 0 !important;}
.dtls_box{margin-top: 2rem; padding: 3rem; border-radius: 1rem; overflow: hidden; border: .1rem solid #eeeeee;}
.txt_list li{position: relative; margin-top: 1rem; padding-left: 1.8rem;}
.txt_list li::before{position: absolute; left: 0; top: .5rem; background: var(--brand); width: .8rem; height: .8rem; border-radius: 100%; content: "";}
.gallery_box .owl-nav.disabled, .gallery_box .owl-dots{display: none;}
.gallery_icon{position: relative; display: inline-block; overflow: hidden;}
.gallery_icon::before {background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); opacity: 0; visibility: hidden; z-index: 1; }
.search_icon {position: absolute; top: 50%; left: 50%; z-index: 1; transition: 0.4s; opacity: 0; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--brand); width: 5rem; height: 5rem; text-align: center; border-radius: 50%; color: var(--white); display: inline-block; font-size: 1.8rem;}
.search_icon i {line-height: 5rem;}
.gallery_icon:hover::before {opacity: 0.7; visibility: visible;}
.gallery_icon:hover .search_icon {opacity: 1;}
.gallery_img{border-radius: .5rem; overflow: hidden;}
.gallery_img img{border-radius: 0;}
.review_box li{padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: .1rem solid #eeeeee;}
.review_box li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom-color: transparent;}
.quick_sec{padding: 2rem !important;}




/* log_in_page */
.check_arear.catagory_box{margin-bottom: 0; padding: 0; border: none; border-radius: 0; overflow: hidden;}
.forget_sec a{color: var(--black); margin-top: 1.1rem; display: inline-block; text-transform: capitalize;}
.forget_sec a:hover{color: var(--brand);}
.catagori_forgrt_sec{align-items: center; justify-content: space-between;}
.check_arear.catagory_box input[type="checkbox"] + label { text-transform: capitalize;}
.logbtn{background: var(--brand) !important; color: var(--white) !important; border-color: transparent; border-radius: .3rem; position: relative; z-index: 1; transition: all .7s ease; margin-top: 2.5rem; padding: 0 3.5rem;}
.logbtn::before{position: absolute; content: "";  top: 0;   left: 0;   width: 100%;  height: 100%;  opacity: 0;   visibility: hidden;   transition: all .7s ease;   z-index: -1;  border-radius: .3rem; background: var(--brand);}
.logbtn::after{position: absolute;  content: "";  top: 0;  right: 0;  width: 100%;  height: 100%;  opacity: 0;  visibility: hidden;  transition: all .7s ease;  z-index: -1; background: var(--brand);}
.logbtn:hover{color: var(--brand) !important; background: transparent !important; border-color: var(--brand);}
.logbtn:hover:hover:before, .logbtn:hover:hover:after {  width: 0;  opacity: 1;  visibility: visible;}
.or_sec{width: 100%;  margin: 2.5rem 0;  text-align: center;  position: relative; display: block;}
.or_sec::before{position: absolute;  left: 0;  top: 1rem;  width: 100%;  height: .1rem;  background: #d8dcdc;  content: "";}
.or_sec span{width: auto;  float: none;  display: inline-block;  background: var(--white);  padding: .1rem 2rem;  z-index: 1;  position: relative; font-size: 1.5rem;  color: #535353; text-transform: capitalize;}
.ot_log_sec ul{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -1rem; justify-content: center;}
.ot_log_sec ul li{margin-bottom: 2rem; padding: 0 1rem; width: 33.333%;}
.ot_log_sec ul li a{font-size: 1.4rem;  font-weight: 400; width: 100%;  margin: .2rem 0 .3rem 0;  height: 4rem;  line-height: 4rem; border-radius: 2rem;  display: inline-block; text-align: center;  background: var(--white); box-shadow: 0 0 .5rem rgb(0 0 0 / 20%);}
.ot_log_sec ul li a .log_txt{margin-right: .7rem; color: var(--black);}
.ot_log_sec ul li a .log_icon{height: 4rem; width: 4rem; float: left; color: var(--white); border-radius: 2rem; background: #4867aa; margin-right: 1rem;}
.ot_log_sec ul li a .log_icon i{line-height: 4rem;}
.ot_log_sec ul li a .rwitter_icon{background: #33CCFF;}
.ot_log_sec ul li a .google_icon{background: #db4437;}
.havr_sec{display: block; width: 100%; text-align: center; text-transform: capitalize; font-weight: 500;}
.havr_sec a{color: var(--brand);}
.havr_sec a:hover{color: var(--grenn);}
.log_in_img img{max-width: 100%;}
.log_in_img {display: block; margin-bottom: 3rem;}
.login_lt{margin-right: 6rem;}


/*sign_up_page*/
.sign_nav_top{border-bottom: .1rem solid var(--border_color);}
.header_sec.fixed .sign_nav_top{padding-bottom: 2rem;}

/* dashboard_page */
.page-title{font-size: 2rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 600; margin-bottom: 1.5rem;}
/* .ad_header{border-bottom: .1rem solid #eaedf1;} */
.ad_header{align-items: center; background: var(--white); border-bottom: .1rem solid #eaedf1;}
.ad_header .navbar-brand img{width: 100% !important;}
.nav_logo{ background: var(--white); transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease;  -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; width: 30rem; padding: 2rem;}
.navbar_rt{background: var(--white); transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; padding: 0 1.5rem; width: calc(100% - 30rem); align-items: center;}
.navbar_rt .navbar-toggler {border: 0 !important; color: inherit;}
.navbar_rt .navbar-toggler span::before{font-size: 2.2rem; color: var(--brand);}
.navbar_rt .navbar-toggler:focus {box-shadow: none;}
.navbar_rt .navbar-nav {flex-direction: row;align-items: center !important; background: var(--white);}
/*.nav_form.input_fld input[type="text"]{border: none; width: 70%; float: left; height: 4.5rem;}
.nav_form.input_fld{border: .2rem solid #eee; display: inline-block; border-radius: var(--readious); max-width: 35.5rem; position: relative; width: 35.5rem;}
.nav_form.input_fld button{width: 25%; float: right;}*/
.navbar_rt .navbar-nav-right {margin-left: auto; }
.navbar_rt .as_btn{box-shadow: none !important; height: 4.5rem; line-height: 4.5rem; padding: 0 2rem; font-size: 1.6rem;}
.navbar_rt .as_btn i{line-height: 4.5rem;}
.selet_form .input_fld select{padding: 0 2.5rem 0 1.5rem; background-size: 1rem;}
.selet_form .input_fld select{height: 4.5rem; width: 20rem;}
.selet_form .form-select:focus {border-color: var(--brand); outline: 0; box-shadow: none;}
.navbar_rt .navbar-nav-right li{margin-right: 2rem; padding: 2rem 0;}
.navbar_rt .navbar-nav-right li:last-child{margin-right: 0;}
.notify_sec i{font-size: 2rem;}
.notify_sec a{position: relative;}
.notify_list li a {display: inline-block; width: 100%; padding-bottom: 1rem; color: var(--black); text-transform: capitalize;}
.notify_list li:last-child a{padding-bottom: 0;}
.notify_sec .dropdown-toggle::after{display: none;}
.pulse{background: #22c03c; display: block; height: .7rem; right: 0; top: -.4rem; width: .7rem; border-radius: 50%; position: absolute;}
.pulse::before{-webkit-animation: pulse 1s linear infinite; animation: pulse 1s linear infinite; background: rgba(34,192,60,.6); box-shadow: 0 0 0 rgba(34,192,60,.9); content: ""; cursor: pointer; height: 1.5rem; right: -.4rem; top: -.4rem; width: 1.5rem; position: absolute; border-radius: 100%;}
.nav_pofile .btn img {width: 3rem; height: 3rem; border-radius: 100%;}
.navbar_rt .btn-secondary{color: var(--body_txt_color); background: transparent; border: none;}
.navbar_rt .btn-secondary:focus{box-shadow: none;}
.nav_profile .dropdown-toggle:after {border: 0; font-family: "Font Awesome 6 Pro"; font-weight: 900;content: "\f107"; width: auto; height: auto; vertical-align: baseline; font-size: 1rem; color: var(--body_txt_color);}
.pro_user_name{text-transform: capitalize; display: inline-block; color: var(--body_txt_color); font-weight: 700;}
.navbar_rt .dropdown-menu, .sidebar  .dropdown-menu { position: absolute; margin-top: 0; right: 0; left: auto; top: 3.8rem; padding: 0; border: none; border-radius: .5rem; -webkit-box-shadow: 0px 3px 21px 0px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 21px 0px rgb(0 0 0 / 20%); animation-name: dropdownAnimation; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -ms-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s;-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; float: none; z-index: 1000; overflow: hidden; padding: 0 .2rem;}
.navbar_rt .dropdown-menu li{font-size: 1.5rem; text-align: center; margin-right: 0 !important; padding: 0 !important; text-transform: capitalize;}
.navbar_rt .dropdown-menu li .dropdown-item{padding: 1.1rem 1rem; display: inline-block; width: 100%; border-bottom: .1rem solid #ccc; background: var(--white);}
.navbar_rt .dropdown-menu li .dropdown-item:hover{background: transparent; color: var(--grenn);}
.navbar_rt .dropdown-menu li:last-child .dropdown-item{border-bottom: none;}
.navbar_rt .dropdown-menu li i{padding-right: .8rem; vertical-align: middle; color: var(--grenn);}
.navbar_rt .dropdown-menu.show, .sidebar .dropdown-menu.show {display: block;}
.navbar_rt .dropdown-menu p{color: var(--body_txt_color) !important; font-size: 1.4rem;}
.navbar_rt .dropdown-toggle::after{font-family: "Font Awesome 6 Pro"; content: "\f107"; color: var(--black); border: none; font-size: 1.5rem; vertical-align: middle;}
.us_name{color: var(--black); font-size: 1.5rem; text-transform: capitalize; line-height: 3rem;  padding-left: .2rem; vertical-align: middle;}
.demo_icon a{color: var(--body_txt_color);}
.demo_icon a:hover{color: var(--green);}
.list_sec img{width: 3.6rem; height: 3.6rem; border-radius: 100%;}
.all_btn{display: inline-block; padding-left: .8rem; color: var(--brand) !important; font-size: 1.6rem;}
.all_btn:hover{color: var(--green) !important;}
/*h6{font-size: 1.4rem; color: var(--black) !important; display: inline-block;  margin-bottom: 0.5rem;}*/
h6 span{display: inline-block; float: right; color: var(--body_txt_color);}
.sidebar {min-height: calc(100vh - 7rem); background: var(--white); padding: 0; width: 30rem; z-index: 11; transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; margin-top: 8rem; border-right: .1rem solid #eaedf1; padding-top: 4.1rem;}
.sidebar .nav {overflow: hidden; flex-wrap: nowrap; flex-direction: column; padding: 1rem 0;}
.sidebar .nav .nav-item {-webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; transition-property: background; -webkit-transition-property: background; margin-bottom: .5rem;  position: relative; font-size: 1.7rem; text-transform: capitalize;}
.sidebar .nav .nav-item:last-child{margin-bottom: 0;}
.sidebar .nav .nav-item .nav-link {display: -webkit-flex; display: flex; align-items: center; white-space: nowrap; padding: 1.5rem 1.5rem 1.5rem 3.5rem; color: var(--body_txt_color); -webkit-transition-duration: 0.45s; -moz-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; transition-property: color; -webkit-transition-property: color; height: auto; position: relative; width: 100%;}
/*.sidebar .nav .nav-item .nav-link.collapse_menu::after{border: none; font-family: "Font Awesome 6 Pro"; content: "\f105"; position: absolute; right: 4rem; top: .9rem; margin-left: 0; color: var(--black);}*/
.profile_image img{width: 6rem; height: 6rem; border-radius: 100%; margin-bottom: .8rem;}
.profile_name {text-align: center; margin-top: .5rem;}
.name {font-size: 1.7rem; color: var(--black);}
.name span{color: var(--body_txt_color); font-size: 1.4rem; text-transform: capitalize; padding-top: .4rem;}
.name span{display: inline-block; width: 100%;}
.menu_icon {font-size: 1.5rem; line-height: 1; margin-right: 1.5rem;}
.menu_icon i, .menu_title{line-height: 1;}
.sidebar .nav .nav-item.active  .nav-link{color: var(--brand);  border-color: transparent;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.side_profile) > .nav-link{background: #f6f6f6;}
.sidebar .nav-tabs .nav-link:focus {border-color: transparent;}
.main_panel {transition: width 0.25s ease, margin 0.25s ease; width: calc(100% - 20rem); min-height: calc(100vh - 7rem); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding-top: 7.5rem;}
.content_wrapper {padding: 4.5rem 7rem; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; background: #f5f8f9;}
.page_wapper {min-height: calc(100vh - 7rem); display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row;}
.sidebar .nav-tabs{border-bottom-color: transparent;}
.sidebar .dropdown-toggle::after{border: none; font-family: "Font Awesome 6 Pro"; content: "\f105"; position: absolute; right: 4rem; top: .8.9rem; margin-left: 0; color: var(--black);}
.collapse_menu.collapse.show{display: block !important;}
.sidebar .nav.sub-menu .nav-item{line-height: 1.4rem;}
/*.sub-menu .nav-item .nav-link:hover{color: var(--green);}*/
.dash_footer {background: #f2f2f2; padding: 1.5rem 1rem; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; border-top: .1rem solid #e0e0ef;}
.dash_footer span a{color: var(--black);}
.dash_footer span a:hover{color: var(--green);}
.card_box{background: var(--green); width: 100%; padding: 2.5rem; border-radius: var(--readious); color: var(--white);}
.card_box .d-flex{flex-direction: row-reverse; align-items: center;}
.card_box .d-flex strong{font-size: 3.25rem; font-weight: 600; display: inline-block; width: 100%; padding-bottom: .5rem;}
.card_box .d-flex i{font-size: 5rem;}
.dash_search_sec i{font-size: 2rem; color: var(--body_txt_color);}
.srchopen input[type="text"] {width: 100%; border: .1rem solid #ccc;  padding: 0 1rem; color: var(--black);height: 4rem;}
.srchopen {width: 100%; padding: 1rem; background: var(--white); position: absolute; top: 100%; left: -1.7rem; box-shadow: 0 0 .5rem .1rem #ccc; display: none; z-index: 1; border-radius: var(--readious);}
.close{display: none; }
/* .menu, .close{transition: width 0.25s ease, background 0.25s ease;-webkit-transition: width 0.25s ease, background 0.25s ease;-moz-transition: width 0.25s ease, background 0.25s ease;-ms-transition: width 0.25s ease, background 0.25s ease;} */
.toggle_icon_bar{margin-right: 1.5rem;}
.side_profile .nav-link{flex-direction: column; justify-content: center; align-items: center;}
.card_box1{box-shadow: 0 .3rem 2rem #0000000b; background: var(--white); border-radius: 1rem; padding: 2rem;}
.navbar-nav-right li.menu_list a{color: var(--black);}
.navbar-nav-right li.menu_list i{color: var(--yellow);}
.navbar-nav-right li.menu_list a:hover{color: var(--brand);}
.sidebar .nav.sub-menu .nav-item .nav-link:hover {color: var(--brand);}
.sidebar .nav .nav-item .nav-link.collapse_menu::after { border: none; font-family: "Font Awesome 6 Pro"; content: "\f105"; position: absolute; right: 3rem; top: 1.2rem; margin-left: 0; color: var(--black);}
.sidebar .nav.sub-menu .nav-item .nav-link{padding: .8rem 0; color: var(--black);}
.sidebar .nav.sub-menu .nav-item .nav-link.active { color: var(--brand); !important; background: transparent !important;}
.page_title{font-size: 2.6rem; line-height: 3.1rem; color: var(--black); font-weight: 700; text-transform: capitalize;}


@media (min-width: 992px) {
    /* .sidebar-icon-only .navbar .navbar-brand-wrapper {
      width: 70px;
    } */
    /* .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {
      display: none;
    } */
    /* .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
      display: inline-block;
    } */
    /* .sidebar-icon-only .navbar .navbar-menu-wrapper {
      width: calc(100% - 70px);
    } */
    .sidebar-icon-only .sidebar {width: 7rem;}
    .sidebar-icon-only .sidebar .nav {overflow: visible;}
    .sidebar-icon-only .sidebar .nav .nav-item {position: relative;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link {display: block; padding: 1rem .5rem; text-align: center;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu_title, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {display: none;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu_title {border-radius: 0 .4rem .4rem 0;}
    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu_title {border-radius: .5rem 0 0 .5rem;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu_icon {margin: 0;}
    /* .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {display: none;} */
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu_title {border-radius: 0 .4rem 0 0;}
    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu_title {border-radius: .4rem 0 0 0;}
    .sidebar-icon-only .sidebar .nav .nav-item.side_profile{display: none;}
    .sidebar-icon-only .sidebar .nav .nav-item.nav-doc {margin: 0;}
    .sidebar-icon-only .sidebar .nav .nav-item.nav-doc i {display: block;}
    .sidebar-icon-only .sidebar .nav .nav-item .collapse, .sidebar-icon-only .sidebar .nav .nav-item .nav-link.collapse_menu::after {display: none;}
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu_title {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background: var(--grenn); color: var(--white); padding: 1rem 2rem; left: 7rem; position: absolute; text-align: left; top: 0; bottom: 0; z-index: 1;  box-shadow: .4rem 0 .7rem 0px rgba(182, 185, 189, 0.25); width: 17rem;}
    /* .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu_title {background: var(--green);} */
    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu_title {left: auto; right: 7rem; text-align: left; box-shadow: -.4rem 0 .7rem 0 rgba(182, 185, 189, 0.25);}
    /* .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu_title {color: var(--white);} */
    /* .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {display: none;} */
    /* .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu_title {background: var(--green);} */
    /* .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu_title {background: var(--green);} */
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {display: block;   color: var(--black); border-radius: 0 0 .54em 0; position: absolute; left: 7rem; }
    /* .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {background: var(--green);} */
    /* .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {left: auto; right: 7rem; border-radius: 0 0 0 .5rem; box-shadow: -.4rem .4rem .7rem 0 rgba(182, 185, 189, 0.25);} */
    .sidebar-icon-only .sidebar .nav.sub-menu {background: var(--grenn); width: 17rem; padding: 1rem 0; border-radius: 0 0 1rem 0;}
    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {text-align: left; color: var(--white); padding: .5rem 2rem;}
    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover{color: var(--brand);}
    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item{position: relative; padding-left: 1.2rem;}
    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item::before{background: var(--white); border-radius: 100%; width: .8rem; height: .8rem; position: absolute; left: 1.5rem; top: .8rem; content: "";}
    /* .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover{color: var(--green);} */
    .sidebar-icon-only .main_panel {width: calc(100% - 7rem);}
  }


    


    /* upload_iomage */
    .uplod_btn {width: 100%; display: inline-block; position: relative;}
    .uplod_btn input[type="file"] {display: none;}
    .uplod_btn .inputfile+label {border: none; color: #000; position: relative; padding-top: 1rem; margin: 0; padding-left: 0; padding-bottom: 0; float: left;}
    .uplod_btn .inputfile-2+label {background: none !important; border: none !important; width: auto;}
    .uplod_btn .inputfile-2 + label strong {float: left; width: auto !important; height: 3.5rem; font-size: 1.9rem; line-height: 3.1rem; text-transform: capitalize; color: var(--brand)!important; background: url(../images/clip.png) no-repeat left 1.8rem center; padding-left: 4.8rem; letter-spacing: .1rem; font-weight: 400; cursor: pointer;}
    .uplod_btn .inputfile-2 + label span {float: left; width: auto !important; height: 3.5rem; font-weight: 400; font-size: 2rem; line-height: 3.1rem; text-transform: capitalize; color: var(--body_txt_color) !important; margin-left: 1rem; font-size: 1.6rem;}
    .button_outer {  width: 100%; display: inline-block; transition: .2s; position: relative; overflow: hidden;}
    .btn_upload {color: var(--body_txt_color);  position: relative; display: inline-block; overflow: hidden; z-index: 3; white-space: nowrap;}
    .btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;}
    .file_uploading {width: 100%; height: 1rem; margin-top: 2rem; }
    .file_uploading .btn_upload {display: none;}
    .processing_bar {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 3rem; background: var(--brand); transition: 3s;}
    .file_uploading .processing_bar {width: 100%;}
    .success_box {display: none; width: 5rem; height: 5rem; position: relative;}
    .success_box:before {content: ''; display: block; width: .9rem; height: 1.8rem; position: absolute; left: 1.7rem; top: 1rem; font: normal 14px/1 FontAwesome; content: "\f046"; color: var(--white); font-size: 2rem; line-height: 2.9rem;}
    .file_uploaded .success_box {display: inline-block;}
    .file_uploaded {margin-top: 0; width: 5rem;  height: 5rem;}
    .uploaded_file_view {max-width: 30rem; text-align: center; position: relative; transition: .2s; opacity: 0;  margin-top: 1rem;}
    .file_remove{width: 3rem; height: 3rem; border-radius: 50%; display: block; position: absolute; line-height: 3rem; color: #fff; font-size: 1.2rem; cursor: pointer; right: -1.5rem; top: -1.5rem; background: var(--black);}
    .file_remove:hover {background: #222; transition: .2s;}
    .uploaded_file_view img {max-width: 100%;}
    .uploaded_file_view.show {opacity: 1;}
    /*.gender_sec span{display: inline-block; width: 100%; text-transform: capitalize; margin-bottom: 1rem; font-size: 1.8rem;}
    .gender_sec label{margin: 0 1rem 0 .5rem;}*/
    .verify_sec{border-bottom: .1rem solid rgba(0, 0, 0, 0.12);}
    .uplod_btn{ width: 100%; display: inline-block; position: relative; padding-bottom: 1rem;}
    .uplod_btn .inputfile+label { border: none; position: relative; padding-top: 1rem; margin: 0px; padding-left: 0; padding-bottom: 0; float: left;}
    .uplod_btn input[type="file"] { display: none;}
    .uplod_btn .inputfile-2+label { background: none !important; border: none !important; width: auto; }
    .uplod_btn .inputfile-2 + label strong { float: left; width: auto !important;  height: 3.5rem;  text-transform: capitalize; 
     background: url(../images/clip.png) no-repeat left 1.8rem center;  padding-left: 4.8rem;}
    .uplod_btn .inputfile-2 + label span { float: left; width: auto !important;  height: 3.5rem;  text-transform: capitalize; margin-left: 1rem; }
    .s_btn{font-size: 1.8rem;background: transparent; text-transform: capitalize;}
    .s_btns ul li{display: inline-block; margin-right: 1rem;}
    .s_btns ul li:last-child{margin-right: 0;}
    .s_btns .as_btn{height: 4rem; line-height: 4rem; padding: 0 2rem;}
    /* .sel_title{text-transform: capitalize; padding: .8rem 0; color: var(--brand); font-size: 1.8rem; font-weight: 600;} */





    .pro_img_sec .profile-pic {width: 9rem; max-height: 9rem; display: inline-block;}
    .pro_img_sec .file-upload {display: none;}
    /* .pro_img_sec .circle {border-radius: 100% !important; overflow: hidden; width: 8rem; height: 8rem; border: .5rem solid rgba(255, 255, 255, 0.2);} */
    .pro_img_sec img {max-width: 100%; height: auto;}
    .p-image {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
    .p-image img{border-radius: 100%;}
    /* .p-image:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);} */
    /* .pro_img_sec .upload-button {font-size: 1.2em;} */
    /* .upload-button:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275); color: #999;} */
    .pro_img_sec label strong{font-size: 2rem; text-transform: capitalize; color: var(--brand); margin: .8rem 0 .2rem; }

    .profile_box{background: var(--white); padding: 2rem; margin-top: 2rem; border-radius: .5rem;}

    .radio-button-container {color: rgba(0,0,0,0.75);display: block; position: relative; padding-left: 3.1rem; line-height: 2.5rem; margin: 1.5rem 2rem 1.2rem 0; cursor: pointer; font-size: 1.8rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;}

    /* Hide the browser's default radio button */
    .radio-button-container input { position: absolute; opacity: 0; cursor: pointer;}

    /* Create a custom radio button */
    .checkmark { position: absolute; top: 0; left: 0; height: 2.1rem; width: 2.1rem; background-color: rgba(0,0,0,0); border-radius: 50%; border: .2rem solid rgba(0,0,0,0.25); transition: all 0.3s;}

    /* On mouse-over, add a grey background color */
    .radio-button-container:hover input ~ .checkmark {border-color: rgba(0,0,0,0.5);}

    /* When the radio button is checked */
    .radio-button-container input:checked ~ .checkmark { background-color: rgba(0,0,0,0);border-color: var(--brand);}


    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {content: ""; position: absolute; display: none;}

    /* Show the indicator (dot/circle) when checked */
    .radio-button-container input:checked ~ .checkmark:after { display: block;}

    /* Style the indicator (dot/circle) */
    .radio-button-container .checkmark:after { top: 53%; left: 50%; width: 1rem; height: 1rem; border-radius: 50%; background: var(--brand); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .gender_sec span{color: var(--black); text-transform: capitalize; font-weight: 500; font-size: 2rem;}
    .input_fld button[type="reset"] {background: var(--brand); color: var(--white);}
    .input_fld button[type="reset"]:hover{background: transparent; color: var(--brand);}



    /*profile_page*/
    .title_txt{font-size: 1.8rem; color: var(--black); text-transform: capitalize;}
    .profile_box.doc_box::before{display: none;}
    .dash_card_box{background: var(--white); width: 100%; border-radius: 1rem; padding: 2rem 1.5rem; display: inline-block; margin-top: 3rem;}
    .p_infor li{margin-top: .8rem;}
    .p_infor li b{margin-right: .5rem; color: var(--brand); font-size: 2rem; text-transform: capitalize;}
    /*.p_infor{display: inline-block; width: 100%;}*/
    .profile_page_pro_img img{width: 12rem; height: 12rem; object-fit: cover; border-radius: 100%;}
    .profile_page_pro_name{text-transform: capitalize; color: var(--black); font-size: 2.5rem; display: block; margin-bottom: .8rem;}
    /*.profile_page_info{display: flex; align-items: center; justify-content: center;}*/
    .pf_box{flex-direction: column;}
    .pr_dash_boear_card{padding: 3rem;}
    .profilr_page_rt{padding-left: 5rem; border-left: .2rem dotted #ccc;}
    .table_sec tbody tr td {border-bottom: .1rem dashed #e0e0ef; padding: 2rem 1rem; min-width: 15rem; font-size: 1.7rem; line-height: 2.2rem;}
    /*.table_sec thead { color: var(--black); font-size: 2rem;}*/
    .table_sec tbody tr:hover {background: rgba(245, 248, 251, 0.7);}
    /*.table_sec .table > :not(:last-child) > :last-child > * { border-bottom-color: #e0e0ef;}*/
    .table_sec tbody td b{color: var(--brand); text-transform: capitalize; display: block; padding-bottom: .5rem;}
    .table_sec tbody tr:last-child td{border: none;}


    /* login_popup */
    .login_modal .modal-header { border-bottom-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0;}
    .login_modal .modal-header .btn-close { padding: 2rem; margin: 0 0 0 auto; }
    .login_modal .modal-header .btn-close:focus{box-shadow: none;}
    .login_modal .modal-body {padding: 0rem 3rem 1.5rem 3rem;}
    .login_modal .modal-content {border-radius: 1rem;}

    /*image_gallery*/
    .image_heading{justify-content: space-between; align-items: center;}
    .imag_modal .modal-header {border-bottom-color: transparent; padding: 0; width: 100%; display: inline-block;}
    .imag_modal .modal-header .btn-close {padding: 1rem; margin: 0; float: right;}
    .imag_modal .modal-header .btn-close:focus{box-shadow: none;}
    .imag_modal .modal-body {padding: 0; margin-top: 1rem;}
    .imag_modal .modal-content {padding: 2rem;}
    .input_fld{position: relative;}
    .floder_icon{position: absolute; left: 1.5rem; top:1.5rem;}
    .sort_selet{margin-top: 3rem;}
    .sort_selet .input_fld select{padding: 0 1rem 0 1rem;} 
    .img_glly_box{border-radius: .5rem; overflow: hidden; position: relative; margin-top: 3rem;}
    .img_glly_box:before{position: absolute; left: 0; top: 0; background: var(--black); width: 100%; height: 100%; opacity: 0; transition: 400ms ease all; content: ""}
    .img_glly_box:hover:before{opacity: 0.5;}
    .hover_icon{position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 50%; left: 0; transition: all .4s ease-in-out 0s; opacity: 0; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .hover_icon ul li{display: inline-block;}
    .hover_icon ul li a{width: 6rem; height: 6rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--white); -webkit-box-shadow: 0 .3rem .5rem rgba(0, 0, 0, 0.1); box-shadow: 0 .3rem .5rem rgba(0, 0, 0, 0.1); margin-right: 1rem; background: var(--brand); font-size: 2rem;}
    .img_glly_box:hover .hover_icon{opacity: 1; left: 50%;}
    .hover_icon ul li:last-child a{margin-right: 0}
    .catgori_dropdown_iteam li{font-size: 1.6rem;}
    .catgori_dropdown_iteam li a{padding: 1.5rem !important; border-bottom: .1rem solid rgb(0,0,0,.09) !important; width: 100%;}
    .catgori_dropdown_iteam{margin-top: 1rem; padding: 0 1rem !important;}
    .menu_list .dropdown .dropdown-menu.catgori_dropdown_iteam li{display: block;}
    .catgori_dropdown_iteam li:last-child a{ border-bottom-color: transparent;}
    .imag_modal{top: 50%; -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); height: auto;}
  .img_rt{display: flex; align-items: center; }
  .count_box{border: .1rem solid #ebebeb; padding: .5rem 2rem; border-radius: 1rem; display: inline-block; margin-right: 1rem; font-size: 1.8rem;}
  .open_hr b{color: var(--grenn); text-transform: capitalize; display: inline-block; padding-right: .5rem;}
  .open_hr ul li{display: inline-block; position: relative; text-transform: capitalize; padding: 0 1.5rem; font-size: 1.4rem;}
  .op_lo{align-items: center;}
  .open_hr{padding-top: 1.5rem ;}
  .open_hr ul li:before{width: 1rem; height: .2rem; background: #b1bcc6; position: absolute; left: -.8rem; top: 1.1rem; content: "";} 
 .open_hr ul li:first-child{padding-left: 0;}
 .open_hr ul li:first-child:before{display: none;}
 .open_hr ul li:last-child{padding-right: 0;}

 /* details_page */
 .q_i_list li b{display: block; color: var(--brand); text-transform: capitalize;}
 .q_i_sub_list li{display: inline-block; margin: .5rem .8rem 0 0 !important;}
 .q_i_sub_list li a{display: inline-block; border: .1rem solid #ebebeb;  text-transform: capitalize; font-size: 1.4rem; padding: .5rem 1rem;  border-radius: .2rem; font-weight: 500; color: var(--body_txt_color);}
 .q_i_list li{margin-top: 2rem;}
 .q_i_list li:first-child{margin-top: 0;}
 .q_i_sub_list li a:hover{color: var(--white); background: var(--grenn); border-color: transparent;}
 .timomg_list li, .q_i_sub_list{margin-top: .5rem;}
 .location_list li{display: inline-block; background: var(--white); color: var(--brand); padding: .5rem 1rem; border-radius: .5rem; box-shadow: 0 .1rem .3rem 0 rgba(0,0,0,.1); font-size: 1.4rem; margin: .8rem .8rem 0 0; text-transform: capitalize; font-weight: 500;}
 .vry_img img{width: 8rem; margin-left: 1rem;}
 .vry{align-items: center;}

 .login_modal{-webkit-backdrop-filter: blur(1.5rem); backdrop-filter: blur(1.5rem);}
 .login_modal .modal-dialog{width: 100%; height: 100%; display: flex; align-items: center; justify-items: center;}
 .logo_img img{width: 20rem; margin-bottom: 1rem;}
 .inner_banner_sec{border-bottom: .1rem solid var(--border_color); padding-bottom: 1.5rem;}
 .tab_sec {border-bottom-color: transparent;}
 .tab_sec .nav-item.show .nav-link, .tab_sec .nav-link.active, .tab_sec .nav-item .nav-link:hover { color: var(--white); background: var(--brand); border-color: transparent;}
 .tab_sec .nav-link { margin-bottom: 0; background: 0 0;  border: .1rem solid #eaeaea; border-radius: .5rem; color: var(--black); padding: 0.5rem 2rem;}
 .tab_sec li{margin: 1rem 2rem 0 0;}
 .tab_sec{align-items: center;}
 .listing_sort .input_fld .form-select{height: 4rem; width: 20rem;}

/*error_page*/
.erroe_content{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.erroe_content img{max-width: 100%; width: 60rem; margin-bottom: 2rem;}
.erroe_content p{max-width: 50rem; margin: 0 auto; text-align: center;}

.add_sec img{height: 50rem; object-fit: cover;}
.trending_box{box-shadow: rgb(187, 194, 205) .3rem 3.1rem 4rem -4.2rem; border: .1rem solid rgb(225, 230, 239); padding: 2rem; text-align: center; display: block; margin-top: 3rem; border-radius: .5rem;}
.trending_box h3{padding-top: 2rem;}
.trending_sec .owl-dots{margin-top: 2rem;}


#searchResult{background: var(--white); padding: 2rem; box-shadow: 0 0 5rem rgb(5 5 5 / 8%); max-height: 38rem; overflow-y: auto; margin-top: 1rem;}
#searchResult li{padding: 1rem 0 0 2rem; position: relative;}
#searchResult li:before{font-family: "Font Awesome 6 Pro"; content: "\f3c5"; position: absolute; left: 0; top: .9rem; font-size: 1.4rem; color: var(--brand);}
/*#searchResult li:first-child{padding-top: 0;}*/



/* @import url('https://fonts.googleapis.com/css?family=Alice:300,400,600,700&&display=swap'); */

/*Required CSS*/
svg.radial-progress{height:auto;max-width:12rem;padding:0;transform:rotate(-90deg);width:100%;background-image:linear-gradient(-225deg,#FF057C 0%,#8D0B93 50%,#321575 100%);border-radius:50%;}
section.svg-container svg.radial-progress:nth-child(even) {margin: 0 15px;}
svg.radial-progress circle{fill:transparent;stroke:#fff;}
svg.radial-progress circle.bar-static{stroke:#fafafa!important;}
svg.radial-progress circle.bar--animated{stroke-dasharray:219.91148575129;stroke:#ffffff;stroke-dashoffset:219.91148575129;stroke-width:4px;stroke-linecap:round;}
svg.radial-progress text{fill:#fafafa;font-family:Roboto;font-size:16px;font-weight:700;text-anchor:middle;text-shadow:0 0 5px #0000007a;}

/*For CodePen*/
/* body{text-align:center;margin:0;min-height:100vh;flex-wrap:wrap;font-family:'Alice',serif;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#ffffff; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='1' y2='0' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23ff057c'/%3E%3Cstop offset='1' stop-color='%23321575'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F00'/%3E%3Cstop offset='1' stop-color='%23FC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23FFF' fill-opacity='0' stroke-miterlimit='10'%3E%3Cg stroke='url(%23a)' stroke-width='7.26'%3E%3Cpath d='M1409 581 1450.35 511 1490 581z'/%3E%3Ccircle stroke-width='2.4200000000000004' transform='' cx='500' cy='100' r='40'/%3E%3Cpath transform='' d='M400.86 735.5h-83.73c0-23.12 18.74-41.87 41.87-41.87S400.86 712.38 400.86 735.5z'/%3E%3C/g%3E%3Cg stroke='url(%23b)' stroke-width='2.2'%3E%3Cpath transform='' d='M149.8 345.2 118.4 389.8 149.8 434.4 181.2 389.8z'/%3E%3Crect stroke-width='4.840000000000001' transform='' x='1039' y='709' width='100' height='100'/%3E%3Cpath transform='' d='M1426.8 132.4 1405.7 168.8 1363.7 168.8 1342.7 132.4 1363.7 96 1405.7 96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position: bottom;background-size:cover;} */
section.svg-container{max-width:100%;display:flex;align-items:center;justify-content:space-evenly;}
.devider{font-size:50px;padding:20px;min-height:11vh;color:#fff;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(-225deg,#FF057C 0%,#FF057C 40%,#321575 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}
/* .devider:nth-last-of-type(2){background-image:linear-gradient(260deg,#ff0300,#ffc900);linear-gradient(-225deg,#ff0300 0%,#ffc900 100%)} */
svg.radial-progress{background: var(--brand);}
.complt_progess_bar_lt{border-right: .2rem dotted #ccc;}
.pulse { background: #22c03c; display: block; height: 1.7rem; top: 6rem;  width: 1.7rem;   border-radius: 50%;  position: absolute; left: -.7rem;}
.pulse::before { -webkit-animation: pulse 1s linear infinite; animation: pulse 1s linear infinite; background: rgba(34,192,60,.6); box-shadow: 0 0 0 rgba(34,192,60,.9); content: ""; cursor: pointer; height: 2.5rem; right: -.4rem; top: -.4rem; width: 2.5rem;  position: absolute; border-radius: 100%;}
.complt_progess_bar_img{width: 12rem; height: 12rem; margin: 0 auto;}
.bx_box i{font-size: 4rem; color: var(--brand);}
.bx_box span{display: block; text-transform: capitalize; font-weight: 500; font-size: 2rem; padding-top: 1rem;}
.bx_box { background: var(--white); padding: 2rem; margin-top: 3rem; border-radius: .5rem;}
.count_box strong{display: block; color: var(--black); padding-top: 2rem; font-size: 3rem;}



/*.white_card_box{background: var(--white); padding: 2rem; margin-top: 2rem; border-radius: .5rem;}*/
.catagori_forgrt_sec .havr_sec{width: auto;}


/*mobile_sec*/
.mb_ft_sec{position: fixed; width: 100%; z-index: 16; bottom: 1rem; left: 0; padding: 0 1rem; opacity: 0; z-index: 99999;}
.mb_ft_content{background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.075) 0 .2rem 2.8rem !important; height: 6.2rem; border-radius: 2.8rem; position: relative; top: calc(50% - 3rem);  display: flex; align-items: center; justify-content: space-between; padding: 0 1rem;}
.plus_cont{position: relative;}
.outer_pluse_content{width: 4.1rem; height: 4.1rem; border-radius: 100%; position: absolute; top: -2.5rem; box-shadow: rgba(0, 0, 0, 0.3) 0 .2rem 2rem; margin: 0 auto; left: 0; right: 0; align-items: center; justify-content: center;}
.pluse_main{background: var(--brand); width: 4.1rem; height: 4.1rem; border-radius: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; color: var(--white) !important;}
.side_section ul li{display: inline-block; text-transform: capitalize; font-weight: 500; margin-right: 1rem; font-size: 1.2rem; text-align: center; line-height: 1.2rem;}
.side_section ul li a{color: var(--black);}
.side_section ul li a i{color: var(--brand); padding-right: .5rem;}
.side_section ul li:last-child{margin-right: 0;}
.side_section ul li span{display: block; padding-top: .4rem}
.side_section{width: 42%; text-align: center;}
.back_button{cursor: pointer;}


/*28-8-23*/
    .arrivals_box, .best_product_box{box-shadow: rgba(109, 103, 89, 0.06) 0 .2rem 3rem .9rem; border-radius: .8rem; padding: 1.5rem;}
    .arrivals_product_box{border: .1rem solid rgb(225, 230, 239); margin-top: 2rem; border-radius: .5rem; position: relative;}
    .arrivals_product_img img{height: 20rem; object-fit: cover;}
    .arrivals_product_img{border-bottom: .1rem solid rgb(225, 230, 239); padding: 1em;}
    .arrivals_product_txt{padding: 1.5rem;}
    .arrivals_box .owl-dots, .best_product_sec .owl-dots{display: none;}
    .arrivals_box .owl-nav.disabled, .best_product_sec .owl-nav.disabled{font-size: 0;}
    .arrivals_box .owl-prev, .arrivals_box .owl-next, .best_product_sec .owl-prev, .best_product_sec .owl-next{width: 3.2rem; height: 3.2rem; border-radius: 100%; border: .1rem solid var(--brand); display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: -2.5rem;}
    .arrivals_box .owl-prev:before, .arrivals_box .owl-next:before, .best_product_sec .owl-prev:before, .best_product_sec .owl-next:before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--brand); font-size: 1.5rem;}
    .arrivals_box .owl-next:before, .best_product_sec .owl-next:before{content: "\f061";}
    .arrivals_box .owl-prev, .best_product_sec .owl-prev{margin-right: 4rem;}
    .arrivals_product_txt h6 a{color: var(--black);}
    .arrivals_product_txt h6 a:hover{color: var(--brand);}
    .arrivals_product_txt strong{display: block; color: var(--brand); text-transform: uppercase;}
    .arrivals_product_txt span{text-transform: capitalize;  color: var(--body_txt_color);}
    .arrivals_product_txt span i{color: var(--black);}
    .arrivals_product_txt{display: flex; align-items: center; justify-content: space-between;}








@media (min-width: 992px) and (max-width: 9000px) 
{
.menu_list .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; border: none; border-bottom: .2rem solid var(--brand); 
    background:#fff !important; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: .5rem 0 1.5rem 0; box-shadow: 0 0 1rem rgb(0 0 0 / 28%); width: 100% !important;
    max-width: 100% !important;}

.menu_list .dropdown:hover .dropdown-menu {opacity: 1; visibility: visible;}

.menu_list .dropdown .dropdown-menu.catgori_dropdown_iteam{width: 20.50rem !important; max-width: 20.50rem !important;}



}

/* responsive */
@media only screen and (max-width: 1300px){
    .categorie_sec .col {flex: 0 0 auto; width: 12.667%;}
}
@media only screen and (max-width: 1399px){
    .boxes_txt {padding: 4rem 5rem 0 2rem;}
    .bnner_rt_box , .banner_box_img img{height: 30.5rem;}
    .catagori_btn .as_btn {min-height: 12rem;}

    /*listing_page*/
    .box_brd{padding: 1.5rem;}
    .rest_txt span {font-size: 1.7rem;}
    .rest_img img {width: 8rem !important;}

    /*img_gallery_page*/
    .img_content_wrapper{padding: 4.5rem 2rem;}
    .hover_icon ul li a {width: 5rem; height: 5rem; font-size: 1.8rem;}

    /*new*/
    .rt_search {width: 28rem;}
}

@media only screen and (max-width: 1199px){
    .nav_to{flex-direction: column; align-items: start;}
    /* .menu_top{padding-right: 0; width: 100%; text-align: center; margin-top: 1.5rem;} */
    .header_sec.fixed .menu_top{display: none;} 
    .banner_text {font-size: 2.2rem;}
    .boxes_txt {padding: 2rem 3rem 0 1.5rem;}
    .bnner_rt_box, .banner_box_img img {height: 25.5rem;}
    /* .boxes_txt p{display: none;} */
    .categorie_sec .col {width: 15.667%;}
    h3 {font-size: 1.8rem; line-height: 2.8rem;}
    .footer_sec .collm:nth-child(2) .ft_txt, .footer_sec .collm:nth-child(3) .ft_txt {padding-left: 0;}
    .ft_txt {margin-bottom: 4rem;}
    .subscrip_sec {margin-top: 1rem;}

    /* listing_page */
    .inner_banner {padding: 6rem 2rem;}


    /*dash_borad*/
    .nav_logo {width: 22rem;}
    .selet_form .input_fld select {width: 13rem;}
    .navbar_rt {width: calc(100% - 22rem);}
    .profilr_page_rt {padding: 2rem 0 0 0; border-top: .2rem dotted #ccc; border-left-color: transparent;  margin-top: 3rem;}

    /*------------------------------------new------------------------------------------------------*/
    .header_top .d-flex { align-items: start; flex-direction: column; }
    .menu_top { padding-right: 0; width: 100%; margin-top: 1rem;}
    .header_sec {padding: 1.5rem 0;}
    .modal_search_sec.rt_search .input_fld button {width: 30%;}
    .modal_search_sec.rt_search .input_fld input[type="text"] {width: 70%;}
    .drop_down_list li.cll{width: 25%;}
    
   
}

@media only screen and (max-width: 991px){
    .boxes{margin-top: 2rem;}
    .boxes_txt {padding: 3rem 7rem 0 1.5rem;}
    h6 {font-size: 1.6rem;}
    .categorie_sec .col {width: 20%;}
    .categorie_sec .col:last-child{width: 100%;}
    .catagori_btn .as_btn{width: 100%; min-height: 5rem;}
    .catagori_btn .as_btn::before{width: 0; height: 100%; left: 0; top: 0; transform: inherit; border-radius: 0;}
    .catagori_btn .as_btn:hover:before{width: 100%;}
    .catagori_btn .as_btn span {display: inline-block;}
    .catagori_btn .as_btn i {font-size: 1.7rem; margin-bottom: 0;}
    .categorie_box {min-height: auto;}
    .ft_txt strong {font-size: 2.3rem; padding-bottom: 1.5rem; margin-bottom: 0.5rem;}
    .srv_list li {font-size: 1.6rem;}
    .srv_list li a {padding-top: .5rem;}
    .subscrip_sec {padding: 1rem 3rem;}
    .ft_txt {margin-bottom: 3rem; }
    .sub_lt h2{font-size: 2rem;}
    .sub_rt .input_fld button {font-size: 3rem;}
    

    /* listing_page */
    .listing_rt {margin: 0;}
    .catagory_info {width: 30rem; height: 100%; border-right: unset; position: fixed; top: 0; left: -35rem; background: var(--white); z-index: 1041; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  overflow-y: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 2rem 1.5rem; border-right: .5rem solid var(--brand); display: block !important;}
    .catagory_info.show{left: 0;}
    .catagory_info .back_button{display: none !important; cursor: pointer;}
    .catagory_info.show .back_button{display: inline-block !important;} 
    /*.showing_box{margin-top: 2rem;}*/





    .show_filler_sec {margin-bottom: 0;}
    /* .product_img img {width: 35rem; height: 20rem;} */
    .product_img img {width: 39rem; height: 25rem;}
    

    /* deatils_page */
    .dtls_box {padding: 2rem;}

    /* login_page */
    .login_rt{margin-top: 3rem;}
    .login_lt { margin-right: 0; }

    /* dashborad_page */
    .sidebar-offcanvas {position: fixed !important; max-height: calc(100vh - 7rem); top: .1rem; bottom: 0; overflow: auto; right: -25.5rem;-webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out;transition: all 0.25s ease-out; margin-top: 4rem;}
    .sidebar-offcanvas.active {right: 0;}
    .nav_logo {width: 20.5rem; padding: 1rem;}
/*    .ad_header {align-items: center;}*/
/*    .selet_form .input_fld select {width: 10rem;}*/
    .navbar_rt {width: calc(100% - 20.5rem);}
    .navbar_rt .navbar-nav-right li {margin-right: 2.5rem; padding: 1rem 0;}
    .main_panel {margin-left: 0; width: 100%; min-height: calc(100vh - 0rem);}
    /* .navbar_rt .navbar-toggler {color: transparent; border: none;  -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem; width: 3.1rem; padding: 0;}
    .navbar_rt .navbar-toggler .icon-bar {display: block; width: 2rem; height: .4rem; border-radius: .3rem; background-color: var(--brand); 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;}
    .navbar_rt .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .navbar_rt .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .navbar_rt .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: 1.5rem; margin-top: -1.1rem;}
    .navbar_rt .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: 1.5rem;} */
    /* .navbar_rt.navbar-expand-lg .navbar-toggler {display: block !important;} */
    /* .navbar_rt .navbar-toggler.showtoggle{ font-size: 2rem;}
    .navbar_rt .navbar-toggler.showtoggle .menu{display: none;}
    .navbar_rt .navbar-toggler.showtoggle .close{background: var(--white); box-shadow: .1rem .1rem 1.4rem rgba(0, 0, 0, 0.07); border-radius: 100%; display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; } */
    .content_wrapper {padding: 2.7rem;}
    .navbar_rt .navbar-nav-right li:last-child {margin-right: 0;}
    /*.ad_header .navbar-brand img {width: 18rem !important;}*/
    .toggle_icon_bar {margin-right: 0;}
    .navbar-nav-right li.menu_list a span{display: none;}
    .navbar-nav-right li.menu_list i {font-size: 2.5rem;}
    .main_panel {padding-top: 6rem;}
    .sidebar {width: 23rem;}

    /*-----------------------------------------------------------new-----------------------------------------------*/
    .rt_search {width: 28rem;}
    .header_top .navbar-toggler {color: transparent; border: none; padding: .5rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -.5rem;}
    .header_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;}
    .header_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .header_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .header_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;}
    .header_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;}
    .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.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(--grenn);}
    .nav_top .navbar-collapse.show {left: 0;}

    .hd_btn{right: 5rem;}
    .moblr_toggle{display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .heder_bottom { border-top-color: transparent; border-bottom-color: transparent; padding: 0; }
    .header_sec {padding: 1.5rem 0 0 0;}
    .header_sec.fixed{padding: 1.5rem 0;}
    .menu_top {margin-top: 1.5rem;}
    .modal_search_sec.rt_search .input_fld input[type="text"] {width: 64%;}
    .modal_search_sec.rt_search .input_fld button {width: 36%;}
    .menu_list li{font-size: 1.6rem;}
    .menu_list li a {padding: 1.5rem; width: 100%; border-bottom: .2rem dotted var(--brand);}
    .menu_list li:last-child a{padding-bottom: 0; border-bottom-color: transparent;}
    .drop-arw{position: absolute; right: 1rem; top: 1rem;}
    .drop-arw i {font-size: 1.5rem; padding: 1rem;}
    .dropdown.megamenu {position: relative !important;}
    .header_sec.fixed .heder_bottom {display: block; }

    /*------------------------------------------------------------14-7-23-----------------------------------------------------*/
    .drop_down_list li.cll{width: 100%;}
    .megamenu .dropdown-menu {margin: 1rem auto 0 auto;}
    .menu_list li.catgori_dropdown {padding-left: 0 !important;}
    .catgori_dropdown_iteam li:last-child a{border-bottom-color:transparent !important;}
    .menu_list .dropdown .dropdown-menu.catgori_dropdown_iteam{margin-top: 1rem;}

    .dropdown.megamenu {padding-left: 0;}

    /*----------------------------------------------------new----------------------------------------------------------*/
    .tab_sec {justify-content: center;}

    /*28-8-23*/
    .arrivals_box2{margin-top: 3rem;}

}

@media only screen and (max-width: 767px){
    
    .container-fluid, .container{padding: 0 1.5rem;}
    .rt_search .input_fld button{padding-right: .8rem;}
    /* .rt_search .input_fld input[type="text"]{font-size: 1.6rem;} */
    .sel {width: 100%;}
/*    .menu_sec li:first-child{display: block; margin-right: 0;}*/
    /* .menu_top li:first-child {width: 100%; margin: 0;} */
    .menu_top {margin-top: 2rem; justify-content: center;}
    h1, h2 {font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 1.5rem;}
    .banner_box_img img {height: auto;}
    .categorie_sec .col {width: 25%;}
    .categorie_box { margin-top: 2rem;}
    .featured_sec .owl-item {padding: 0rem 0 3.5rem 0;}
    .featured_box {margin-top: 2rem;}
    .feedback_box {margin-top: 2rem;}
    .srv_list li {width: 100%; float: none;}
    .ptb {padding: 3rem 0;}
    .inner_ptb{padding: 3rem 0 1rem;}
    /* h3 {font-size: 1.6rem; line-height: 2.6rem;} */
    .menu_top .input_fld .form-select { height: 5rem; margin-bottom: 1rem;}

    /* listing_page */
    .inner_banner {padding: 4rem 2rem;}
    .iiner_banner_txt h1 {font-size: 3rem; line-height: 3.5rem; }

    /*dashboard_page*/
    .navbar_rt .navbar-nav-right li {margin-right: 1.5rem;}
    .selet_form .input_fld select { width: 11rem;}
    .nav_logo {width: 24.5rem;}
    .navbar_rt { width: calc(100% - 24.5rem);}
    .table_sec tbody tr td {min-width: 30rem; font-size: 1.6rem; line-height: 2.2rem; padding: 1.5rem 1rem;}
    .ad_header {border-bottom-color: transparent;}

    /*listing_page*/
    /*.fillter_box .as_btn span{ display:none; }
    .fillter_box .as_btn{width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 0; font-size: 2rem;}*/
/*    .filter_button{position: absolute; right: 6rem; top: 0;}*/
    .product_list_box{flex-direction: column;}
    .product_txt { margin: 1.5rem 0 0 0;}
    .product_img img {width: 100%; height: auto;}
    .product_list_box {padding: 2rem;}
    .av_txt {top: -6rem;}

    /*---------------------------------------new-------------------------------------*/
    .modal_search_sec.rt_search .input_fld input[type="text"] {width: 100%;  border: .1rem solid #ebebeb;}
    .modal_search_sec.rt_search .input_fld button {width: auto; padding: 0 2rem;  border-radius: 2.5rem; margin-top: 1.5rem !important; font-size: 1.4rem;}
    .modal_search_sec.rt_search .input_fld { border-radius: 0;   padding: 0; border: none;}
    .sech_list_item{width: 100%; margin-right: 0 !important;}
    .rt_search{width: 100%;}
    .listing_txt, .choose_btn{margin-top: 1.5rem;}

    /*------------------------------14-7-23-------------------------------------------------*/
    .sort_selet{margin-top: 2rem;}
    .images_filler_box{margin-top: 1rem;}

     /*------------------------------new-----------------------------------------------*/
    .complt_progess_bar_lt {border-right-color: transparent; margin-bottom: 3rem; border-bottom: .2rem dotted #ccc; padding-bottom: 3rem;}
    .menu_top li:first-child {width: 31rem;}
}


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

    .nav_top .navbar-brand img {width: 18rem;}
    .hd_btn .as_btn{height: 4rem; border-radius: 100%; padding: 0; width: 4rem; display: flex; align-items: center; justify-content: center;} 
    .hd_btn .as_btn i {font-size: 1.6rem;}
/*    .hd_btn {right: 4rem;}*/
    /* .hd_btn .as_btn i {padding-right: 0; font-size: 2rem;} */
/*    .hd_btn {top: -.3rem;}*/
/*    .hd_btn .as_btn span{display: none;}*/
    .hd_btn{display: none;}
    /* .menu_top li {margin-right: 1rem; font-size: 1.3rem; line-height: 1.3rem;} */
    .header_top {padding-bottom: 1rem;}
    .header_sec {padding: 1.5rem 0 0;}
    .header_sec.fixed{padding: 1.5rem 0;}
    .rt_search .input_fld input[type="text"] { width: 90%; font-size: 1.4rem;}
    .rt_search .input_fld button {width: 9%;}
    .boxes_mg {width: auto;}
    .bnner_rt_box, .banner_box_img img {height: 13.5rem;}
    .button_btn {bottom: 1rem;}
    .banner_text {font-size: 3rem;}
    .boxes_txt p {padding: .5rem 2rem 0 0 !important;}
    .boxes {margin-top: 1rem; }
    h1, h2 {font-size: 2rem; line-height: 3rem;}
    .categorie_sec .col {width: 50%;}
    .subscrip_sec {padding: 1rem 2rem;}
    .sub_rt .input_fld input[type="email"] {width: 80%;}
    .sub_rt .input_fld button {width: 16%;}
    .ft_txt strong {font-size: 2rem; padding-bottom: 1rem; margin-bottom: 0.5rem;}
    /* .ft_txt { margin-bottom: 2rem;} */
    .ft_call_box {width: 4.8rem; height: 5.1rem;}
    .ft_call_box i {line-height: 5.1rem; font-size: 2.5rem;}
    .popular_list ul li {font-size: 1.2rem;}
    .popular_list ul { margin-top: 2rem; }
    /* .menu_top li:first-child {margin: .5rem 0 1rem 0;} */

    /* listing_page */
    .product_list_box { margin-top: 1.5rem;}
    .inner_banner {padding: 2rem 1rem;  border-radius: .5rem;}
    .iiner_banner_txt h1 {font-size: 2.5rem; line-height: 3rem; }
    .breadcrumb_sec .breadcrumb-item {font-size: 1.2rem;}
    .breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before {top: .9rem;}
       

    /*details_page */
    .details_icon_list li a::before{display: none;}
    .hd_rating {flex-direction: column; align-items: flex-start !important;}
    .details_box {margin: 2rem 0 0 0;}
    .search_icon {width: 3.5rem; height: 3.5rem; font-size: 1.4rem;}
    .breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before {padding: 0 .5rem;}   
    .search_icon i{line-height: 3.5rem;}

    /* login_page */
    .ot_log_sec ul li a {   background: transparent; box-shadow: none; }
    .ot_log_sec ul li a .log_icon { float: none; display: inline-block;}
    .ot_log_sec ul li a .log_txt {  margin-right: 0; }
    .log_in_img {margin-bottom: 1.5rem;}

    /*dash_boeard_page*/
    .selet_form .input_fld select {width: 9rem; font-size: 1.2rem; display: none;}
    .navbar-nav-right li.menu_list i {font-size: 1.6rem;}
    .navbar-nav-right li.menu_list{margin-right: .8rem; display: none;}
    .nav_logo {width: 14.5rem;}
    .navbar_rt {width: calc(100% - 14.5rem);}
    /*.navbar_rt .navbar-nav-right li:last-child { margin-right: 0;}
    .navbar-nav-right li:last-child .demo_icon{display: none;}*/
    .main_panel {padding-top: 5rem;}
    .content_wrapper {padding: 2rem 1.5rem;}
    .us_name {font-size: 1.2rem;}

    /*compelet profile_page*/
    .uplod_btn .inputfile-2 + label strong {font-size: 1.6rem;}
    .radio-button-container {font-size: 1.6rem;}

    /*listing_page*/
    /* .product_list_box{flex-direction: column;}
    .product_txt { margin: 1.5rem 0 0 0;} */
    .showing_box span{font-size: 1.5rem;}
    .side_filter_box {width: 100%;}
    .side_filter_box .modal-footer .logbtn {padding: 0 1.5rem;}
    .bussines_list li {margin: 1rem .5rem 0 0;}
    /* .av_txt {position: inherit; right: inherit; top: inherit; margin-bottom: 1.5rem;} */

    /*------------------------------------new--------------------------------------*/
    .popular_city_box .d-flex{flex-direction: column;}
    .ms-4.popular_city_txt{margin: 1.5rem 0 0 0 !important; text-align: center;}
    .popular_city_box {padding: 1.5rem;}
    .popular_city_txt span {font-size: 1.2rem;}
    .popular_city_img img {width: 5rem;}
    .menu_top li {margin-right: 1rem;}
    .menu_top li:first-child { width: 100%; margin-right: 0;}
    .choose_btn {font-size: 1.2rem; line-height: 4rem; height: 4rem;}
    .header_top .navbar-brand img {width: 18rem;}
    .menu_top {justify-content: center;}

    /* login_popup_page */
    .login_modal .modal-body { padding: 0rem 2rem 1.5rem 2rem;}

    /*-------------------------------------------------------------14-7-23-------------------------------------------------------*/
    /*.image_heading {flex-direction: column;}*/
    .image_heading .as_btn span{display: none;}
    .image_heading .as_btn{padding: 0; width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; font-size: 2rem;}
    .image_heading .as_btn i {padding-right: 0;}
    .images_filler_box{margin-top: 0;}
    .sort_selet .input_fld select {padding: 0 1rem 0 3.5rem; font-size: 1.5rem;}
    .floder_icon{font-size: 1.4rem;}
    .image_heading h3{font-size: 2rem; line-height: 3rem;}
    .img_rt {align-items: center; justify-content: flex-end; width: 100%;}
    .image_heading{flex-direction: column; align-items: start;}

    /* details_page */
    .op_lo{flex-direction: column; align-items: flex-start;}
    .product_txt span.location {padding: 1.5rem 0 0 0; margin-left: 0;}
    .product_txt span.location::before{display: none;}
    .details_box {padding: 2rem;}

    .srv_list_box2{margin-top: 2rem;}

    /*-------------------------------------------new--------------------------------------------*/
    .bx_box span {font-size: 1.5rem; padding-top: .5rem;}
    .count_box strong { padding-top: 1rem; font-size: 2.4rem;}

    .catagori_forgrt_sec {flex-direction: column; align-items: flex-start;}
    .havr_sec{padding-top: .5rem;}

    .listing_txt{margin-top: .5rem;}
    .menu_top li {line-height: 4rem;}

    /*------------26-7-23-------------------------------------*/
    .mb_ft_sec{opacity: 1;}
/*    .home_categorie_info{display: none;}*/
    .home_categorie_info{position: fixed; top: 0; left: -42rem; background: var(--white); z-index: 99; width: 100%; padding: 2.5rem 1.5rem; 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;b}
    .home_categorie_info.show{left: 0;}
    .categorie_sec.ptb{padding: 0 0 3rem;}
    .choose_btn{display: none;}
    .ot_log_sec ul li {width: 50%;}
    .popular_city_txt strong {font-size: 1.4rem; line-height: 1.4rem;}
    .iiner_banner_txt h2{margin-bottom: .2rem;}

    /*-----------------------27-7-23--------------------------------------------------*/
    .call_btn{padding: 0 1.5rem; font-size: 1.4rem;}
    .call_btn i{display: none;}
    .vry{flex-direction: column-reverse; align-items: flex-start;}
    .tab_sec{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);}
    .tab_sec li{max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); flex: 0 0 auto; width: 50%; margin: 1rem 0 0 0;}
    .listing_sort .input_fld .form-select {width: 100%; padding: 0 1.5rem;}
    .tab_sec .nav-link{font-size: 1.4rem; width: 100%; padding: 0.5rem;}
    .filter_button span{font-size: 1.5rem}
}

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

}