body{margin: 0; padding: 0; font-family: 'Open Sans'; color: #181617 }
.glob_gray {background: #f7f7f7}
.globle_h{ font-size:32px; font-weight: 700;  font-family:'Montserrat';}
h1, h2, h3, h4, h5, h6{ font-family:'Montserrat';}
.globle_sh{ font-size:18px;}
html{ scroll-behavior: smooth;}
a{ color:#181617}
a:hover{ color:#181617; text-decoration: none}
.rupee{font-family:rupee_foradianregular}
em.rupee{font-style:normal;font-size:100%;padding-right:8px}
em.rupee span{font-family:Montserrat;font-size:101%}
a{color: #181617}
.text-red{color:#e11f26}
 .dsicpline{ font-size:12px}

/* Top Banner Section*/
.hero_banner .carousel-indicators{bottom: 1rem}
.hero_banner .carousel-indicators li{background: #181617; width: 10px; height:10px; opacity: 1; border-radius: 15px; padding: 0; border: 0; margin: .3rem; transition: ease-in-out .3s}
.hero_banner .carousel-indicators .active{background: #e11f26; transform: scale(1.5)}
 
/*.product_banner_b2c { padding-top: 4em; padding-bottom: 4rem; ;position: relative; overflow: hidden; background: linear-gradient(50deg, rgba(255,255,255) 31%, rgb(255 230 231 / 50%) 39%, rgba(234,242,254,.5) 56%);}*/
.hero_banner { padding-top: 1em; padding-bottom: 1rem; ;position: relative; /*overflow: hidden;*/ background: linear-gradient(133deg, rgba(255,255,255) 8%, rgb(255 230 231 / 67%) 28%, rgba(234,242,254,.7) 36%); display: flex}

.front_box_img{ margin-left: auto; position: relative;   }
.hero_banner:before {width: 100%;height: 100%;background: url("../bg-alfa.html")no-repeat bottom right ;content: '';position: absolute;right: 0;bottom: 0;max-width: 100%; background-size: cover;display:none}

.product_title{display: block; font-family: 'Montserrat'; font-size:1rem; font-weight: 700; text-transform: uppercase;  }
.hero_banner .banner_h{font-size: 3.125rem; font-weight: 700; font-family: 'Montserrat'; color: #181617; margin-top: .5rem; position: relative}
.hero_banner .banner_sh{font-size: 1.375rem; font-weight: 600; font-family: 'Open Sans'; color: #333; margin-top: 1rem; line-height: 1.6 }
.banner_left_sec{display: flex; align-items: center}

/*.banner_home2{background: url('../images/bg-alfa.png') right #f7f7f7; background-repeat: no-repeat}*/
.hero_banner .serach_group{ width: 100%; position: relative; margin-top:2rem}
.hero_banner .serach_group .search_input{ display: block; width: 100%; padding: 1rem; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.02) ; outline: 0;   border-radius: 7px; border: solid 1px #d1d1d1;padding-right: 5rem;}
.hero_banner .serach_group .search_icon{position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; cursor: pointer}
.hero_banner .serach_group .search_input:focus{border-color: #181617}

.hero_banner .searchClose{position: absolute;right: 1rem;top: .8rem;display: inline-flex;background: #fff;align-items: center;}
}
.hero_banner .searchClose input {outline: 0px;background: none;border: 0px;
    transform: rotateZ(45deg);font-size: 2rem;
color: rgb(85, 85, 85)}

.related_box{display: flex; margin-top:2.5rem}
.box_container{border-radius: 16px; border: solid 1px #d1d1d110; width: 100%; overflow: hidden; display: flex; 
    flex-direction: column; background: #fff; text-align: center; transition: ease-in-out .3s; 
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); position: relative;background:#f9f9f9}

.top_strip{box-shadow:  0 0 10px #e1e1e1; position: relative; z-index: 1;background: linear-gradient( 90deg, rgb(245,56,67) 0%, rgb(47,87,149) 100%);}
 .box_container:hover{box-shadow:  0 0 15px #d1d1d1; border-color: #181617}
.box_body {font-size: 1rem;   margin: auto; padding: 3rem }
 .box_title{ font-size: 1.125rem; font-weight: 700; display: inline-block; position: relative; margin-top: 1rem; padding-bottom: .1rem; margin-bottom: 0}
.box_body .box_title:before{width: 0%; height: 1px; background: #181617; position: absolute;   content: ''; bottom: 0; transition: ease-in-out .3s; transform-origin: right center; right: 0}
.box_body >img{display: block; margin: auto}
.box_container:hover .box_title:before{width: 100%; left: 0  }
.box_container:before{width: 70px; height:70px; border-radius: 200px; position: absolute; right: 3rem; bottom: 0; background: #e11f2680; content: ''; filter: blur(50px); opacity: 0; transition: ease-in-out .3s}
.box_container:hover:before{opacity: 1}
.help_manual{width: 100%;border-radius: 11px; position: relative; overflow: hidden; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15)}
.help_manual_wrapper{padding: 2rem}
.help_manual_wrapper .media-body{padding:0 2rem}
.help_manual_wrapper .media-body  .box_title{margin: 0}
.help_manual_wrapper .media-body  p{padding-top: .3rem}

.select_group{display: flex; align-items: center; margin-top: 1rem}
.select_group .product_list{max-width: 291px; width: 100%; padding:.8rem .5rem; background: url('../angle-down.html') no-repeat #f7f7f7; background-position: 95% center; appearance: none; -webkit-appearance: none; outline: none; border-radius: 5px; border-color: #cccccc; font-size: .875rem; font-weight: 600; color: #181617}
.select_group .search_product_btn{ background:#fff; border-radius: 5px; color: #e11f26;   padding: .8rem 1.5rem; outline: 0; border: solid 1px #e11f26;  font-weight: 600; margin-left: 1rem; transition: ease-in-out .3s}
.select_group .option-content{max-width: 150px; margin-left: 1rem;  background-position: 90% center; }
.right-nav li.support_btn a:hover, .select_group .search_product_btn:hover{background: #e11f26; color: #fff}
.right-nav li.support_btn a:before{display: none}
.right-nav li.support_btn a:before{display: none}

.help_section{background: linear-gradient( 90deg, rgb(245,56,67) 0%, rgb(47,87,149) 100%); position: relative; padding-bottom: 1rem; margin-top: 3rem}
.help_section:after{width: 100%; height: 100%; background: url("../bineary-bg.html") no-repeat right; content: ''; position: absolute; right: 0; top: 0; background-blend-mode: luminosity; z-index: 0; mix-blend-mode: luminosity; opacity: .7}
.help_user{margin-top: -3rem}
.help_conatainer{display: flex; justify-content: center; flex-direction: column; position: relative; z-index: 1}
.help_conatainer .glob_h{ font-size: 42px; font-weight: 700; color: #fff}
.help_conatainer  p{ font-size: 22px; color: #fff; font-family:'Montserrat'; }
.help_btn_wrapper{display: flex; margin-top: 1.5rem }
.help_btn_wrapper a{ display: inline-flex; align-items: center; border: solid 1px #f1f1f1; color: #f1f1f1; padding: .8rem 1.5rem; margin-right:1rem; position: relative; overflow: hidden;   border-radius: 6px;}
.help_btn_wrapper a:hover{text-decoration: none}
.help_btn_wrapper a.license_btn img{margin-left: .5rem; position: relative; z-index: 1; transition: ease-in-out .3s}
.help_btn_wrapper a.license_btn span{position: relative; z-index: 1; color: #fff; font-family:'Montserrat'; font-weight: 600}
/*.help_btn_wrapper a:after{width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; content: ''; z-index: 0; transform: translateX(-101%); transition: ease-in-out .3s} */
.help_btn_wrapper .media-body {margin-left: 1rem}
.help_btn_wrapper .media-body span{ display: block; font-size: 1rem; font-family:'Montserrat'; font-weight: 700; line-height: 1}
.help_btn_wrapper .media-body span img{filter: brightness(0) invert(1);transform: rotate(90deg);margin-left: 0.5rem;width: 10px;}

.help_btn_wrapper .media-body i{font-style: normal; font-size: .85rem}
.help_btn_wrapper a:hover{background: #fff}
.help_btn_wrapper a:hover img{filter: brightness(0) invert(0); opacity: .9}

.help_btn_wrapper .dropdown {position: relative;display: inline-flex; cursor:pointer}
.help_btn_wrapper .dropdown-toggle {display: inline-flex; align-items: center; border: solid 1px #f1f1f1; color: #f1f1f1; padding: .8rem 1.5rem;  position: relative; overflow: hidden;   border-radius: 6px;    }
.help_btn_wrapper .dropdown-menu {display: none;position: absolute;background-color: #fff;border: 1px solid #ccc;max-width: 100%; width: 100%   }
.help_btn_wrapper .dropdown-menu a {color: #555;  border: none; padding: 4px 10px; display: block; border-radius: 0; font-weight: 600;font-size: 13px}
.help_btn_wrapper .dropdown-menu a:hover{background: #f0f0f0}
.help_btn_wrapper .dropdown:hover .dropdown-toggle{background: #fff}
.help_btn_wrapper .dropdown:hover .dropdown-toggle .media{color: #181617}
.help_btn_wrapper .dropdown:hover .dropdown-toggle .media img{filter: brightness(0)}

.faqSection{position: relative;z-index: 1}
.faq_title {font-size: 1.125rem;font-family: 'Montserrat'}
.faq_nav{justify-content: center; padding-left: 0; margin-top:3rem; padding-bottom: 3rem}
.faq_nav li a{margin: 0 .5rem; font-size: 1rem;font-family: 'Montserrat'; border: solid 1px #d1d1d1; border-radius: 50px; color: #555; padding: .9rem 2rem; font-weight: 600}
.faq_nav li a.active{background: linear-gradient(670deg,rgb(245,56,67) 0%,rgb(47,87,149) 100%); color: #fff; border: none}
.faq_nav li a:hover{border-color: #181617; /*color: #181617; background: #f9f9f9*/}
.faq_h:before {width: 10px;height: 100%;background: linear-gradient(180deg,rgb(245,56,67) 0%,rgb(47,87,149) 100%);position: absolute;left: -5px;top: 0;content: '';filter: grayscale(1);opacity: .5;transition: ease-in-out .3s}
 a.faq_h[aria-expanded="true"]:before {filter: none;opacity: 1}
.faq_h:after {width: 25px;height: 25px;background: url(../svg/left-gray-arrow.svg);position: absolute;right: 1rem;top: 1.5rem;bottom: 0;margin: 0;content: '';background-repeat: no-repeat;background-position: top;transition: ease-in-out .3s;transform-origin: center}
 a.faq_h[aria-expanded="true"]:after {transform: rotate(90deg) }
.faq_h_card_title { font-size: 1rem; color: #181617; padding-left: 25px; padding-right: 80px}
 .faq_h_card_title a {color: #e11f26 }
.card.faq_q { box-shadow: 0 0 5.22px .78px rgb(0 0 0 / 14%); overflow: hidden; border-radius: 5px 5px 5px 5px!important; padding: 1rem; position: relative; background: #fbfbfb }
.faq_h {display: flex;align-items: baseline;padding: 5px 10px;color: #181617;font-weight: 600;width: 100%;}
.faq_h_card_title ul li{padding: .2rem 0}
.faq_h_card_title a{text-decoration: underline}

.our_policy li{margin: 0 1rem}
.our_policy li a img{filter: brightness(0); margin-right: .1rem}
.our_policy li a span{font-size: .875rem; display: inline-block; position: relative; padding-bottom: .2rem}
.our_policy li a span:before{width: 0%; height:1px; background: #000; position: absolute; right: 0; bottom: 0; content: ''; transform-origin: right center; transition: ease-in-out .3s}
.our_policy li a:hover span:before{ width: 100%; left: 0}
  
.counter_text{list-style: none; display: flex; justify-content: space-around; margin-bottom: 0; width: 100%}
.counter_text li{text-align: center; margin: 1rem auto}
.counter_text li .gtext {background:linear-gradient(  147deg, rgb(245,56,67) 10%, rgb(47,87,149) 68%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;	text-fill-color: transparent;}
.counter_text .counter_h span {font-size: 42px; font-weight: 700; font-family:'Montserrat';}
.counter_text .counter_h span sup{font-size:60%; font-weight: 700; position: static; vertical-align: revert;}
.counter_sh{ font-size: 14px; font-weight: 700; text-transform: uppercase}
.counter_text p{margin-bottom: 0}
.bottom_footer_logo li img {max-width: 75px;padding-left: 5px;}

div#productList {position: absolute;max-height: 250px;overflow: hidden;padding: 1rem;background: #fff;z-index: 2; 
    box-shadow:0 0 10px #d1d1d1; overflow-y:scroll;border-radius: 0 0 11px 11px; display:none;width:100%;}
.list-sty:hover {background: #f3f3f3;}
.list-sty {padding: 0.5rem 1rem;font-size: .875rem;}

div#productList{scrollbar-width: thin;scrollbar-color: #555 #DFE9EB;}
div#productList::-webkit-scrollbar { width: 3px; }
div#productList::-webkit-scrollbar-track {border-radius: 3px;background-color: #DFE9EB;}
div#productList::-webkit-scrollbar-track:hover {background-color: #B8C0C2;}
div#productList::-webkit-scrollbar-track:active {background-color: #B8C0C2;}
div#productList::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #555;}
div#productList::-webkit-scrollbar-thumb:hover {background-color: #2A2323;}
div#productList::-webkit-scrollbar-thumb:active {  background-color: #62A34B;}


.filter_dropdown {position: relative;display: flex; max-width: 283px; width: 100%;border-radius: 5px; border-color: #cccccc; font-size: .875rem; font-weight: 600; color: #181617; background:url("../angle-down.html") no-repeat #f7f7f7; border: solid 1px #d1d1d1; background-position: 97% center}
.filter_dropdown-select { width: 100%;  padding:.8rem .5rem;}
.filter_dropdown-list {display: none;position: absolute;z-index: 1;width: 100%;max-height: 200px;overflow-y: scroll;border: 1px solid #ccc;background-color: #fff; left: 0; right: 0; margin: auto; padding: 1rem; padding-top: 0}
.filter_dropdown-list .search-box { width: 100%; padding: .5rem; outline: 0; border: solid 1px #d1d1d1; margin-bottom: .3rem; border-radius: 5px; }
.filter_dropdown-list-item {padding: .5rem;cursor: pointer; font-size: .85rem}
.filter_search-box {width: 100%;padding: 5px;border: 1px solid #ccc;border-top: none; border-radius: 5px;}
.search_container{position: sticky; background: #fff; top: 0; z-index: 1; padding-top: .5rem}
.filter_dropdown-list-item:hover{background: #f0f0f0}
.filter_dropdown-list{scrollbar-width: thin;scrollbar-color: #555 #DFE9EB;}
.filter_dropdown-list::-webkit-scrollbar { width: 3px; }
.filter_dropdown-list::-webkit-scrollbar-track {border-radius: 3px;background-color: #DFE9EB;}
.filter_dropdown-list::-webkit-scrollbar-track:hover {background-color: #B8C0C2;}
.filter_dropdown-list::-webkit-scrollbar-track:active {background-color: #B8C0C2;}
.filter_dropdown-list::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #555;}
.filter_dropdown-list::-webkit-scrollbar-thumb:hover {background-color: #2A2323;}
.filter_dropdown-list::-webkit-scrollbar-thumb:active {  background-color: #62A34B;}

/*Model CSS START*/



.submit_enquiry .modal-header{  padding: 1rem; color: #fff; text-align: center; justify-content: center; }
.submit_enquiry .modal-header h4{text-align: center; color: #fff; padding: 1rem;margin-bottom: 0; font-size: 22px; }
.radius_wrapper{ display: flex; width: 100%; padding:1.4rem 2rem; border-radius: 50px; border: solid 1px #fff; background: rgba(255,255,255,0.17); text-align: center;   justify-content: center; align-items: center; font-weight: 700; margin-top: 4rem; margin-bottom: 5rem}

.enquiry_form label{display: block; width: 100%; padding: 0; position: relative; margin: 0}
.enquiry_form label input, .enquiry_form label select, .input_box, .text_area{display: block; width: 100%;   position: relative; margin: 0;; padding: .8rem; border: solid 1px rgba(0,0,0,0.37) ; border-radius: 5px; outline: none; font-size: 14px; }

.enquiry_form label input:focus, textarea:focus{border-color: #181617}
.twice_col{display: flex; justify-content: space-between; margin: 1.3rem 0; column-gap: 1rem;}
.twice_col .left_col, label.twice_col .right_col{max-width:48%; width: 100%; position: relative} 
.twice_col input{  width: 100%}

.twice_col select, select.drop_down{max-width:100%; width: 100%;  color: #181617; appearance:none; -webkit-appearance:none; background: url('../downarrowform.html') #fff no-repeat; background-position: 95% center}

label.twice_col select option{}
.captch_box{display: flex; align-items: center; margin-top: 2rem; color: #555555}
.captch_box .cT{ font-size: 16px; font-weight: 600; color: #555555}
.captch_box .captcha{ font-size: 24px; font-weight: 700; display: inline-block; margin: 0 .5rem}
.captch_box .input_box{max-width: 97px; padding: 10px;}
label.check_box{display: flex; align-items: center; align-items: flex-start; margin-top: 1.5rem}
.check_box .custom-checkbox{width: 16px; height: 16px; box-shadow: none}
.check_box p{ font-size: 12px}
.demo_btn{ font-size: 18px; font-weight: 600; color: #fff; background: #e11f26; border-radius:5px; padding: .9rem 2rem;   margin-top: 1.5rem; display: inline-flex;}
select.drop_down{max-width: 100%}
.demo_btn:hover{color:#fff}
.demo_btn_white{display: none}

.enquiry_form .single_input, .enquiry_form .twice_col{position: relative}
.enquiry_form .single_input span, .enquiry_form .twice_col span  {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; font-size: 14px; margin-left: .5rem; height: 25px; transition: ease-in-out .2s;background: #fff; padding: 5px 15px;}
.enquiry_form .twice_col span.right_pace {position: absolute; right:28%; top:0; bottom: 0; margin: auto; display: flex; align-items: center; font-size: 14px; margin-left: .5rem; height: 25px; transition: ease-in-out .2s;background: #fff; padding: 5px 15px; left: auto; z-index: -1}
.enquiry_form .single_input span em, .enquiry_form .twice_col span  em{color: #e11f26; font-style: normal; font-size: 12px;}
.enquiry_form .single_input input::placeholder, .enquiry_form .twice_col input::placeholder, .enquiry_form .single_input textarea.text_area::placeholder {opacity: 0; color: #fff}
.enquiry_form .single_input input:not(:placeholder-shown) + span,
.enquiry_form .single_input input:focus + span,
.enquiry_form .twice_col  .left_col input:not(:placeholder-shown) + span,
.enquiry_form .twice_col  .left_col input:focus + span,
.enquiry_form .twice_col  .right_col input:not(:placeholder-shown) + span,
.enquiry_form .twice_col  .right_col input:focus + span{ transform: translate(0, -1.5rem);}
.enquiry_form .single_input textarea.text_area:not(:placeholder-shown) ~ span,
.enquiry_form .single_input textarea.text_area:focus ~ span{transform: translate(0, -2rem);}
.submit_enquiry {backdrop-filter: brightness(0.8) blur(8px); transition: .3s all}
.submit_enquiry  .modal-dialog {max-width: 500px !important}
.enquiry_form { max-width: 800px; width: 100%; margin: auto}
.captcha_box { background: #FFF; max-width: 423px; width: 100%; padding: 10px 20px; display: flex; list-style: none; align-items: center; margin: 10px 0}
li.calc_captcha { background: repeating-linear-gradient(45deg,#ffffff,#f5f5f557 2px,#d3d3d369 16px,#ffffff00 20px); line-height: 2!important; color: #080808; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; font-size: 20px!important; font-weight: 500!important; height: 55px!important; width: 120px!important; margin-left: 19px; padding: 1px 18px!important; text-align: center; align-items: center; justify-content: center; display: flex}
.captcha_field {display: flex}
.captch_input input[type='text'] { width: 120px; outline: none; border: solid 1px rgba(0,0,0,.37); margin-left: 10px; border-radius: 5px}
.captch_input input[type='text']:focus {border-color: #181617}
.fill_btn+a {color: #555}
.stand_close, .modle_close {position: absolute;right: 5px;top: 6px;background-color: #e11f26!important;padding: 1px 5px!important;opacity: 1;color: #fff;border-radius: 50%; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; z-index: 9}
.stand_close span, .modle_close span{color: #fff}
.fill_btn { display: flex; font-size: 16px; font-weight: 600; font-family: 'Montserrat'; color: #fff; align-items: center; text-decoration: none; background: #e11f26; padding: .7rem 1.5rem; border-radius: 5px; position: relative; overflow: hidden; border: none; width: 100%; text-align: center; justify-content: center}

/*Model CSS END*/

.right_box  > img{max-width:390px}

span.filter_varient_select {margin-right: 1rem;}

@media  screen and (max-width:1600px){
    .hero_banner:before{right: -39rem}  
    .hero_banner .banner_h { font-size: 3rem}
}
@media  screen and (min-width:1500px){
.container-fluid{width:1400px!important;padding:0; margin:auto}
}

@media screen and (min-width:1920px){
/*    .slider_wrapper{margin-left: 5rem} */ 
}
@media screen and (min-width:1424px){
    .container-fluid{padding-left: 0; padding-right: 0}   
}


@media screen and (max-width:992px){
.help_section_img{display: none}
.help_section {padding-top: 2rem; padding-bottom: 2rem; text-align: center}
 .help_btn_wrapper{justify-content: center; margin-top: 1rem; text-align: left}
 .our_policy li a img{max-width: 18px}
 .counter_text{padding-left: 0;  flex-wrap: wrap}
 .counter_text .counter_h span{font-size: 2rem}
 .counter_text li{width: 33%}
    .help_btn_wrapper .media-body i{font-size: .75rem}
}

@media screen and (max-width:767px){
    .right_box{display: none}
.hero_banner {text-align: center}
    .globle_h, .help_conatainer .glob_h{font-size: 1.25rem !important}
    .banner_left_sec{text-align: center; justify-content: center}
    .faq_title{font-size: 1rem}
    .faq_h{padding-right: 2rem}
    .box_body { padding: 1rem}
}
@media screen and (max-width:572px){
    
    .select_group{flex-direction: column; align-items: center}
    .select_group .product_list, .search_product_btn{margin-top: 1rem; margin-left: 0}
    .select_group .search_product_btn{margin-left: 0}
    .select_group .option-content{max-width: 100%;width: 100%;margin-left: 0;}
    .help_btn_wrapper{flex-direction: column; align-items: center}
    .help_btn_wrapper .dropdown{margin-top: 1rem; }
    .help_btn_wrapper a{margin-right: 0}
    .faq_nav{padding-bottom: 2rem;flex-wrap: nowrap;overflow-x: scroll;overflow-y: hidden;white-space: nowrap; justify-content: flex-start; padding-top: 1rem; margin-top: 1rem}
    .faq_nav li a{font-size: .85rem;     padding: 0.8rem 1rem;}
    .box_title {margin-top: 0}
    .help_manual_wrapper{flex-direction: column; align-items: center; justify-content: center; padding: 1rem; text-align: center}
    .help_manual_wrapper .media-body{padding: 1rem; margin-top: 1rem}
    .faq_h_card_title{padding-right: 0}
    .counter_text .counter_h span{font-size: 1.5rem}
    .counter_text p{font-size: .75rem}
    .our_policy li a span{font-size: .75rem}
    .filter_dropdown-list{text-align: left;}
    span.filter_varient_select{width: 100%;margin-right: 0}
    .filter_dropdown{max-width: 100%;width: 100%;}
    .filter_dropdown-select{text-align: left;}
    
    
    
}