@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--black); font-family: var(--body_font); }
img{ display: inline-block; }
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; text-transform:capitalize; }
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; }
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
ul,ol,li{ padding:0; margin:0; list-style:none; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.text_left{ text-align: left; }
span, em, small{ font-style: normal; font-size: 1.6rem; color: var(--black); }
p{ font: 400 1.6rem/1.7 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; }
h4{font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font);}
h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font);}
h6{ font-size: 2.5rem; line-height: 1.2rem; text-transform: capitalize; color: var(--black); }
h1,h2{font-size: 4.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-weight: 700; font-family: var(--head_font);}
.as_btn{display: inline-block; height: 4rem; line-height: 3.8rem; color: var(--black); text-transform: uppercase; letter-spacing: .2rem; font-weight: 600; padding: 0 3rem; border-radius: 2.5rem; margin-top: 2.5rem; box-shadow: 0 0 0 1px #000000 inset; pointer-events: all; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; text-align: center;}
.as_btn:hover{box-shadow: 0 0 0 3em #000000 inset; color: var(--white);}

/*__________________________ custom_short css____________*/
:root{ 
	--brand: #3b6ead; 
	--second_brand: #ff5c35; 
	--body_text_color: #464646;
	--white: #fff; 
	--black: #000; 
	--body_font: "Open Sans", sans-serif;
	--head_font: "Nunito Sans", sans-serif;;
	--graident: linear-gradient(21deg,rgba(255, 92, 53, 1) 39%, rgba(173, 59, 63, 1) 100%);


}



@keyframes float-bob-x{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(30px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}
/*________________________________________ primery btn _________________________________________*/

	.custom-btn { width: fit-content; padding: 0 2rem; height: 5rem; line-height: 5rem; color: #fff; border-radius: .5rem; font-size: 2rem; font-weight: 500; transition: all 0.3s ease; position: relative; }
	/* 14 */
	.btn-14 { background: var(--brand); border: none; z-index: 1; }
	.btn-14:after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: -1; border-radius: 5px; background: var(--second_brand);  transition: all 0.3s ease; }
	.btn-14:hover { color: #fff; }
	.btn-14:hover:after { top: auto; bottom: 0; height: 100%; }
	.btn-14:active { top: 2px; }

/*________________________________________ primery btn end _________________________________________*/


/*________________________________________________________ bottpm_to_top_button __________________________________________________________*/

	.btm_top .back-to-top{  background-color:var(--black); padding: 1rem 1rem; cursor:pointer; border-radius: .5rem; border: .1rem solid #444; position:fixed; right: 2rem; bottom: 2rem; display:none; }
	.btm_top .back-to-top i{ font-size: 1.6rem; color: var(--white); }

/*________________________________________________________ bottpm_to_top_button __________________________________________________________*/


/*____________________________________________________________________ site css start ______________________________________________*/
	/* header_sticky_fixed */
	.header_sec.fixed{ width: 100%; position: fixed; top: 0; z-index: 9999;}
	/*.header_sec.fixed .top_header{ display:none; }*/
	.header_sec{ background: rgb(0, 0, 0, .2); }

	/* top_header */
	/*.header_sec .top_header { background: rgba(0, 0, 0, .5); padding: .8rem 0; }
	.header_sec .top_header .top_flex{ justify-content:space-between; align-items:center; }
	.header_sec .top_header .top_flex .top_items{ gap: 0 3rem; align-items:center; }
	.header_sec .top_header .top_flex .top_items li a span i{ color:var(--white); font-size: 1.6rem; }
	.header_sec .top_header .top_flex .top_items li a{ gap:0 1rem; }
	.header_sec .top_header .top_flex .top_items li a h6{ font: 400 1.8rem/1.2 var(--body_font); color: var(--white); }
	*/
	/* menu_header */
	.header_sec .header_menu{ background: rgba(255, 255, 255, 1); padding: 0 0; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; }
	.header_sec .header_menu .brand img{ height:6rem; object-fit:cover; }
	.header_sec .header_menu .navbar .navbar-collapse{ justify-content: center; margin-right: 25rem; }
	.header_sec .header_menu .navbar-nav li a{ font: 600 2rem/1.2 var(--body_font); color: var(--white); padding-left: 3rem; color: var(--black); }
	.header_sec .menu_sec li.active a, .header_sec .menu_sec li a.active{ color: var(--brand); }
	.header_sec .header_menu .navbar-nav li a:hover{ color: var(--brand); }
	.header_sec .header_menu .container{ max-width: 100%; padding: 0 15rem; }

	/* drop down menu hover effect */
	/*.header_sec .header_menu .navbar-nav{ margin-right: 20rem; }
	.header_sec .dropdown:hover .dropdown-menu{ display:block; }
	.navbar-expand-lg .navbar-nav .dropdown-menu{ padding: 2rem; width:20rem; }
	.navbar-expand-lg .navbar-nav .dropdown-menu li{ padding-bottom: 1rem; }
	.navbar-expand-lg .navbar-nav .dropdown-menu li a{ color:var(--brand); padding-left: 0; }
	*/

	.header_sec .hed_call_btn{ position: absolute; right: 0; top: 0; bottom: 0; }
	.header_sec .hed_call_btn .hed_cal_2{background: var(--brand); width: 4rem; height: 4rem; border-radius: .3rem; display: flex; justify-content: center; align-items: center; color: var(--white); font-size: 1.4rem; display: none; }
	.header_sec .hed_call_btn .hed_cal_2 i{ padding-right: 0; }

	.header_sec .hed_call_btn a{ height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 0; }
	.header_sec .hed_call_btn a i{ padding-right: 1rem; }

	.header_sec .head_social{ position: absolute; right: 25rem; }
	.header_sec .head_social ul{ gap: 0 1rem; }
	.header_sec .head_social ul li a{ background: var(--second_brand); width: 3rem; height: 3rem; border-radius: .3rem; display: flex; justify-content: center; align-items: center; color: var(--white); font-size: 1.4rem;  }
	.header_sec .head_social ul li a:hover{ background: var(--brand); }



/*_______________________________________________________________ banner css start ______________________________________________*/

	.banner_sec .carousel-item .image_box{ position:relative; }
	.banner_sec .carousel-item .image_box img{ height:750px; object-fit:cover; }
	.banner_sec .carousel-item .desc_block{background: rgba(255, 255, 255, .2); border-radius: 1rem; padding: 3rem;  position:absolute; top: 50%; transform: translateY(-50%); width: 45%; backdrop-filter: blur(4rem) saturate(180%); /*top:50%; left:50%; transform: translate(-50%, -50%);*/ }
	.banner_sec .carousel-item .desc_block h2{ font: 600 4.5rem/1.2 var(--body_font); color: var(--white); }
	.banner_sec .carousel-item .desc_block p{ font: 400 1.8rem/1.7 var(--body_font); color: var(--white); padding: 1rem 0 4rem 0;}
	.banner_sec .desc_block {  }
	/* next_and_prev_icon */
	.banner_sec .carousel-control-prev{ width: 10rem; height:10rem; top: 50%; }
	.banner_sec .carousel-control-next{ width: 10rem; height:10rem; top: 50%; }
	.banner_sec .carousel-control-prev-icon{ width: 7rem; height:7rem; }
	.banner_sec .carousel-control-next-icon{ width: 7rem; height:7rem; }
	/* dotes_btn */
/*	.banner_sec .carousel-indicators { margin: 0; bottom:3rem; width: fit-content; margin: 0 auto; }
	.banner_sec .carousel-indicators [data-bs-target]{  width:1.5rem; height:1.5rem; border-radius:100%; background: transparent; margin: 0 1rem; }
	.banner_sec .carousel-indicators .slid_btn{ position:relative; }
	.banner_sec .carousel-indicators .slid_btn::after{ position:absolute; content:"\f336"; top: 0; left:507px; font-size: 2.2rem; font-family: "Font Awesome 6 Pro"; font-weight: 900; color:var(--white); }
*/

/*_______________________________________________________________ about start ______________________________________________*/

.about_sec .fx_image{ gap: 0 2rem; }
.about_sec .fx_image .image { height: 100%; }
.about_sec .fx_image .image:nth-child(odd){ margin-top: 5rem; }
.about_sec .fx_image .image img{ height: 45rem; object-fit: cover; border-radius: 1rem; }
.about_sec .right_text{ margin-left: 3rem; }
.about_sec .right_text h2{ padding-bottom: 2rem; }
.about_sec .right_text em{ font-weight: 700; padding: 1.5rem 0; display: inline-block; border-left: .3rem solid var(--second_brand); padding-left: 2rem; margin-bottom: 2rem; }
.about_sec .right_text p{ padding-bottom: 4rem; }

.about_sec .fx_image_mobile { display: none !important; }








/*_______________________________________________________________ card start ______________________________________________*/
	.card_sec{ margin-top: -11rem; }
	.card_sec .container{ max-width: 100%; padding: 0 20rem; }
	.card_sec h2{ text-transform: uppercase; font-size: 3rem; font-weight: 900; text-align: center; }
	.card_sec .card_box{margin-top: 3rem; background: var(--graident); padding: 3rem 2.5rem; border-radius: 1rem;  }
	.card_sec .card_box h3{ font-size: 2.5rem; font-weight: 700; color: var(--white); padding-bottom: 2rem; }
	.card_sec .card_box{ position: relative;z-index: 1; }
	.card_sec .card_box .bg_img{ position: absolute; top: 1rem; right: 0; opacity: .2; z-index: -1; }
	.card_sec .card_box .bg_img img{ width: 10rem; }
	.card_sec .row{ margin: 0 -1.5rem; }
	.card_sec .row .card_paddi{ padding: 0 1.5rem; }



/*_________________________________________#f1f1f1______________________ hotdeal_sec start ______________________________________________*/
	/*.hotdeal_sec{ padding-top: 0; }*/
	.hotdeal_sec{ background: #3b6ead1a; }
	.hotdeal_sec .container{ max-width: 100%; padding: 0 10rem; }
	.hotdeal_sec .slide_box { background: #ffe9e9; border-radius: 1rem 1rem 0 0; position: relative; }
	/*.hotdeal_sec .slide_box a img{ width: 23rem !important; }*/
	.hotdeal_sec .row{ margin: 0 -1.5rem; }
	.hotdeal_sec .row .hot_paddi{ padding: 0 1.5rem; }
	.hotdeal_sec .hotdeal_slider{ margin-top: 3rem; }
	.hotdeal_sec .slide_box .star{ position: absolute; bottom: -1.5rem; left: 50%; transform: translateX(-50%); background: var(--second_brand); padding: 1rem; border-radius: .5rem; display: flex; align-items: center; gap:0 .4rem; }
	.hotdeal_sec .slide_box .star li i{ color: var(--white); font-size: 1.4rem; }

	.hotdeal_sec .box_text{ background: var(--white); padding: 3rem 2rem 2rem 2rem; box-shadow: rgba(0, 0, 0, .15) 0 0 1rem; border-radius: 0 0 1rem 1rem; }
	.hotdeal_sec .box_text h3 a{ font-weight: 700; color: var(--black); padding-bottom: 1rem; font-size: 2.2rem; }
	.hotdeal_sec .box_text h3 a:hover{ color: var(--brand); }
	.hotdeal_sec .box_text .price h4{ font-size: 1.6rem; color: var(--body_text_color); }
	.hotdeal_sec .box_text .price h4 span{ font-weight: 700; color: var(--second_brand); font-size: 1.8rem; }
	.hotdeal_sec .owl-stage-outer{ padding: 1rem 0; }
	.hotdeal_sec .owl-nav.disabled{ border: .1rem solid rgba(0, 0, 0, .1); border-radius: 10rem; margin-top: 2rem; padding: 2.4rem;}
	.hotdeal_sec .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
	.hotdeal_sec .owl-prev { background: transparent; border: .1rem solid var(--second_brand); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; position:absolute; bottom: 0; left:0; }
	.hotdeal_sec .owl-next { background: transparent; border: .1rem solid var(--second_brand); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; position:absolute; bottom: 0; right:0; }
	.hotdeal_sec .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--brand); font-size: 2.5rem; }
	.hotdeal_sec .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--brand); font-size: 2.5rem; }
	.hotdeal_sec .owl-next:hover, .hotdeal_sec .owl-prev:hover{ background: var(--second_brand);  }
	.hotdeal_sec .owl-next:hover::before, .hotdeal_sec .owl-prev:hover::before{ color: var(--white); }



/*_______________________________________________________________ popu_prod_sec start __________________________________________________________*/
    .popu_prod_sec{ overflow: hidden; }
    .popu_prod_sec .inr_popu_box{ margin-top: 3rem; }
	.popu_prod_sec .container{ max-width: 100%; padding: 0 1rem 0 15rem; }
	.popu_prod_sec .slide_box a img{ height: 35rem; object-fit: cover; }
	.popu_prod_sec .slide_box { background: #e9e9e9; border-radius: 1rem 1rem 0 0; position: relative; line-height: 0; }
	/*.popu_prod_sec .hotdeal_slider{ margin-top: 3rem; }*/
	.popu_prod_sec .slide_box .star{ position: absolute; bottom: -1.5rem; left: 50%; transform: translateX(-50%); background: var(--second_brand); padding: 1rem; border-radius: .5rem; display: flex; align-items: center; gap:0 .4rem; }
	.popu_prod_sec .slide_box .star li i{ color: var(--white); font-size: 1.4rem; }
	.popu_prod_sec .box_text{ background: var(--white); padding: 3rem 2rem 2rem 2rem; box-shadow: rgba(0, 0, 0, .15) 0 0 1rem; border-radius: 0 0 1rem 1rem; }
	.popu_prod_sec .box_text h3 a{ font-weight: 700; color: var(--black); padding-bottom: 1rem; font-size: 2.2rem; }
	.popu_prod_sec .box_text h3 a:hover{ color: var(--brand); }
	.popu_prod_sec .box_text .price h4{ font-size: 1.6rem; color: var(--body_text_color); }
	.popu_prod_sec .box_text .price h4 span{ font-weight: 700; color: var(--second_brand); font-size: 1.8rem; }
	.popu_prod_sec .owl-stage-outer{ padding: 1rem 0; }
	.popu_prod_sec .owl-nav.disabled{ border: .1rem solid rgba(0, 0, 0, .1); border-radius: 10rem; margin-top: 2rem; padding: 2.4rem;}
	.popu_prod_sec .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
	.popu_prod_sec .owl-prev { background: transparent; border: .1rem solid var(--second_brand); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; position:absolute; bottom: 0; left:0; }
	.popu_prod_sec .owl-next { background: transparent; border: .1rem solid var(--second_brand); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; position:absolute; bottom: 0; right:0; }
	.popu_prod_sec .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--brand); font-size: 2.5rem; }
	.popu_prod_sec .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--brand); font-size: 2.5rem; }
	.popu_prod_sec .owl-next:hover, .popu_prod_sec .owl-prev:hover{ background: var(--second_brand);  }
	.popu_prod_sec .owl-next:hover::before, .popu_prod_sec .owl-prev:hover::before{ color: var(--white); }
	.popu_prod_sec .left_text p{ padding: 2rem 0 4rem 0; }
	.popu_prod_sec{ position: relative; z-index: 1; }
	.popu_prod_sec::after{ position: absolute; content: ""; background: url(../images/popular_bg_2.png) repeat left bottom; z-index: -2; width: 100%; height: 100%; bottom: 0; left: 0; opacity: .10; }

	.popu_prod_sec .popu_btn_mobile{ display: none; }



/*_______________________________________________________________ cta_one_sec start __________________________________________________________*/

	.cta_one_sec{ padding: 10rem 0; text-align: center; position: relative; z-index: 1; }
	.cta_one_sec::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: -1; }
	.cta_one_sec h2{ font-size: 6rem; color: var(--white); font-weight: 700; padding-bottom: 5rem; }
	.cta_one_sec a{ font-size: 3rem; height: 8rem; line-height: 8rem; padding: 0 6rem; }
	.cta_one_sec a i{ font-size: 3rem; padding-right: 1rem; }



/*_______________________________________________________________ cta_two_sec start __________________________________________________________*/

	.cta_two_sec { padding: 15rem 0; text-align: center; position: relative; z-index: 1;  }
	.cta_two_sec::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: -1; }
	.cta_two_sec h2{ font-size:10rem; color: var(--white); font-weight: 700; }


/*_______________________________________________________________ Blog_sec start __________________________________________________________*/
	.blog_sec{ position: relative; z-index: 1; background: #fff;}
	.blog_sec::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/texture.jpg) repeat; opacity: .08; z-index: -1; }
	.blog_sec .blog_box{ margin-top: 3rem; }
	.blog_sec .blog_box .text { border: .1rem solid rgba(0, 0, 0, .1); padding: 2rem; background: var(--white); }
	.blog_sec .blog_box .text .top_text{ border-bottom: .1rem solid rgba(0, 0, 0, .1); padding: 0 0 2rem 0; margin-bottom: 2rem; }
	.blog_sec .blog_box .text .top_text li h5{ font-size: 2rem; font-weight: 600; color: var(--black); }
	.blog_sec .blog_box .text .top_text li h5 span{ color: var(--second_brand); }
	.blog_sec .blog_box .text .top_text ul{ justify-content: space-between; }
	.blog_sec .blog_box .text .btm_txt h3{ font-size: 2rem; font-weight: 700; line-height: 1.5; padding-bottom: 2rem; color: var(--black); transition: all .4s ease; }
	.blog_sec .blog_box .text .btm_txt h3:hover{ color: var(--second_brand); }
	.blog_sec .blog_box .text .btm_txt p{ font-size: 1.4rem; }
	.blog_sec .row{ margin: 0 -1.5rem; }
	.blog_sec .row .blog_paddi{ padding: 0 1.5rem; }



/*_______________________________________________________________ faq_sec start __________________________________________________________*/

	.faq_sec{ background: #fff; }
	.faq_sec .container{ max-width: 100%; padding: 0 5rem 0 0; }
	.faq_sec .accordion{ margin-top: 3rem; }
	.faq_sec .accordion .accordion-item{ border: none; margin-bottom: 1.5rem;  }
	.faq_sec .accordion .accordion-item .accordion-button{ color: var(--black); background: #f5f0f0; box-shadow: none; padding: 2.5rem; font-size: 2.2rem; padding-right: 5.5rem;}
	.faq_sec .accordion .accordion-item .accordion-button:hover{ color: var(--second_brand); }
	.faq_sec .accordion-button::after{ content: "\f325"; font-family: "Font Awesome 6 Pro"; color: var(--second_brand); font-size: 1.6rem; font-weight: 700; margin-left: 1.5rem; right: 30px; position: absolute; }
	.faq_sec .accordion-button:not(.collapsed)::after, .accordion-button::after{ background-image: none; }
	.faq_sec .accordion-body{ font-size: 1.6rem; color: var(--body_text_color); line-height: 1.6; padding-left: 3.5rem; }
	.accordion-item:last-of-type .accordion-collapse, .accordion-collapse.collapse.show{ background: #f5f0f0; }
	.faq_sec .accordion-body p{ font-size: 1.6rem; padding-bottom: 1rem; }
	.faq_sec .accordion-body ul li{ font-size: 1.6rem; color: var(--black); margin: .5rem 0; }
	.faq_sec .accordion-body ul li::before{ content: "\f336"; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 1.6rem; color: var(--second_brand); padding-right: 1rem; }
	.faq_sec .map{ margin-top: 3rem; margin-right: 3rem; height: 100%;}
	.faq_sec .map iframe { height: 100%; }
	.faq_sec .accordion-button::after{ top: 2.5rem; }


/*_______________________________________________________________ footer start __________________________________________________________*/

	.footer_sec{ background: #001834; }
	.footer_sec .container{ max-width: 100%; padding: 0 15rem; }
	.footer_sec .ft_box img{ width: 8rem; }
	.footer_sec .ft_box p{ color: #d5d5d5; padding: 2rem 0 2rem 0; }
	.footer_sec .ft_box ul { gap:0 1rem; }
	.footer_sec .ft_box .ft_social_fx li .ft_social i{ font-size: 1.4rem; color: var(--white); }
	.footer_sec .ft_box .ft_social_fx li .ft_social { background: #ffffff3b; height: 4rem; width: 4rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
	.footer_sec .ft_box .ft_social_fx li .ft_social:hover{ background: var(--second_brand); }
	.footer_sec .ft_box h3 { font-size: 2.5rem; font-weight: 700; color: var(--white); padding-bottom: 2rem; }
	.footer_sec .ft_box ul li a{ color: #d5d5d5; font-size: 1.6rem; font-weight: 500; }
	.footer_sec .ft_box ul li a:hover{ color: var(--second_brand); }
	.footer_sec .ft_box ul li{ margin: 1.5rem 0; }
	.footer_sec .ft_box ul .ft_con_fx{ gap: 0 1rem; }
	.footer_sec .ft_box ul .ft_con_fx em{  background: #ffffff3b; height: 4rem; width: 4rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
	.footer_sec .ft_box ul .ft_con_fx em i{ color: var(--white); font-size: 1.4rem; width: inherit; text-align: center; }
	.footer_sec .ft_box ul .ft_con_fx a{ font-size: 2rem; }
	.footer_sec .ft_box ul .ft_con_fx p{ padding: 0; font-size: 1.8rem; }
	.footer_sec .ft_box .form-group label{ color: var(--white); font-size: 1.8rem; font-weight: 700; padding-bottom: 1rem; }
	.footer_sec .ft_box .form-group .form-control{ height: 4rem; font-size: 1.4rem; color: var(--second_brand); }
	.footer_sec .ft_box p{ font-size: 1.4rem; padding-bottom: 1rem; }
	.footer_sec .ft_box a.ft_btn{ background: transparent; padding: 0; color: var(--second_brand); font-size: 1.8rem; font-weight: 700; }
	.footer_sec .ft_box a.ft_btn i{ padding-left: 1rem; margin-left: -2rem; opacity: 0; transition: all .4s ease; }
	.footer_sec .ft_box a.ft_btn:hover i{ opacity: 1; margin-left: 0; }
	.footer_sec .ft_menu{ padding-left: 3rem; }

	.footer_sec .ft_bottom { border-top: .1rem dashed rgba(255, 255, 255, .5); margin-top: 2rem;  }
	.footer_sec .ft_bottom .ft_btm_fx{ padding: 2rem 0; }
	.footer_sec .ft_bottom .ft_btm_fx .left_text h4{ font-size: 1.4rem; font-weight: 500; }
	.footer_sec .ft_bottom .ft_btm_fx .right_text em{ font-size: 1.4rem; font-weight: 500; }
	.footer_sec .ft_bottom .ft_btm_fx .right_text em a{ color: var(--white); } 



/*_______________________________________________________________ inner_page start __________________________________________________________*/

/*_______________________________________________________________ inner_banner start __________________________________________________________*/

	.inr_banner .inr_banner_box{ padding: 12rem 0; width: 100%; }
	.inr_banner .inr_banner_box .desc{ background: rgba(255, 255, 255, .2); border-radius: .5rem; padding: 2rem 5rem; width: fit-content; backdrop-filter: blur(4rem) saturate(180%); margin: 0 auto; } 


/*_______________________________________________________________ inner_banner end __________________________________________________________*/

/*_______________________________________________________________ inner_page start __________________________________________________________*/

/*_______________________________________________________________ inner_404 error start __________________________________________________________*/

	.error_sec { padding: 8rem 0 ; }
	.error_sec h1{ font-size: 40rem; font-weight: 800; line-height: 1.1; color: #353535; text-shadow:  1.5rem 1.5rem 1rem rgba(0,0,0, 0.2); }
	.error_sec h3{ margin: 2rem 0; font-size: 3rem; font-weight: 600; color: var(--body_txt_color); }




/*_______________________________________________________________ inner_Refund_Policy start __________________________________________________________*/

	.inr_refund_poly .refund_box ul{ padding-top: 3rem; }
	.inr_refund_poly .refund_box ul h3{ font-size: 3rem; padding-bottom: 1rem; color: var(--black); }
	.inr_refund_poly .refund_box ul li{ font-size: 1.6rem; position: relative; padding-left: 2.8rem;}
	.inr_refund_poly .refund_box ul li::before{ content: "\f336"; position: absolute; top: .3rem; left: 0; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 1.6rem; color: var(--second_brand); }



/*_______________________________________________________________ inner_privacy_poly start __________________________________________________________*/


	.inr_privacy_poly .privacy_box p{ padding-top: 1rem; }
	.inr_privacy_poly ul{margin-top: 3rem;}
	.inr_privacy_poly ul h3{ font-size: 3rem; color: var(--black); padding-bottom: 1rem; }
	.inr_privacy_poly ul li{ font-size: 1.6rem; position: relative; padding-left: 2.8rem; padding-bottom: 1rem;}
	.inr_privacy_poly ul li::before{ content: "\f336"; position: absolute; top: .3rem; left: 0; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 1.6rem; color: var(--second_brand); }



/*_______________________________________________________________ inner_contact_info start __________________________________________________________*/

	/*.inr_contact_info > .cont_info_paddi:nth-child(1) .cont_info_box {
	  border-left: none;
	}*/
	.inr_contact_info{ padding-bottom: 0; }
	.inr_contact_info .cont_info_box{ gap: 0 2rem; align-items: flex-start; /*border-left: .1rem solid rgba(0, 0, 0, .1);*/ justify-content: center; }
	.inr_contact_info .cont_info_box .icon{ background: var(--second_brand); height: 6rem; width: 6rem; border-radius: 1rem; display: flex; justify-content: center; align-items: center; }
	.inr_contact_info .cont_info_box .icon i{ color: var(--white); font-size: 2.5rem; width: inherit; text-align: center; }
	.inr_contact_info .cont_info_box .text h4{ font-size: 2.5rem; color: var(--black); padding-bottom: 1rem; }
	.inr_contact_info .cont_info_box .text a, .inr_contact_info .cont_info_box .text p{ font-size: 1.8rem; color: var(--body_text_color); font-weight: 600; line-height: 1.5; }
	.inr_contact_info .cont_info_box .text a:hover{ color: var(--second_brand); }


/*--------------------------- inr_contact ----------------*/

	.inr_contact .inr_cont_box{ background: #2987fb09; padding: 5rem 3rem; box-shadow: rgba(59, 110, 173, .4) 0 0 1rem; border-radius: 1rem 1rem 1rem 1rem; }
	.inr_contact .inr_cont_box p{ padding: 1rem 0 3rem 0; }
	.inr_contact .inr_cont_box form label{ color: var(--black); font-weight: 600; font-size: 1.4rem; padding-bottom: .5rem; }
	.inr_contact .inr_cont_box form .form-control{ height: 4.5rem; padding-left: 1rem; font-size: 1.4rem; color: var(--black); box-shadow: none; }
	.inr_contact .inr_cont_box form .form-control::placeholder{ font-size: 1.4rem; color: #c1c1c1; }
	.inr_contact .inr_cont_box form textarea{ min-height: 15rem; }
	.inr_contact .inr_cont_box form .form-group{ margin-bottom: 2rem; }
	.inr_contact .image{ margin-left: 4rem; }
	.inr_contact .image img{ border-radius: 1rem 1rem 1rem 1rem; height: 63rem; object-fit: cover; }

	/*--------------------------- inr_cont_map ----------------*/
	.inr_cont_map .container{ max-width: 100%; padding: 0 0; }
	.inr_cont_map .map{ line-height: 0; }
	.inr_cont_map .map iframe{ height: 30rem; }



/*_______________________________________________________________ inner_faq start __________________________________________________________*/

	.inr_faq .faq_box{ margin-top: 3rem; }
	.inr_faq .faq_box .accordion-item { border: 1rem solid #ff5c3514; margin-bottom: 1rem;  }
	.inr_faq .faq_box .accordion-button:focus{ box-shadow: none; }
	.inr_faq .faq_box .accordion-item .accordion-button{background: #fff; padding: 2.5rem; padding-right: 5.5rem; }
	.inr_faq .faq_box .accordion-item .accordion-button h3{ font-size: 2rem; font-weight: 600; color: var(--black); }
	.inr_faq .faq_box .accordion-item:last-of-type .accordion-collapse, .inr_faq .faq_box .accordion-collapse.collapse.show{ background: #fff; }
	.inr_faq .faq_box .accordion-item .accordion-body{ font-size: 1.6rem; color: var(--body_text_color); line-height: 1.6; }
	.inr_faq .faq_box .accordion-button::after{ background-image: none; content: "\f325"; font-family: "Font Awesome 6 Pro"; color: var(--second_brand); font-size: 1.6rem; font-weight: 700; margin-left: 1.5rem; right: 30px; position: absolute; top: 2.5rem; }


/*_______________________________________________________________ inner_About start __________________________________________________________*/
	.inr_about .container{ max-width: 100%; padding: 0 2rem; }
	.inr_about .image img, .inr_about .image  { height: 100%; object-fit: cover; }
	.inr_about .text { text-align: center; }
	.inr_about .text p{ padding-top: 2rem; }

/*----------------- in_ab_cta ---------------------*/
	.inr_ab_cta { padding: 10rem 0; position: relative; z-index: 1; }
	.inr_ab_cta::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: -1; }
	.inr_ab_cta .desc { width: 70%; }
	.inr_ab_cta .desc h2{ font-size: 5rem; color: var(--white); padding-bottom: 3rem; }
	.inr_ab_cta .desc p{ color: var(--white); padding-bottom: 3rem; }
	.inr_ab_cta .desc a{ padding: 0 6rem; }

/*--------------------- inr_testimonial ---------------------*/
	.inr_fedbak { position: relative; z-index: 1; }
	.inr_fedbak::before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/fed_bg_img.jpg ) repeat; z-index: -1; opacity: .05; }
	.inr_fedbak .fedbak_box{ text-align: center; width: 80rem; margin: 0 auto; }
	.inr_fedbak .fedbak_box .image img{ border-radius: 100%; height: 8rem; width: 8rem; object-fit: cover; margin: 0 auto; }
	.inr_fedbak .fedbak_box p{ font-size: 2rem; font-weight: 600; padding-top: 3rem; padding-bottom: 2rem; }
	.inr_fedbak .fedbak_box h4{ font-size: 2.5rem; font-weight: 800; padding-bottom: .5rem; }
	.inr_fedbak .fedbak_box .star i{ font-size: 1.6rem; color: #FFC107; }
	.inr_fedbak{ background: #e8f2fb; }
	.inr_fedbak .owl-nav.disabled{ display: block; }
	.inr_fedbak .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
	.inr_fedbak .owl-prev { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); left:0; }
	.inr_fedbak .owl-next { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); right:0; }
	.inr_fedbak .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.6rem; }
	.inr_fedbak .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--white); font-size: 1.6rem; }




/*_______________________________________________________________ inner_blog_details start __________________________________________________________*/

	.inr_blog_dtls .left_dtl p{ padding-top: 2rem; padding-bottom: 3rem; }
	.inr_blog_dtls .left_dtl ul { gap: 0 2rem; padding: 2rem; border-radius: 1rem; border: .1rem dashed rgba(0, 0, 0, .1);}
	.inr_blog_dtls .left_dtl ul li{ width: 48%; font-size: 1.6rem; line-height: 1.7; }
	.inr_blog_dtls .left_dtl ul li img{ height: 100%; object-fit: cover; padding-right: 2rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form{ margin-top: 3rem; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; background: var(--white); padding: 5rem 3rem; border-radius: 1rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form p{ padding: 0; padding-bottom: 3rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form form label{ color: var(--black); font-weight: 600; font-size: 1.4rem; padding-bottom: .5rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form form .form-control{ height: 4.5rem; padding-left: 1rem; font-size: 1.4rem; color: var(--black); box-shadow: none; }
	.inr_blog_dtls .left_dtl .inr_blog_form form .form-control::placeholder{ font-size: 1.4rem; color: #c1c1c1; }
	.inr_blog_dtls .left_dtl .inr_blog_form form textarea{ min-height: 15rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form form .form-group{ margin-bottom: 2rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form form .form-check-input{ width: 2rem; height: 2rem; box-shadow: none; margin-top: 0; }
	.inr_blog_dtls .left_dtl .inr_blog_form form .form-check-label{ margin-bottom: 0; padding-bottom: 0; padding-left: 1rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form form a{ margin-left: 1rem; margin-top: 3rem; }
	.inr_blog_dtls .right_dtl{ margin-left: 3rem; position: sticky; top: 7rem; width: 100%; }
	.inr_blog_dtls .right_dtl .recent_block{ border: .1rem dashed rgba(0, 0, 0, .1); padding: 2rem; }
	.inr_blog_dtls .right_dtl .recent_block h3{ font-size: 3rem; color: var(--black); }
	.inr_blog_dtls .right_dtl .recent_block ul li{ gap: 0 2rem; margin: 3rem 0 0 0 ; }
	.inr_blog_dtls .right_dtl .recent_block ul li .image img{ width: 7rem !important; border-radius: 1rem;  }
	.inr_blog_dtls .right_dtl .recent_block ul li .text h6{ font-size: 1.6rem; color: var(--black); font-weight: 700; line-height: 1.4; padding-bottom: .5rem; }
	.inr_blog_dtls .right_dtl .recent_block ul li .text em{ font-size: 1.4rem; }
	.inr_blog_dtls .right_dtl .n_letter { /*border: .1rem dashed rgba(0, 0, 0, .1); padding: 2rem; margin-top: 3rem;*/ margin-top: 3rem; padding: 3rem; position: relative; z-index: 1; background: #000; }
	.inr_blog_dtls .right_dtl .n_letter::after{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/news_img_1.jpg) no-repeat center center/cover; z-index: -1; opacity: .4; }
	.inr_blog_dtls .right_dtl .n_letter h3{ font-size: 2.2rem; font-weight: 700; color: var(--white); padding-bottom: 1rem; }
	.inr_blog_dtls .right_dtl .n_letter p{ font-size: 1.6rem; color: var(--white); padding-bottom: 3rem; }
	.inr_blog_dtls .right_dtl .n_letter .input_fx{ flex-direction: column; gap:1rem 0; }
	.inr_blog_dtls .right_dtl .n_letter .input_fx input{ height: 5rem; width: 100%; padding-left: 2rem; font-size: 1.6rem; }
	.inr_blog_dtls .right_dtl .n_letter .input_fx input::placeholder{ font-size: 1.6rem; }
	.inr_blog_dtls .right_dtl .n_letter .input_fx a{ width: 100%; text-align: center; }

.inr_blog_dtls .left_dtl h2{ font-size: 3.5rem; padding-top: 3rem; }

/*_______________________________________________________________ inner_popular_product start __________________________________________________________*/

	.inr_popu_block .slide_box a img{ width: 100% !important; }
	.inr_popu_block .container{ max-width: fit-content; padding: 0 1.5rem; }
	.inr_popu_block .row{ margin: 0 -2rem; }
	.inr_popu_block .row .inr_popu_paddi{ padding: 0 2rem; }



/*_______________________________________________________________ inner_product_details start __________________________________________________________*/

	.inr_produ_dtl_block.ptb{ padding-bottom: 0; }
	.inr_produ_dtl_block .inr_pro_dtl_box{ position: sticky; top: 7rem; width: 100%; }
	.inr_produ_dtl_block .inr_pro_dtl_box .images img{ border-radius: 1rem; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-nav{ display: none; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots.disabled{ display: flex; margin-top: 2rem; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots{ display: flex; justify-content: space-between; margin: 2rem 0 0 0;  }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots .owl-dot{ width: 7rem; height: 7rem; background: #000; border-radius: .5rem; position: relative; overflow: hidden; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots .owl-dot::after{ content: "";position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; background: url(../images/popular_2.jpg) no-repeat center center/cover;}
	.inr_produ_dtl_block .inr_pro_rt_dtl{ margin-left: 3rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_block h3{ font-size: 3rem; font-weight: 700; color: var(--black); padding-bottom: 2rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_block h4{ font-size: 2rem; font-weight: 700; color: var(--black); padding-bottom: 1rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_fetur_block{ margin-top: 3rem; background: var(--white); box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; padding: 3rem; border-radius: 1rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_fetur_block h3{ font-size: 2rem; color: var(--black); font-weight: 700; padding-bottom: 1rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_fetur_block ul li{padding-left: 2.5rem; margin: 2.5rem 0; font-size: 1.6rem; font-weight: 500; color: var(--body_text_color); position: relative; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_fetur_block ul li::before{ content: "\f336"; position: absolute; top: .3rem; left: 0; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 1.6rem; color: var(--second_brand); }

	/* inr_slider_product */
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots{ display: none; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots.disabled{ display: none; }
	#sync2 .item img{ margin-top: 1rem; border-radius: 1rem; }


/*-------------------- related_product ---------------------*/

	.related_block .container{ max-width: 100%; padding: 0 5rem; }
	.related_block .related_slider{ margin-top: 3rem; }
	.related_block .related_slider .slide_box a img{ height: 20rem; object-fit: cover; }
	.related_block .related_slider .slide_box { background: #e9e9e9; border-radius: 1rem 1rem 0 0; position: relative; line-height: 0; }
	/*.related_block .related_slider .hotdeal_slider{ margin-top: 3rem; }*/
	.related_block .related_slider .slide_box .star{ position: absolute; bottom: -1.5rem; left: 50%; transform: translateX(-50%); background: var(--second_brand); padding: 1rem; border-radius: .5rem; display: flex; align-items: center; gap:0 .4rem; }
	.related_block .related_slider .slide_box .star li i{ color: var(--white); font-size: 1.2rem; }
	.related_block .related_slider .box_text{ background: var(--white); padding: 3rem 2rem 2rem 2rem; box-shadow: rgba(0, 0, 0, .15) 0 0 1rem; border-radius: 0 0 1rem 1rem; }
	.related_block .related_slider .box_text h3 a{ font-weight: 700; color: var(--black); padding-bottom: 1rem; font-size: 2rem; }
	.related_block .related_slider .box_text h3 a:hover{ color: var(--brand); }
	.related_block .related_slider .box_text .price h4{ font-size: 1.4rem; color: var(--body_text_color); }
	.related_block .related_slider .box_text .price h4 span{ font-weight: 600; color: var(--second_brand); font-size: 1.4rem; }
	.related_block .related_slider .owl-stage-outer{ padding: 1rem 0; }
	.related_block .related_slider .owl-nav.disabled{ border: .1rem solid rgba(0, 0, 0, .1); border-radius: 10rem; margin-top: 2rem; padding: 2.4rem;}
	.related_block .related_slider .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
	.related_block .related_slider .owl-prev { background: transparent; border: .1rem solid var(--second_brand); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; position:absolute; bottom: 0; left:0; }
	.related_block .related_slider .owl-next { background: transparent; border: .1rem solid var(--second_brand); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; position:absolute; bottom: 0; right:0; }
	.related_block .related_slider .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--brand); font-size: 2.5rem; }
	.related_block .related_slider .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--brand); font-size: 2.5rem; }
	.related_block .related_slider .owl-next:hover, .related_block .related_slider .owl-prev:hover{ background: var(--second_brand);  }
	.related_block .related_slider .owl-next:hover::before, .related_block .related_slider .owl-prev:hover::before{ color: var(--white); }












/*____________________________________________________________________ banner css start ______________________________________________*/
/*____________________________________________________________________ owl carrosel css start ______________________________________________*/















/*_________________________________________________________________________________________________

                						Media Quaries 

___________________________________________________________________________________________________*/

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

@media screen(min-width:992px) and (max-width: 3000px){
	.header_sec .main_header .dropdown:hover .dropdown-menu{ display: block; } 
}


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

	.header_sec .header_menu .container { padding: 0 5rem; }
	.banner_sec .carousel-item .desc_block{ width: 53%; }
	.card_sec .card_box h3 { font-size: 2rem; } 
	.card_sec .container{ padding: 0 10rem; }
	.hotdeal_sec .container{ padding: 0 5rem; }
	.hotdeal_sec .box_text h3 a{ font-size: 1.8rem; }
	.popu_prod_sec .box_text h3 a{ font-size: 2rem; }
	.popu_prod_sec .box_text{ padding: 3rem 1rem 2rem 1rem; }
	.cta_two_sec h2 { font-size: 7rem; }
	.footer_sec .container{ padding: 0 2rem; }
	.related_block .related_slider .box_text h3 a{ font-size: 1.9rem; }
	.related_block .related_slider .box_text{ padding: 3rem 1rem 2rem 1rem; }


}

@media only screen and (max-width: 1399px){
	.header_sec .header_menu .navbar .navbar-collapse { margin-right: 40rem; }
	.banner_sec .carousel-item .desc_block { width: 78%; }
	.banner_sec .carousel-item .desc_block{ left: 10rem; }
	.hotdeal_sec .container{ padding: 0 1.5rem; }
	.cta_one_sec h2{ font-size: 4rem; }
	.popu_prod_sec .container{ padding: 0 0 0 2rem; }
	.inr_popu_block .container{ padding: 0 1.5rem; }
	.inr_faq .faq_box .accordion-item .accordion-button h3{ font-size: 1.8rem; }
	.inr_about .text h2{ font-size: 3.5rem; }
	.inr_blog_dtls .right_dtl .recent_block ul li .text h6 {font-size: 1.4rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_block h4{ font-size: 1.8rem; }

}

@media only screen and (max-width: 1299px){
	.card_sec .container{ padding: 0 1.5rem; }
	.hotdeal_sec .box_text{ padding: 3rem 1rem 2rem 1rem; }
	.footer_sec .ft_menu{ padding-left: 0;}
	.footer_sec .row{ justify-content: space-between !important; }




}

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

	.header_sec .header_menu .header_menu .get_start_btn{ right:15rem; }
	.header_sec .header_menu .navbar .navbar-toggler .icon_bar{ display: block; background: var(--black); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
	.header_sec.fixed .nav_top .navbar-toggler .icon_bar{ background: #000; }
	.header_sec .header_menu .navbar .navbar-toggler.showtoggle .icon_bar:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
	.header_sec .header_menu .navbar .navbar-toggler.showtoggle .icon_bar:nth-child(2){ opacity: 0; width: 0; }
	.header_sec .header_menu .navbar .navbar-toggler.showtoggle .icon_bar:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
	.header_sec .header_menu .navbar-toggler:focus{ box-shadow:none; }
	.header_sec .header_menu .navbar .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; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid var(--brand); }
	.header_sec .header_menu .navbar .navbar-collapse.show{ left: 0; }
	.header_sec .header_menu .navbar-nav.mobile_link{ margin-right: 0; }
	.header_sec .header_menu .navbar-nav.mobile_link li a{ color:#000; padding-left: 0; padding: 1.5rem; font-size: 1.5rem; font-weight:600; display:nline-block; width:100%; }
	.header_sec .navbar-nav{ flex-direction: column; top: 5rem; left: 1rem;  position: absolute; }
	.header_sec .head_social { right: 31rem; }
	.header_sec .hed_call_btn{ right: 6rem; top: inherit; bottom: inherit; }
	.navbar-expand-lg .navbar-toggler{ display: block; right: 0; }
	.navbar{ justify-content: space-between; }
	.banner_sec .carousel-item .desc_block h2{ font-size: 3rem }
	.card_sec .card_box h3 { font-size: 1.8rem; padding-bottom: 1rem }
	.about_sec .right_text h2{ font-size: 3.5rem; }
	.about_sec .right_text em{ font-size: 1.4rem; }
	.hotdeal_sec .slide_box{ margin-top: 3rem; }
	.hotdeal_sec .hotdeal_slider{ margin-top: 0; }
	.cta_one_sec h2 { font-size: 3rem; padding-bottom: 3rem; }
	.cta_one_sec a { font-size: 2.5rem; }
	.popu_prod_sec .owl-nav{ margin-top: 5rem; }
	.popu_prod_sec .left_text h2{ font-size: 3.5rem;}
	.cta_two_sec h2 { font-size: 5rem; }
	.blog_sec .blog_box .text .btm_txt h3 { font-size: 1.6rem; }
	.blog_sec .blog_box .text .top_text ul{ flex-wrap: wrap; justify-content: left; gap:1rem 2rem; }
	.faq_sec .container{ padding: 0 2rem; }
	.faq_sec .map{ margin: 0; }
	.faq_sec .map iframe{ height: 35rem; }
	.faq_sec .map{ margin-top: 3rem; }
	.footer_sec .ft_box { margin-top: 3rem; }
	.inr_banner .inr_banner_box {padding: 9rem 0; }
	.error_sec h1{ font-size: 30rem; }
	.error_sec h3{ font-size: 2.5rem; }
	.inr_contact .image, .inr_contact .image img{ height: 100%; }
	.inr_contact .inr_cont_box h2{ font-size: 3.5rem; }
	.inr_about .text h2{ font-size: 3rem; }
	.inr_ab_cta .desc h2 { font-size: 4rem; }
	.inr_ab_cta { padding: 6rem 0; }
	.inr_blog_dtls .right_dtl { margin-left: 0; margin-top: 3rem; }
	.card_sec{ display: none; }
	.banner_sec .carousel-item .image_box img{ height: 60rem; }
	.hotdeal_sec .box_text h3 a { font-size: 2.2rem; }
	.faq_sec .row{ flex-direction: column-reverse; }
	.footer_sec{ padding-top: 3rem; padding-bottom: 0; }




		
}
@media screen and (max-width: 991px){

	/*.banner_sec .carousel-item .desc_block h2 {font-size: 2rem;}*/
	.banner_sec .carousel-item .desc_block { left: 8rem; }
	.banner_sec .carousel-item .image_box img {height: 550px; }
	.card_sec{ margin-top: 0; }
	.about_sec .right_text{ margin-left: 0; }
	.container{ max-width: 100%; padding: 0 1.5rem; }
	.popu_prod_sec .container { padding: 0 1.5rem; }
	.popu_prod_sec .left_text{ margin-bottom: 3rem; }
	h2{ font-size: 3.5rem; }
	.inr_banner .inr_banner_box .desc{ padding: 1rem 5rem; }
	.inr_contact_info .cont_info_box { margin-top: 3rem; justify-content: left !important; }
	.inr_contact_info{ padding-top: 3rem; }
	.inr_cont_map .map iframe{ height: 25rem; }
	.inr_contact .image{ display: none; }
	.inr_faq .baq_box_btm{ margin-top: 0; }
	.inr_about .image img, .inr_about .image{ height: 30rem; }
	.inr_about .text{ margin: 3rem 0; }
	.inr_ab_cta .desc h2 { font-size: 3rem; }
	.inr_fedbak .fedbak_box{ width: 60rem; }
	.related_block .container{ padding: 0 1.5rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl{ margin-left: 0; margin-top: 3rem; }
	.inr_produ_dtl_block .inr_pro_dtl_box .images img{ height: 40rem; object-fit: cover; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots{ justify-content: center; gap: 0 2rem; }
    .banner_sec .carousel-item .image_box img{ height: 40rem; }
    .banner_sec .carousel-item .desc_block a{ height: 4rem; line-height: 4rem;}
    .about_sec .row{ flex-direction: column-reverse; }
    /*.about_sec .row .hom_ab_paddi{  }*/
    .about_sec .fx_image{ display: none !important; }
	.about_sec .fx_image_mobile { display: flex !important; margin-bottom: 3rem; }
	.about_sec .right_text h2{ padding-bottom: 0; }
	.popu_prod_sec .popu_btn{ display: none; }
	.popu_prod_sec .popu_btn_mobile{ display: block; margin-top: 3rem; }
	.popu_prod_sec .left_text p { padding: 2rem 0 0 0;}

	.inr_produ_dtl_block #sync1 img{ height: 40rem; object-fit: cover; }
	.inr_produ_dtl_block #sync2 img{ height: 10rem; object-fit: cover; }
	.related_block .related_slider .slide_box a img { height: 32rem;}


}


/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){

	.header_sec .header_menu .container { padding: 0 1.5rem !important; }
	.banner_sec .carousel-item .desc_block { left: 6rem; }
	.banner_sec .carousel-control-prev, .banner_sec .carousel-control-next { width: 4rem; height: 0; }
	.banner_sec .carousel-control-prev-icon { width: 4rem; height: 4rem; }
	.ptb{ padding: 4rem 0; }

	.hotdeal_sec .slide_box { margin-top: 2rem; }
	.cta_two_sec h2 { font-size: 4rem;}
	.inr_banner .inr_banner_box { padding: 7rem 0; }
	.error_sec h1 { font-size: 20rem; }
	.error_sec h3 { font-size: 1.8rem; padding: 0 1.5rem; }
	.inr_refund_poly .refund_box ul h3{font-size: 2.5rem;}
	.inr_contact_info .cont_info_box{ justify-content: left !important; }
	.inr_contact_info.ptb{ padding-top: 1rem; padding-bottom: 0; }
	.inr_ab_cta .desc h2 {font-size: 2.5rem;}
	.inr_ab_cta .desc { width: 100%;}
	.inr_fedbak .fedbak_box { width: 48rem;}
	.inr_fedbak .fedbak_box p {font-size: 1.6rem; }
	.inr_blog_dtls .left_dtl ul{ flex-direction: column; }
	.inr_blog_dtls .left_dtl ul li{ width: 100%; }
	.inr_blog_dtls .left_dtl ul li img{ padding-right: 0; padding-bottom: 2rem }
	.footer_sec .ft_bottom .ft_btm_fx{ flex-direction: column; gap: 1rem 0; }
	.footer_sec.ptb{ padding-bottom: 0; }
	.banner_sec .carousel-item .image_box img{ height: 35rem; }
	.hotdeal_sec .slide_box a { width: 100%; }
	.hotdeal_sec .slide_box a img{ height: 40rem; object-fit: cover; }
	.footer_sec .btm_ft_logo_fx{ display: flex; gap: 0 3rem; }
	.footer_sec .btm_ft_logo_fx .btm_ft_log_text p{ padding-top: 0; }
	.blog_sec .blog_box .images a{ width: 100%; }
	.inr_blog_dtls .left_dtl h2{ font-size: 2.5rem; }





}

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

	.header_sec .hed_call_btn { right: 5rem; }
	.header_sec .hed_call_btn .hed_cal_1{ display: none; }
	.header_sec .hed_call_btn .hed_cal_2{ display: flex; }
	.header_sec .head_social { right: 10rem; }
	.header_sec .head_social ul li{ display: none; }
	.header_sec .head_social ul li a{ width: 4rem; height: 4rem; }
	.header_sec .head_social ul li:nth-child(1) { display: block; }
	.banner_sec .carousel-item .desc_block { left: 3.5rem; padding: 2rem; }
	.banner_sec .carousel-item .desc_block h2 { font-size: 2.5rem; }
	.banner_sec .carousel-item .desc_block a{ height: 3.5rem; line-height: 3.5rem; font-size: 1.6rem; }
	.banner_sec .carousel-item .desc_block p { padding: 1rem 0 1rem 0; font-size: 1.6rem; }
	.card_sec .card_box { margin-top: 2rem; margin-top: 1.5rem; }
	.card_sec .card_box h3 {  font-size: 1.7rem; }
	.about_sec .fx_image .image:nth-child(odd){ display: none; }
	.about_sec .fx_image .image img{ height: auto; }
	.about_sec .right_text h2 { font-size: 2.5rem; }
	.about_sec .right_text em{ padding: 0.5rem ; padding-left: 2rem; }
	.about_sec .right_text p{ padding-bottom: 2rem;} 
	.cta_one_sec h2 { font-size: 2.2rem; }
	.cta_one_sec a{ width: 100%; padding: 0 2rem; height: 7rem; line-height: 7rem; }
	.cta_one_sec a i { font-size: 2rem; }

	.popu_prod_sec .left_text h2 {font-size: 3rem}
	.popu_prod_sec .left_text p { padding: 2rem 0 2rem 0;}
	.popu_prod_sec .left_text {margin-bottom: 3rem;}
	.popu_prod_sec .box_text{ text-align: center; }
	.popu_prod_sec .owl-prev::before{ font-size: 2rem; }
	.popu_prod_sec .owl-prev, .popu_prod_sec .owl-next{ width: 4rem; height: 4rem; }
	.cta_two_sec h2 { font-size: 3rem}
	.blog_sec .blog_box{ margin-top: 2rem; }
	.faq_sec .accordion-body{ padding-left: 2rem; font-size: 1.4rem; }
	.faq_sec .accordion .accordion-item .accordion-button{ font-size: 1.6rem; padding-bottom: 0; font-size: 1.9rem; padding-right: 3.5rem; }
	.faq_sec .accordion-button::after{ right: 1.5rem; }
	.footer_sec .ft_box { margin-top: 2rem; }
	.footer_sec .ft_box h3{ padding-bottom: 1rem; }
	.footer_sec .ft_box h3 { font-size: 2rem; }
	h2{ font-size: 2.5rem; }
	.inr_banner .inr_banner_box .desc { padding: 1rem 3rem; }
	.error_sec h1 { font-size: 12rem; }
	.error_sec h3 { font-size: 1.6rem; }
	.error_sec { padding: 5rem 0;}
	.inr_refund_poly .refund_box ul { padding-top: 2rem; }
	.inr_refund_poly .refund_box ul h3 { font-size: 2rem; }
	.inr_privacy_poly ul h3 { font-size: 2rem; } 
	.inr_contact_info .cont_info_box .icon{ height: 5rem; width: 5rem; }
	.inr_contact_info .cont_info_box .icon i{ font-size: 1.6rem; }
	.inr_contact_info .cont_info_box .text h4 { font-size: 2rem; font-weight: 600; padding-bottom: .5rem; }
	.inr_contact_info .cont_info_box{ margin-top: 2rem;}
	.inr_contact_info .cont_info_box .text a, .inr_contact_info .cont_info_box .text p { font-size: 1.6rem; font-weight: 400; }
	.inr_contact .inr_cont_box{ padding: 3rem 2rem; }
	.inr_contact .inr_cont_box h2 { font-size: 2.5rem; }
	.inr_contact .inr_cont_box p { padding: 1rem 0 2rem 0; font-size: 1.6rem; }
	.inr_faq .faq_box .accordion-item .accordion-button{ padding: 2rem 4rem 2rem 2rem; }
	.inr_faq .faq_box .accordion-item .accordion-button h3 { font-size: 1.6rem; font-weight: 700; }
	.inr_faq .faq_box .accordion-button::after{ right: 1.5rem; }

	.inr_about .image img, .inr_about .image { height: 25rem; }
	.inr_about .text h2 { font-size: 2.5rem; }
	.inr_fedbak .fedbak_box { width: 100%; padding: 0 2.5rem;}
	.inr_fedbak .owl-prev{ left: -1.5rem; }
	.inr_fedbak .owl-next{ right: -1.5rem; }
	.inr_fedbak .fedbak_box p{ font-size: 1.4rem; }
	.inr_fedbak .fedbak_box h4{ font-size: 2rem; }
	.inr_fedbak .fedbak_box .star i { font-size: 1.4rem; }
	.inr_blog_dtls .left_dtl p{ padding-bottom: 2rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form{ margin-top: 2rem; padding: 4rem 2rem; }
	.inr_blog_dtls .left_dtl .inr_blog_form form a{ width: 100%; text-align: center; margin-left: 0; height: 4rem; line-height: 4rem; font-size: 1.4rem; }
	.inr_blog_dtls .right_dtl .recent_block h3{font-size: 2.5rem; }
	.inr_blog_dtls .right_dtl .recent_block ul li{ margin-top: 2rem; gap: 0 1rem; }
	.inr_blog_dtls .right_dtl .recent_block ul li .image img { width: 5rem !important;} 
	.inr_blog_dtls .right_dtl .n_letter { margin-top: 2rem; padding: 2rem;}
	.inr_blog_dtls .right_dtl .n_letter p{ padding-bottom: 2rem; font-size: 1.4rem; }
	.inr_blog_dtls .right_dtl .n_letter .input_fx input{ height: 4rem;}
	.inr_blog_dtls .right_dtl .n_letter .input_fx a{ width: 100%; text-align: center; margin-left: 0; height: 4rem; line-height: 4rem; font-size: 1.4rem; }
	.related_block .related_slider .owl-nav{ margin-top: 4rem; }
	.related_block .related_slider .owl-prev, .related_block .related_slider .owl-next{ width: 4rem; height: 4rem; }
	.related_block .related_slider .owl-prev::before, .related_block .related_slider .owl-next::before{ font-size: 1.8rem; }
	.related_block .related_slider { margin-top: 2rem; }
	.inr_produ_dtl_block .inr_pro_dtl_box .images img{ height: auto; }
	.inr_produ_dtl_block .inr_pro_dtl_box .owl-dots .owl-dot { width: 5rem; height: 5rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl{ margin-top: 2rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_block h3 { font-size: 2.5rem; padding-bottom: 1rem }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_block h4{ font-size: 1.6rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_fetur_block{ margin-top: 2rem; padding: 2rem; }
	.inr_produ_dtl_block .inr_pro_rt_dtl .dtl_fetur_block ul li{ margin: 1.5rem 0; }

	.about_sec .fx_image_mobile{ display: inline-block !important; width: 100%; margin-top: 2rem; }

	.banner_sec .carousel-item .image_box img{ height: 30rem; }
	.about_sec .right_text a{ width: 100%; text-align: center; font-size: 1.8rem; }
	.hotdeal_sec .slide_box a img{ height: 30rem; object-fit: cover; }
	.hotdeal_sec .box_text h3 a { font-size: 1.9rem; }
	.popu_prod_sec .popu_btn_mobile{ margin-top: 2rem; }
	.popu_prod_sec .popu_btn_mobile a{ font-size: 1.8rem; }
	.popu_prod_sec .slide_box a img{ height: 30rem; }
	.popu_prod_sec .left_text{ margin-bottom: 0; }
	.blog_sec .blog_box .text .btm_txt h3{ padding-bottom: 1rem; }
	.faq_sec .map{ margin-top: 2rem; }
	.footer_sec .btm_ft_logo_fx{ flex-direction: column; gap: 2rem 0; margin-top: 0; }
	.footer_sec .btm_ft_logo_fx .btm_ft_log_img{ text-align: center; }
	.popu_prod_sec .inr_popu_box{ margin-top: 2rem; }
	.inr_produ_dtl_block #sync1 img, .inr_produ_dtl_block #sync2 img{ height: auto; }




}

/* emergency use only */
@media screen and (max-width:480px){

}