/*********************************/
 /***********1.GLOBAL CSS*********/
 /********************************/
 /* Default CSS */
 @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&display=swap');

 html,
 body,
 div,
 span,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 abbr,
 address,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 samp,
 small,
 strong,
 sub,
 sup,
 var,
 b,
 i,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 summary,
 time,
 mark,
 audio,
 span,
 video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   background: transparent;
 }
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
 } 
 button {
   outline: none !important;
 }

 input {
   outline: none !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
   margin: 0;
   padding: 0;
 }

 input,
 button,
 textarea,
 select {
   outline: none;
 }

 .btn.focus,
 .btn:focus {
   outline: none;
   box-shadow: none !important;
 }

 ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 a {
   margin: 0;
   padding: 0;
   text-decoration: none;
 }

 a:hover {
	text-decoration: none;
}
a:hover{
	color: white;
	/* text-decoration: underline !important; */
 }
 .custom_checkbox_2 span a:hover {
	color: #0d6efd !important;
	text-decoration: underline !important;
} 
 body {
   font-family: 'Assistant', sans-serif;
   font-size: 16px;
   font-weight: 400;
   /* color: #283562; */
   overflow: hidden;
   position: relative;
 }
body.category_page #app{
  min-height: 700px;
}
 html {
   scroll-behavior: smooth;
   overflow-x: hidden;
 }

 img {
   width: 100%;
   height: auto;
 }
 h1{
	font-weight: 700;
    color: var(--dark-black, #202020);
    font-family: Assistant;
    font-size: 36px;
    font-style: normal;
    line-height: normal;
 }
 h2{
	font-weight: 300;
    color: var(--dark-black, #202020);
    font-family: Assistant;
    font-size: 36px;
    font-style: normal;
    line-height: normal;
 }
 h3{
	font-weight: 300;
    color: var(--dark-black, #202020);
    font-family: Assistant;
    font-size: 30px;
    font-style: normal;
    line-height: normal;
 }
 .btn-style {
	background: #32FFF3;
	display: inline-block;
	color: #1F1F1F;
	padding: 6px 32px;
	font-size: 20px;
	font-weight: 700;
	border-radius: 6px;
	color: #1F1F1F;
	text-align: right;
	font-family: Assistant;
	font-size: 20.693px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.accordionBtn .btn-style {
	background: #1C1C1C;
	display: inline-block;
	color: #fff;
	padding: 6px 32px;
	font-size: 20px;
	font-weight: 700;
	border-radius: 6px;
	text-align: right;
	font-family: Assistant;
	font-size: 20.693px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.accordionBtn .btn-style:hover {
	background: #424649;
	color: #ffffff;
}
 h4 {
   font-size: 24px;
   font-weight: 700;
 }

 .container{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
 }
.d-none{
	display: none;
}
 /* menu bar  */
 .nav-button {
   position: relative;
   z-index: 1111;
   height: 42px;
   display: block;
   width: 50px;
   padding: 12px;
   cursor: pointer;
 }

 .nav-button #nav-icon3 {
   width: 24px;
   height: 22px;
   display: inline-block;
   position: relative;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
 }

 .nav-button #nav-icon3 span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   background: #202020;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out
 }

 .nav-button #nav-icon3 span:nth-child(1) {
   top: 0
 }

 .nav-button #nav-icon3 span:nth-child(2),
 #nav-icon3 span:nth-child(3) {
   top: 8px
 }

 .nav-button #nav-icon3 span:nth-child(4) {
   top: 16px
 }

 .nav-open #nav-icon3 span:nth-child(1) {
   top: 9px;
   width: 0;
   left: 50%
 }

 .nav-open #nav-icon3 span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg)
 }

 .nav-open #nav-icon3 span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg)
 }

 .nav-open #nav-icon3 span:nth-child(4) {
   top: 9px;
   width: 0;
   left: 50%
 }



 .navbar {
   background: transparent;
   display: none;
 }

 .mobile_res a {
   display: none;
 }


 .mobile_res {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .mobile_res .logo {
   height: 39px;
   padding: 4px 12px;
 }
 .fourIntro{
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform: translate(0,0);
  transform: translate(0,0);

 }
 .bodyFx{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
 }


 /*********************************/
 /***********2.GLOBAL CSS**********/
 /********************************/
 .banner_area {
   padding: 90px 0 20px 0;
   background: url('../images/home/banner.png') no-repeat scroll 0 0 /cover;
 }

 .home_ab {
   position: absolute;
   width: 100%;
   left: 0;
   top: 10px;
 }

 .header_text {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .dropdown-menu {
   display: none !important;
 }

 .dropdown-menu.show {
   display: block !important;
 }

 /* left site area start  */
 .header_left ul {
   display: flex;
   align-items: center;
   gap: 10px;
 }
.header_area.category_header{
  position: relative;
  z-index: 8;
}
 .header_left ul li a {
   display: inline-block;
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   transition: .3s;
   padding: 6px 13px;
 }
 .header_left > ul > li > a:hover{
  color: #ffffffa8;
 }

 /* Right site area start  */
 .header_right ul {
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .header_right ul li a {
   border: 1px solid #fff;
   display: inline-block;
   padding: 5px 15px;
   color: #fff;
   border-radius: 10px;
   font-size: 16px;
   font-weight: 600;
   transition: .3s;
   text-align: right;
 }
 .dropdown-item.active, .dropdown-item:active{
	background-color: #e9ecef;
	color:black
 }
.header_right > ul > li > a.active,
.header_right > ul > li > a:hover{
  background-color: #fff;
  color: #212529;
}
.home_ab  .header_right > ul > li > a.active:hover{
  color: #fff;
  background: transparent;
}
a:not(:disabled):hover {
        background-image:inherit;
}
/* catagory page  */
.category_header .dropdown-toggle,
.category_header .header_right > ul > li > a {
  border: 1px solid transparent !important;
  color: #202020; 
  background-color: #fff;
  height: 37px; 
}
.category_header .header_right > ul > li > a.active,
.category_header .header_right > ul > li > a:hover{
  border: 1px solid #202020 !important;
}
.category_header .header_right > ul > li .dropdown button{
   border: 1px solid transparent !important; 
   border-radius: 9px;
   height: 37px; 
}
.category_header .header_right > ul > li .dropdown button:hover{
  border: 1px solid #202020 !important; 
}

 /* banner area  */
 .logo {
   background: #fff !important;
   transition: .3s;
   /* padding: 5px 7px; */
   padding: 0;
   border-radius: 10px;
   border: 1px solid transparent;
 }

 .logo img {
   width: 90px;
   height: auto;
   object-fit: cover;
   width: 170px;
 }

.dropdown-toggle {
  color: #fff !important;
  border: 1px solid #fff;
  padding-left: 12px;
  display: flex;
  align-items: center;
}
.mobile_res .dropdown {
  display: none;
}
 .dropdown-item {
   color: #05476E !important;
 }

 .dropdown-toggle:hover {
   background-color: #fff !important;
   color: #05476E !important;
 }

.dropdown-toggle img {
  width: 40px;
  padding-right: 5px;
  margin-left: 6px;
}
.dropdown ul li a img{
  width: 40px;
  padding-right: 5px;
}
 .dropdown-toggle::after {
   display: none;
 }

 /* Banner area start  */
 .banner_text {
   display: flex;
   justify-content: space-between;
   align-items: self-start;
   gap: 100px;
 }

 .banner_left {
   flex: 1;
 }

 .banner_right {
   flex: 1;
 }

 .banner_left span {
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	line-height: 1;
	color: #FFF;
	text-align: right; 
	font-size: 35.232px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.banner_left h1 {
	color: #33FFF4;
	font-size: 66px;
	font-weight: 700;
	line-height: 1;
	color: #33FFF4;
	text-align: right;
	font-family: Assistant;
	font-size: 66.367px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.banner_left p {
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: right;
	font-family: Assistant;
	font-size: 25.291px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

 .banner_left>a {
   margin-top: 10px;
 }
  .btn-style{
    border: 1px solid transparent;
    transition: .3s ease-in-out;
  }
 .banner_left .btn-style:hover{
  background: #000;
  color: #FBFBFB;
  border: 1px solid #fff;
 }

 /* bannner single card  */
 .banner_singleMain {
   padding-top: 40px;
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
 }

 .banner_single {
	cursor: pointer;
    background: #dfe4eb;
    max-width: 117px;
    min-width: 117px;
    max-height: 117px;
    min-height: 117px;
    border-radius: 10px;
    padding: 16px;
    display: flex;
 }
 .banner_single img{
	max-width: 117px;
	transition: .3s ease-in-out;
	max-height: 117px;
	object-fit: contain;
 }
.banner_single img:hover {
  opacity: .8;
  transform: scale(1.04);
}
 .banner_subCard {
   background: #DFE1E9;
   padding: 10px;
   border-radius: 7px;
   height: 115px;
   width: 115px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .banner_subCard img {
   max-width: 100px;
   max-height: 100px;
   height: auto;
   width: auto;
 }

 /* banner img area  */
 .banner_right_sub img {
   width: 100%;
   height: auto;
   max-height: 600px;
   object-fit: contain;
   padding: 30px 0;
 }

 /* calculator area start  */
 .calender_area {
   padding: 70px 0;
 }

 .card {
   border: 0 !important;
   background-color: #fff;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }

 .card-header {
	background: #8D2BFD;
	color: #fff;
	padding: 18px 0;
	font-size: 24px;
}

 /* .col-sm-6.col-md-4.col-lg-3:nth-child(2)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(2) .card-header {
   background-color: #0067AD;
 } */

 /* .col-sm-6.col-md-4.col-lg-3:nth-child(3)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(3) .card-header {
   background-color: #40E2D5;
   color: #000;
 }

 .col-sm-6.col-md-4.col-lg-3:nth-child(4)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(4) .card-header {
   background-color: #C80B18;
 }

 .col-sm-6.col-md-4.col-lg-3:nth-child(5)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(5) .card-header {
   background-color: #F9B80A;
   color: #000;
 }

 .col-sm-6.col-md-4.col-lg-3:nth-child(6)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(6) .card-header {
   background-color: #D92182;
 }

 .col-sm-6.col-md-4.col-lg-3:nth-child(7)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(7) .card-header {
   background-color: #0091DE;
 }

 .col-sm-6.col-md-4.col-lg-3:nth-child(8)>.card>span,
 .col-sm-6.col-md-4.col-lg-3:nth-child(8) .card-header {
   background-color: #5503F3;
 } */

 .card_top {
   padding: 10px 0;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .card_top img {
   max-width: 100px;
   max-height: 90px;
   height: auto;
   padding: 5px 0;
   width: auto;
 }

 .calculator_card_bottom {
   border-top: 2px dashed #D0D0D0;
 }

 /* top header style  */
 .header_top {
   padding-bottom: 40px;
 }

 .header_top h2 {
	/* font-size: 35px; */
	font-weight: 700;
	/* text-align: center; */
	color: var(--dark-black, #202020);
	/* text-align: right; */
	font-family: Assistant;
	font-size: 36px;
	font-style: normal;
	/* font-weight: 700; */
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

 .header_top h2 span {
   font-weight: 300;
 }

.header_top p {
	font-weight: 700;
	color: var(--dark-black, #202020);
	text-align: center;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
 /* sim area start  */
 .sim_area {
   padding-bottom: 50px;
 }

 .sim_items {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
 }

 .sim_single_item {
   text-align: center;
   width: 130px;
 }

 .sim_single_item img {
   width: 120px;
   transition: .3s ease-in-out;
 }
 .sim_single_item img:hover{
  opacity: .7;
  transform: scale(1.05);
 }

 .simText {
   height: 50px;
   padding-top: 5px;
 }

 .simText p {
	font-weight: 700;
	font-size: 16px;
	color: #202020;
	text-align: center;
	font-family: Assistant; 
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
 .sim_item_body {
   padding-bottom: 20px;
   min-height: 140px;
 }

 .sim_item_body p {
	font-size: 16px;
	color: var(--dark-black, #202020);
	text-align: right;  
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	line-height: 30px;
}

 .sim_item_body p i {
   padding-left: 6px;
 }

 .calculator_card_bottom h3 {
   font-size: 38px;
   font-weight: 700;
   padding: 12px 0 2px 0;
 }

 .calculator_card_bottom h3 span {
   font-size: 24px;
 }

 a.btn.w-100.btn-dark {
	font-size: 18px;
	padding: 11px 0;
	font-weight: 700;
	color: #FFF;
	text-align: center; 
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}

.header_top h2 img {
	width: 27px;
}

 .card>.product-label {
	position: absolute;
    left: 0;
    right: 0;
    top: -17px;
    background-color: unset;
    width: fit-content;
    display: inline-block;
    margin: 0 auto;
 }
 .card>.product-label span {
	border: 1px solid #fff;
    width: fit-content;
    border-radius: 20px;
    display: inline-block;
    padding: 2px 10px;
    margin: 0 auto;
 }

 /* Footer area start  */
 .footer_area {
   background: url('../images/home/footer.png') no-repeat scroll 0 0/ cover;
   background-position: center;
   padding-top: 70px;
 }

 .footer_text {
   display: flex;
   align-items: end;
   gap: 50px;
 }
 .card_hero_blog{
	display: none;
 }
 .cat_single_ul {
	position: relative;
}
 .client_area{
	display: none;
 }

 .footer_right {
   flex: 1;
 }

 .footer_left {
   flex: 1;
 }

 .footer_left h1 {
	font-size: 48px;
	color: #fff;
	color: #FFF;
	text-align: right;
	font-family: Assistant;
	font-size: 47px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

 .footer_left ul {
   padding-top: 6px;
 }

 .footer_left ul li a {
	color: #fff;
	color: #FFF;
	text-align: right;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.footerImgMobile{
  display: none;
}
 /* right area  */
 .footer_right img {
   max-width: 100%;
 }

.app {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
  max-width: 363px;
  margin-top: 15px;
}

 .footer_container {
   max-width: 1100px;
   width: 100%;
   margin: auto;
 }

 .app li {
   flex: 0 0 45%;
 }

 .app li a {
   display: inline-block;
 }

.app li a img {
  height: auto;
  width: auto;
  transition: .3s ease-in-out;
  width: 173.333px;
  padding: 0 4px;
}
  .app li a img:hover{
  opacity: .7;
  transform: scale(1.02);
 }


 /* =============== Payment area start ========== */
 .payment_mainArea {
   padding: 40px 0 50px 0;
 }

 .paymentRightCard>h4 {
   padding-bottom: 15px;
 }

 .payment_textArea {
   display: flex;
   align-items: start;
   gap: 3%;
 }

 .payment_leftArea {
   flex: 0 0 65%;
 }

 .payment_rightArea {
    flex: 0 0 35%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 0;
    width: 390px;
    min-height: 200px;
    background: #E6E9EF;
    border-bottom: 3px solid #E6E9EF;
    border-radius: 12px;
 }

 .orderDetail_card {
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 15px;
    padding-top: 15px;
 }

 .orderDetail_card.orderdetail_last_child {
   border-bottom: 4px solid #C9C9C9;
 }

 .paymentRightCard p {
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
 }
 .paymentRightCard .product_name {
   font-weight: 700;
 }

 .paymentRightCard p b {
   font-weight: 600;
 }

 .paymentRightCard:last-child b{
   font-size: 24px;
  }
  .paymentRightCard:last-child p b {
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
  }
 .paymentLeftRight {
   display: grid;
   grid-template-columns: 2fr 1fr;
   align-items: baseline;
   padding: 0;
 }
 .orderDetail_card .paymentLeftRight .delete_product{
  height: 18px;
  width: 100%;
 }
 .orderDetail_card .paymentLeftRight .delete_product img{
  max-height: 18px;
  max-width: 18px;
 }


.paymentLeftRight b {
	text-align: left;
	color: #202020;
  font-size: 18px;
}
.paymentLeftRight b i{
	cursor: pointer;
}

 /* ******  payment full left area start ******* */
 .leftTopPayment {
   display: flex;
   gap: 100px;
   position: relative;
   max-width: 800px;
 }
 .leftTopPaymentLeft {
  flex: 1;
}
.leftTopPaymentRight{
  flex: 1;
  
}
.leftTopPaymentRightSub,
.leftTopPaymentLeftSub{
  max-width: 300px;
}

 .leftTopPaymentLeft form input {
   width: 90%;
 }
 .leftTopPaymentRight p {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0 20px 0;
}
.leftTopPaymentLeft p {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0 20px 0;
}
.btn-styless{
  background-color: #000;
  color: #fff;
  border: 1px solid transparent;
}
.btn-styless:hover{
  color:#000 !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.leftTopPaymentLeft form input {
	width: 90%;
	padding: 11px;
	border-radius: 6px;
	border: 1px solid #AEAEAE;
}
.leftTopPaymentLeft form label{
  font-size: 18px;
  font-weight: 600;
}
.accordion-body{
  position: relative;
  margin-top: -3px;
}
/* .accordion-body:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 2%;
  width: 96%;
  height: 2px;
  background-color:#C9C9C9;
} */

 /* according area start  */
 .accordion-item{
  margin: 20px 0;
  border: 0 !important;
 }
 .paymentAccording {
   /* padding: 70px 0; */
 }
 .accordion-button::after {
  left: 24px;
  position: absolute;
}
.accordion-button:not(.collapsed) {
  background-color: #00000000 !important;
}
.accordion-button {
  background-color: #00000000 !important;
  border-radius: 6px;
}
.accordion-button:focus {
  z-index: 3;
  border-color: transparent !important;
  outline: 0;
  box-shadow:none !important; 
}
.accordion-button p {
  font-size: 24px;
  font-weight: 700;
  color: #000 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.accordion-collapse{
  background-color:#00000000 !important
}
.accimg{
  max-width: 26px;
  max-height: 29px;
  height: auto;
  width: auto;
  margin-left: 14px;
}
/* PaymentCashBody */
.PaymentCashBody h4 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 0;
}
.PaymentCashBody h4 b{
  color: #0089C3;
  font-size: 25px;
  font-weight: 700;
}
.PaymentCashBody p {
  font-size: 18px;
  font-weight: 600;
}
.singleRadio {
  background-color: #fff;
  margin: 13px 0;
  border: 1px solid #B9B9B9;
  border-radius: 5px;
  padding: 0 16px;
}
.singleRadio input[type='radio'] { 
     transform: scale(1.5); 
     accent-color: #000;
 }
.singleRadio label {
  font-size: 18px;
  font-weight: 600;
  width: 92%;
  padding: 14px 6px;
}
.singleRadio p{
  padding-bottom: 10px;
}
/* .singleRadio span {
  border: 1px solid gray;
  padding: 3px 30px;
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
} */
.singleRadio span b{
  font-size: 38px;
  font-weight: 600;
}
.accordionBtn{
  text-align: left;
}
.accordionBtn input {
	background: #000;
	color: #fff;
	padding: 7px 50px;
	font-size: 16px;
	border-radius: 14px;
	width: 203px;
	border: none;
	text-align: center;
}
.accordionBtn input:hover{
  background: #000000d1;
}
.accordionBtn {
  text-align: left;
  padding: 13px 0;
}
/* secon accordion  */
.singleItemAccordion label{
  font-size: 18px;
  padding-right: 4px;
  font-weight: 600;
}
.singleItemAccordion input {
  border: 1px solid #AEAEAE;
  padding: 12px 16px;
}
.singleItemAccordion input:focus{
    outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* custom checkbox start  */
.custom_checkbox_2 {
  position: relative;
  cursor: pointer;
}

.custom_checkbox_2 input {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom_checkbox_2 .checkmark {
  position: absolute;
  top: 13px;
  right: 0;
  height: 22px;
  width: 23px;
  background-color: #FFF;
  border: 1px solid #000;
  border-radius: 2px;
}
.custom_checkbox_2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_checkbox_2 input:checked~.checkmark {
  background-color: #FFF;
}

.custom_checkbox_2 input:checked~.checkmark:after {
  display: block;
}
.custom_checkbox_2 .checkmark::after {
  left: 6px;
  top: 0px;
  width: 9px;
  height: 15px;
  border: solid #000;
  border-width: 0px 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(37deg);
}

.custom_checkbox_2 p span {
  margin-right: 34px;
  padding-top: 11px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-transform: none;
  display: block;
  font-weight: 300;
}
.iconAccc{
  width: 50px;
  margin-right: 10px;
}


/* custom checkbox End  */


 /* =============== Payment area End ========== */
 /* =============== Payment area End ========== */

.four_modal{
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 5px 21px 0px rgba(73, 73, 73, 0.23);
  max-width: 983px;
  position: fixed;
  top: 70px;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 0 !important;
  z-index: 99;
  width: 100%;
  display: none; 
}
.four_modal .category_banner_right select {
    font-size: 20px;
    font-weight: 400;
    border-radius: 8px;
    height: 50px;
    width: 90px;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 7px !important;
}
.four_modal .category_banner_right {
    display: initial;
}
.four_modal select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background-image: url("../images/angle_black.png") !important;
    background-repeat: no-repeat !important;
    background-position-x: 19% !important;
    background-position-y: center !important;
    border: 1px solid #dfdfdf !important;
    border-radius: 2px !important;
    margin-right: 2rem !important;
    padding: 1rem !important;
    padding-right: 2rem !important;
    background-size: 18px 14px !important;
}

 .four_modal{
  max-width: 541px !important;
  width: 100%;
 }
 .four_modal button{
  flex: 1;
 }
 .top_bodyModal4{
  padding: 20px 30px 35px 30px;
 }
 .top_headerModalRight {
	border-radius: 10px 0 0 0;
	border: 0;
	background-color: #0089C3;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	color: #FFF; 
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.top_headerModalLeft {
	background-color: #C5EEFF;
	padding: 20px 10px;
	/* border-radius: 0 10px 0 0; */
	border: 0;
	font-size: 24px;
	font-weight: 700;
	color: #000;
	color: var(--dark-black, #202020); 
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
 .top_bodyModal4 form > p {
	font-size: 18px;
	padding-bottom: 20px;
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.top_headerModal {
  display: flex;
  justify-content: space-between;
}
.fourModalGoogle{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.topfourModalGoogle {
	background-color: #000;
	color: #fff !important;
	border-radius: 9px;
	background: #1C1C1C;
	color: #FFF;
	text-align: center;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}
.bottomfourModalGoogle {
	background-color: #E0E0E0;
	color: #1C1C1C !important;
	color: #1C1C1C;
	text-align: center; 
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}
.fourModalGoogle a{
  padding: 16px 0;
}
.modalFourInput {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modalFourInput input {
  height: 49px;
  border-radius: 8px;
  border: 1px solid #BCBCBC;
  margin-top: 5px;
  padding: 2px 10px;
  /* text-align: left; */
}
.modalFourInput input #email_or_phone_number{
   text-align: left;
}
.modalFourInput form  {
	width: 100%;
}
.modalFourInput input::-webkit-input-placeholder, 
.modalFourInput input:-moz-placeholder, 
.modalFourInput input::-moz-placeholder, 
.modalFourInput input:-ms-input-placeholder
{
	text-align: right;
}
input[type="tel"]::placeholder {
    text-align: right;
}
.four_modal .category_banner_right select {
  font-size: 24px;
  font-weight: 400;
  border-radius: 8px;
  height: 50px;
  padding-left: 38px;
}
.top_bodyModal4  a.login_with_credentials {
	color: #0089C3;
	display: inline-block;
	margin: 21px 0 21px 0;
	font-size: 18px;
	font-weight: 700;
	text-decoration: underline;
}
.top_bodyModal4  a {
	color: #0089C3;
	text-decoration: underline;
}
.fourModalGoogle span.or {
	display: inline-block;
	height: 49px;
	width: 49px;
	border-radius: 50%;
	font-size: 27px;
	border: 1px solid gray;
	margin: 24px auto;
	line-height: 2;
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fourModalGoogle a{
  position: relative;
}
.fourModalGoogle a img {
  width: 40px;
  position: absolute;
  right: 24px;
  top: 6px;
}
.four_modal .category_banner_right .form-select {
  background-size: 19px 17px;
}
.payment_mainArea .first_shape {
  top: -15px;
  width: 482px;
  left: -7px;
}
.payment_mainArea .seceond_shape {
  top: 393px;
  right: -67px;
  width: 652px;
}
.category_header .header_left ul li a:hover{
  transition: .3s; 
}



.header_text { 
	z-index: 9;
}



/****************************************************************************/
/******************************* shakil css here ************************* */
/**************************************************************************/


  /* ************************************************************* */
 /************************** Category CSS *************************/
/* ************************************************************* */

.middle_container{ 
	max-width: 80%;
	width: 100%;
	margin: 0 auto 0 auto;
}

.category_banner { 
	margin: 82px auto 122px auto;
}



.category_banner_right .form-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #F0F0F0;
	background-image: url("../images/angle_black.png");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 5px;
	background-position: 12px center;
	border-radius: 10px;
	border: 1px solid #BCBCBC;
	max-width: 304px;
	height: 54px;
	padding: 0 20px;
	font-size: 25.291px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 100%;
}
.category_banner_right  .form-select:focus {
	outline: 0;
	box-shadow: none;
	border-color: #BCBCBC;
}

.category_header .btn.dropdown-toggle{
  color: #202020 !important;
}

.cate_banner_img {
	border-radius: 10px;
	border: 1px solid #BCBCBC;
	background: #FFF;
	padding: 33px 64px 41px 64px;
	max-width: 304px;
	margin-top: 14px;
	width: 100%;
}

.cate_banner_img img {
	/* width: 177px; */
}

.cat_banner_left h3 {
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 35.232px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.cat_banner_left p {
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 25.291px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.cat_banner_left span {
	display: inline-block;
	background: #D4FFE5;
	padding: 6px 15px 9px 15px;
	color: #1F1F1F;
	text-align: right; 
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-top: 21px;
}

.category_banner_boxx{
    margin-bottom: 122px;
}


/* cate single  */
.cat_items {
	max-width: 935px;
	margin-bottom: 25px;
	width: 100%;
}

.cat_single_ul ul li img {
	width: 20px;
	height: 20px;
    margin-top: 5px;
}

.cat_single_item {
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 5px 21px 0px rgba(73, 73, 73, 0.23);
	padding: 26px 30px 33px 36px;
	position: relative;
	margin-bottom: 34px;
}

.cat_single_item h3 {
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
}

.cat_single_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cat_single_logo img {
	width: 119px;
	margin-left: 20px;
}

.cat_single_ul ul li {
	display: flex;
	margin-bottom: 12px;
	gap: 8px;
  flex: 0 0 48%;
  /* display: flex;
    margin-bottom: 12px;
    gap: 8px; */
}

.cat_single_logo {
	height: 100%;
	flex: 0 0 15%;
    width: 17% !important;
}

.cat_single_ul ul {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  column-gap: 4%;
  padding-right: 25px;
  list-style: none;
  /* display: flex;
  flex-flow: column wrap;
  height: 135px; */

}
.flexSingleItem .cat_single_logo {
  display: none;
}
.cat_btn h2 {
	color: var(--dark-black, #202020);
	text-align: left; 
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.cat_btn .btn_1{
    margin-bottom: 12px;
    margin-top: 13px;
}

.btn_1 {
	border-radius: 9px;
	border: 1px solid #C9C9C9;
	padding: 11px 19px;
	max-width: 233px;
	display: inline-block;
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	width: 100%;
}

.btn_1:hover{
	color: var(--dark-black, #202020); 
}

.btn_2 {
	border-radius: 9px;
	background: #1C1C1C;
	padding: 11px 13px;
	width: 206px;
	display: inline-block;
	color: #FFF;
	text-align: center; 
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; 
}

.btn_2:hover{
	color: #FFF; 
}

.cat_btn { 
	margin-right: 40px;
}

.cat_single_box h3 {
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 32px;
}

.cat_single_box h3 span {
  color: #0089C3;
  color: #0089C3;
  font-family: Assistant;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.top_box {
	background: unset;
    top: -14px;
    right: 25px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    box-shadow: none;
    border-radius: 28px;
    height: 28px;
    display: inline-block;
    border: none;
}
.top_box span {
	border-radius: 28px;
    box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.19);
    height: 28px;
    display: inline-block;
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	min-width: 112px;
    margin: 0px 3px;
    padding: 0 9px;
}

.next_cat_btn h2 {
	margin-bottom: 70px;
}

.top_box_blue{
    background: #3C67FF;
}


/* cat Hero area  */

.cart_hero_box {
	margin-top: 75px;
}

.title_hero {
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 40px;
	text-align: center;
}

.single_hero {
	border-radius: 10px;
	border: 1px solid #BABABA;
	background: #FFF;
	padding: 24px 20px;
  min-height: 220px;
}

.single_hero h4 {
	color: var(--dark-black, #202020);
	text-align: center; 
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}

.single_hero ul li p {
	color: var(--dark-black, #202020);
	text-align: right; 
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


/* cat sim area  */

.sim_cat_area{
	margin-top: 75px; 
}


.br-accordion .item[active] {
	border-bottom: 0;
  }
  .br-accordion .item[active] .header {
	font-weight: var(--font-weight-semi-bold);
  }
  .br-accordion .item[active] + .content {
	border-bottom: 1px solid var(--color-secondary-04);
	display: block;
  }
  .br-accordion .header {
	--bg-color: transparent;
	background: var(--bg-color);
	border: 0;
	color: var(--interactive);
	/* display: flex; */
	/* font-size: var(--font-size-scale-up-01); */
	/* justify-content: space-between; */
	outline: none;
	padding: var(--spacing-scale-2x) 0;
	text-align: right;
	text-decoration: none;
	/* width: 100%; */
}
.accor_item {
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 5px 21px 0px rgba(73, 73, 73, 0.23);
	margin-bottom: 16px;
}
  .br-accordion .header .icon {
	margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh);
  }
  .br-accordion .header .title {
	flex: 1;
	margin: 0;
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 31px;
}
.br-accordion .header .icon i { 
	font-size: 28px;
}
  .br-accordion .header:focus {
	outline: none;
  }
  .br-accordion .header.focus-visible, .br-accordion .header:focus-visible {
	outline-color: var(--focus);
	outline-offset: var(--focus-offset);
	outline-style: var(--focus-style);
	outline-width: var(--focus-width);
  }
  .br-accordion .header:not(:disabled):hover {
	background-image: none;
  }
  .br-accordion .content , .br-accordion .collapse {
	color: var(--text-color);
	display: none;
	font-size: var(--font-size-scale-base);
	margin: 0 var(--spacing-scale-base);
	padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x);
  }
  .br-accordion .collapse.show {
	display: block;
  }
  .br-accordion .content *:last-child, .br-accordion .collapse.show *:last-child {
	margin-bottom: 0;
  }
  .br-accordion[negative] {
	--color: var(--color-dark);
	--color-rgb: var(--color-dark-rgb);
	--text-color: var(--color-dark);
	--interactive: var(--interactive-dark);
	--interactive-rgb: var(--interactive-dark-rgb);
	--visited: var(--visited-dark);
	--hover: var(--hover-dark);
	--pressed: var(--pressed-dark);
	--focus-color: var(--focus-color-dark);
	--focus: var(--focus-color-dark);
	--bg-color: var(--background-dark);
  }

  .br-accordion .item {
	border: none;
	display: flex;
	flex-direction: column; 
}

.br-accordion {
	background: var(--bg-color);
	border-top: none;
}

.content ul li p, .br-accordion .collapse.show {
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 31px;
	padding: 0 20px;
}
  
.sim_left {
	width: 309px;
	border-radius: 20px;
	border: 1px solid #C0C0C0;
	background: #FFF;
	padding: 43px 37px 28px 37px;
}


.sim_left img {
	width: 110px; 
}
.sim_left p{
	font-size: 16px;
    font-weight: 700;
    margin: 8px 0;
    line-height: 18px; 
}

.sim_left h3 {
	color: var(--dark-black, #202020);
	text-align: center;
	font-family: Assistant;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 22px;
}

.sim_left {
	text-align: center;
}

.cat_last_text {
	margin-top: 110px;
}


.cat_last_content p {
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 31px;
}

.cat_last_content h3 {
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 31px;
}

.category_banner_area{
	position: relative;
}

.first_shape {
	position: absolute;
	top: -168px;
	width: 925px;
	left: -60px;
	z-index: -1;
}

.seceond_shape {
	position: absolute;
	top: 35px;
	right: -67px;
	width: 867px;
	z-index: -1;
}

.third_shape {
	position: absolute;
	top: 1079px;
	left: 0;
	width: 102px;
	z-index: -1;
}
.category_header .header_area {
  position: relative;
  z-index: 8;
}
.category_header .header_left ul li a {
  color: #202020;
  border-radius: 5px;
  border: 1px solid transparent;
}
.category_header .header_left ul li a:hover{
  border: 1px solid #202020; 
}
.header_area.category_header {
	margin: 15px 0;
	padding: 16px 0;
}

.header_top_boreder {
	border-radius: 10px !important;
	border: 1px solid var(--dark-black, #202020) !important;
}

.category_header  .nav-button #nav-icon3 span { 
	background: #202020; 
}

.category_header  .mobile_res { 
	align-items: center;
}

.category_header .header_text { 
	z-index: 9;
}

.cat_dorpdown::before { 
	background: url('../images/angle_black.png') no-repeat scroll 0 0 / contain; 
}



  /* ************************************************************* */
 /************************** Modal CSS *************************/
/* ************************************************************* */

.modal_third,
.modal_second,
.modal_first, .custom_modal {
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 5px 21px 0px rgba(73, 73, 73, 0.23);
	max-width: 983px;
	position: absolute;
	top: 2%;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 44px 62px;
	z-index: 99;
	width: 96%;
	display: none;
}

 .modal_second, .modal_first {
  position: fixed;
}

.modal_second {
	max-width: 849px; 
}

.modal_third{
	max-width: 1027px; 
}

.modal_first_content h4 {
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.modal_first_content h3 {
	color: var(--dark-black, #202020);
	font-family: Assistant;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.modal_button {
	margin-top: 113px;
}

.modal_sim img {
	width: 211px;
}

.modal_sim {
	text-align: center;
}

.modal_button button {
	border: none;
}



.btn_3 {
	border-radius: 9px;
	background: #268546;
	padding: 10px 0;
	width: 202.598px;
	color: #FFF;
	text-align: center;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	display: inline-block;
	transition: 0.3s;
}
.btn_3.with_image {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding: 5px;
  width: 100%;
}
.btn_3.with_image img {
  height: 25px;
  width: 25px;
}

.btn_3:hover{
	opacity: 0.83;
}

.modal_button {
	display: flex;
	gap: 18px;
}

.modal_remove {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}
.coupon_remove {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}

.single_modal_img{
  border-radius: 10px; 
}

.single_modal_img img {
	width: 162px;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: 0.3s;
}

.single_modal_img img:hover{ 
  border: 2px solid #606060;
  border-radius: 10px;
  opacity: 0.83;
}

.modal_row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.modal_second h4 {
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 38px;
}

.modal_two_btn {
	text-align: left;
	margin-top: 30px;
}

.modal_two_btn button {
	border: none;
	width: 202px;
}

.single_modal_img {
	margin-bottom: 18px;
	display: inline-block;
	cursor: pointer;
  
}

.modal_third .accordion-button {
	background-color: #fff !important;
	border: 1px solid #eee !important;
}

.modal_third .accordion-button:not(.collapsed) {
	background-color: #fff !important;
	border: 1px solid #eee !important;
}

.modal_third .accordion-body {
	background: #fff;
	border: 1px solid #dee2e6;
}

.modal_third  .accordion-button {
	color: var(--dark-black, #202020) !important;
	text-align: right;
	font-family: Assistant;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.content_modal_three > p {
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

.modal_third  .cat_btn {
	margin-right: 18px;
}

.modal_3_btn {
	margin-top: 55px;
	display: flex;
	justify-content: space-between;
}

.modal_3_btn button {
	border: none;
}

.btn_4 {
	width: 202.598px;
	border-radius: 9px;
	opacity: 0.8;
	background: #404040;
	color: #FFF;
	text-align: center;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	transition: 0.3s;
}

.btn_4:hover{
	opacity: 0.83;
}

.back_arrow {
	display: inline-block;
	font-size: 25px;
	/* position: absolute; */
	top: 0;
	right: 11px;
	padding: 5px;
	color: #000;
	background: transparent;
	color: var(--dark-black, #202020);
	text-align: right;
	font-family: Assistant;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 11px;
	/* margin-top: ; */
}

.mobile_block{
	display: none;
}

.back_arrow:hover{
  color: #000;
  background: transparent !important;
}



/* radio image  */

.image {
  opacity: 0.8; 
  background-position: center center; 
  display: inline-block;
  margin: 10px;
}

.radio-img {
	flex: 0 0 25%;
}

.image:hover {
  opacity: 1;
}

.radio-img > input {
  display: none;
}
.radio-img > .image {
	cursor: pointer;
    border: 2px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    background: #dfe4eb;
    max-width: 150px;
    min-width: 150px;
    max-height: 150px;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    min-height: 150px;
}
.radio-img > .image > img{
    object-fit: contain;
}
.radio-img > input:checked + .image {
	border: 2px solid rgb(34, 34, 34);
	border-radius: 17px;
  opacity: 0.83;
}

.cat_position_p img {
	width: 20px;
}

.cat_position_p {
	border-radius: 5px;
	background: #F7EAD1;
	box-shadow: 0px 16px 39px 0px rgba(73, 73, 73, 0.17);
	display: inline-block;
	padding: 3px 11px;
	color: #202020;
	text-align: center;
	font-family: Assistant;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	position: absolute;
	bottom: -23px;
	display: flex;
	align-items: center;
	gap: 5px;
	left: 0;
	right: 0;
	width: 93%;
	margin: 0 auto;
}

.d_none_desk{
	display: none;
}
.d_none_mobile {
	display: inline-block;
}

.cat_input_text {
	border: 1px solid #C9C9C9;
	padding: 11px 19px;
	max-width: 233px;
	display: inline-block;
	color: var(--dark-black, #202020);
	text-align: right;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	width: 100%;
	border-radius: 9px;
	margin-top: 12px;
}
.top_headerModalLeft.activeTab{
	background: #0089C3;
	color: white;
}
.register_modalFour{
	flex-direction: column;
}
#register_form_body{
	overflow: auto;
	max-height: 520px;
}
.mt-35px{
	margin-top: 35px;
}
.display-none{
	display: none;
}
.error{
	color: red;
    font-size: 12px;
}
.phone_number_example{
	font-size: 12px;
    margin: 3px;
    color: black;
}
.align-left{
	text-align:left;
}
input:read-only{
	background: #dfdfdf;
    pointer-events: none;
}
.success-message{
	color: green;
    font-size: 12px;
}
.eye-icon_password{
	display: flex;
	align-items: center;
	position: absolute;
	height: 100%;
	top: 15px;
	left: 12px;
	padding-right: 1px;
}
#register_from_popup.btn-style{
	padding: 14px;
}
#open_otp_again{
	margin: 0px; 
	font-size: 12px;
}
#accordion4-negative .accor_item button.header{
	padding: 12px;
}
.display_paramenter_icon{
	width: 18px;
}
.inner-page-slider{
	max-width: initial;
}
.inner-page-slider .slider-content{
	min-height: 500px;
	padding: 0;
}
.cat_single_ul p, .cat_single_ul b, .cat_single_ul i {
	color: #000000;
}

.cat_single_row{
	width: 100%;
}
.cat_single_row .cat_single_logo,.cat_single_row .cat_btn{
	width: 25%;
}
.cat_single_row .cat_single_ul{
	width: 60%;
}
.cat_single_row .cat_btn del{
    margin: 0 10px;
	font-size: 15px;
	color: red;
}

select.form-selection {
	-webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff;
    background-image: url(../images/angle_black.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 10px;
    border: 1px solid #BCBCBC;
    max-width: 304px;
    height: 54px;
    padding: 0 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
}
select.form-selection:focus {
	outline: 0;
	box-shadow: none;
	border-color: #BCBCBC;
}
.product_add_button{
	margin-top: 12px;
}
.phone_error{
	color: red;
    font-size: 12px;
}
.success_message{
	color: green;
    font-size: 12px !important;
}
.error_meesage{
	color: red;
    font-size: 12px !important;
}
.singleRadio input.cashback{
  border: 1px solid #aeaeae;
  display: inline-block;
  margin-bottom: 12px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  width: 125px;
  height: 44px;
  font-size: 24px;
}

.singleRadio .shekel-sign{
	border: none;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 27px;
    display: inline-block;
    border-radius: unset;
    font-weight: 600;
    background: #e6e9ef;
    margin-right: -45px;
    z-index: 1;
    position: relative;
    border-radius: 5px 0 0 5px;
    height: 42px;
}
.bottomfourModalGoogle{
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	border-radius: 9px;

	background-color: #ffffff;
    border: 1px solid #dee2e6;
}
.bottomfourModalGoogle > div{
	position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.bottomfourModalGoogle > div iframe{
	position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.bottomfourModalGoogle > div iframe body > div{
	width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0;
}
.g_id_signin > div > div > div {
    max-width: unset !important;
    min-width: min-content !important;
    width: 100% !important;
	height: 57px;
}
.bottomfourModalGoogle > div iframe body > div > div{
	width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border: unset;
	background: none;
	
}
.product_sale_price{
	font-size: 15px;
    color: grey;
    margin-left: 7px;
	margin-top: 9px;
}
.font-14px{
	font-size: 14px;
}
.success_modal_clear_button{
	display: flex;
    justify-content: center;
    margin: 18px;
}
.success_modal_clear_button a{
	color: red;
}
.payment-modal{
    height: 500px;
    max-height: 500px;
}
.custom_modal{
	position: fixed;
	
}
.term-modal,.term-modal2{
    max-height: 600px;
    overflow-y: scroll;
}
.success-payment-title{
	/* border-bottom: 1px solid rgb(222, 226, 230); */
	padding: 10px 0px;
}
.success-payment-content img{
	width: 36px;
    margin: 0 10px;
}
.success-payment-content a{
	color: white;
}
.success-payment-content p{
    font-size: 24px;
}
.success-payment-content h3{
	font-size: 34px;
}
.success-payment-content p,.success-payment-content h3{
	color: var(--dark-black, #202020);
    text-align: right;
    font-family: Assistant;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.success-payment-order_details{
	border-bottom: 1px solid rgb(222, 226, 230);
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.warning_color{
	color: #f0ad4e;;
}
.warning_bg_color{
	background: #f0ad4e;;
}
.error_color{
	color: red;
}
.error_bg_color{
	background: red;
}
.success_color{
	color: #039f03;
}
.success_bg_color{
	background: #039f03;
}
.black_bg_color{
	background:black;
}
.cashback.card-parent{
	margin: 45px 0;
}
.cashback.card-parent .card{
	height: 100%;
}
.cashback.card-parent .card-header{
	background: rgb(51 131 203);
    color: white;
}
.cashback.referrel.card-parent .card-header{
	background: rgb(53 56 60);
    color: white;
}
.cashback.card-parent .card table{
	width: 100%;
}
.cashback.card-parent .card table th,.cashback.card-parent .card table td {
    width: 17%;
    border-bottom: 1px dashed #dedede;
    padding: 10px 0;
}
.cashback.card-parent .card table th:first-child, .cashback.card-parent .card table td:first-child {
    width: 50%;
}
.referrel .card-body{
	text-align: center;
    margin: 15px 0;
}
.referrel .card-body button{	
    background: white;
    border: 1px dashed;
    font-size: 26px;
    padding: 14px 37px;
    margin: 6px 0;

}
.referrel .card-body .subtitle{	
	font-size: 22px;
    font-weight: 700;
}
.visible-xs{
	display: none;
}
.header_area{
	z-index: 1;
}
.success-payment button.btn_2{
	width: 230px;
}
.back_arrow_with_background{
	position: absolute;
}
.back_arrow_with_background i{
	background: #3383cb;
    padding: 12px 15px;
    border-radius: 36px;
    font-size: 23px;
    color: white;
    margin-top: 4px;
    margin-right: -3px;
}
.iframe_area{
	width: 58%;
    margin: 0 auto;
}
.iframe_area iframe{
	width: 100%;
    min-height: 1050px;
}
.whatsapp-btn-icon-footer{
	position: fixed;
  bottom: 15px;
  left: 80%;
  z-index: 9;
  width: 60px;
  height: 60px;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.whatsapp-btn-icon-footer img{
	height: 70px;
}
.reset-password-form .row{
	display: flex;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}
.reset-password-form .row .sign-in-rec-form{
	background: #ada9a93b;
    margin: 50px 0;
    padding: 67px 20px;
    width: 100%;
    border-radius: 28px;
}
.reset-password-form .row .sign-in-rec-form h1{
	font-size: 32px;
}
.reset-password-form .row .sign-in-rec-form p{
	font-size: 25px;
}
.reset-password-form .row .sign-in-rec-form .submit-btn{
	color: #fff !important;
    border-radius: 9px;
    background: #1C1C1C;
    text-align: center;
    font-family: Assistant;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-top: 37px;
    height: 49px;
}
.reset-password-form .row .sign-in-rec-form .modalFourInput{
	display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}
#login_form_body .modalFourInput {
    flex-direction: column;
    align-items: start;
}
body.trigger-position-left #enable-toolbar-trigger {
    left: 8px;
    top: -9px;
}
.card-icons-footer div{
	color: white;
    font-size: 16px;
}
.menu-footer{
    flex: 0 0 58%;
}
.menu-footer>.menu-div{
	flex: 0 0 43%;
    padding: 0px 19px;
}
.menu-footer ul{
	margin-bottom: 30px;
}
.rules_text a{
	text-decoration: underline;
	margin: 3px;
}
.rules_text a:hover{
	color: #094bac;
}
.register_terms input{
	pointer-events: auto;
	height: 18px !important;
    width: 18px;
}
.register_terms .termandcondition2{
	text-decoration: underline;
	margin: 0 10px;
	cursor: pointer;
}
.fourModalGoogle{
	margin-top: 25px;
}
.banner-button{
	justify-content: flex-start;
    background: white;
    border: 1px solid black;
    color: black;
    border-radius: 9px;
    min-width: 330px;
    display: flex;
    max-width: 330px;
    padding: 3px 5px;
    align-items: center;
    line-height: unset;
    font-weight: normal;
	font-size: 18px;
}
.banner_left a.banner-button:hover {
    background: #e6e6e6;
    color: #000000;
    border: 1px solid #fff;
}
a.banner-button div {
	min-width: 250px;
}
a.banner-button:before {
    content: '';
    background: url(/assets/images/banner-dropdown-mobile.svg) no-repeat center;
	height: 36px;
    width: 10%;
    display: block;
}
a.banner-button:after {
    content: '';
    background: url(/assets/images/arrow-back.svg) no-repeat center;
	height: 36px;
    width: 10%;
    display: block;
}
.history_modal{
	padding: 0;
	border-radius: 12px;
	max-width: 1000px;
  
}
.history_modal .modal_full_page{
	max-height: 800px;
  overflow-y: auto;
  min-height: 600px;
}
.history_modal .modal-header{
	height: 56px;
    padding: 0 15px;
	background-color: white;
	border-bottom: 1px solid #CBCFD5;
	border-radius: 12px 12px 0 0;
}
.history_modal .modal-header .terms-button{
	height: 30px;
	width: auto;
	border-radius: 9px;
    padding: 0 15px;
	background: #E6E9EF;
	font-size: 16px;
	font-weight: bold;
	border: none;
}
.history_modal .modal_row {
	background: #E6E9EF;
	border-radius: 0 0 12px 12px;
}
.history_modal .modal_row .top_phone_area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 40px;
}
.history_modal .modal_row .top_phone_area .description_area {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.history_modal .modal_row .top_phone_area .description_area h3{
	font-size: 24px;
    font-weight: bold;
}
.history_modal .modal_row .top_phone_area .description_area p{
	font-size: 19px;
    font-weight: normal;
}
.history_modal .modal_row .top_phone_area input{
	max-width: 350px;
    direction: ltr;
	font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    text-align: center !important;
}
.history_modal .modal_row .top_phone_area .history-submit{
	height: 44px;
    background: #1C1C1C;
    color: white;
    max-width: 350px;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 25px;
    font-weight: 600;
    font-size: 18px;
}
.history_modal .modal_row .top_phone_area .history-submit i{
	position: absolute;
    left: 16px;
}
.alert-info-found{
  display: flex;
  justify-content: space-between;
  background: #D8F3FF;
  max-width: 100%;
  margin: 20px;
  padding: 10px;
  max-height: 56px;
  border-radius: 10px;
  align-items: center;
  width: 100%;
}
.alert-info-found .alert_info_area{
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.alert-info-found .alert_info_area strong{
  font-size: 20px;
}
.alert-info-found .alert_info_area .alert_info_img{
  height: 25px;
  width: 25px;
  margin-top: -1px;
}
.alert-info-found .line-button{
  background: #D9F3FF;
  border: 1px solid #0089C3;
  border-radius: 9px;
  color: #0089C3;
  padding: 4px 15px;
  font-size: 16px;
  font-weight: bold;
  min-width: 140px;
}
.leftTopPayment .alert-info-found .alert_info_area{
  font-size: 18px;
}
.leftTopPayment .alert-info-found .line-button {
  background: #0089C3;
  border: 1px solid #0089C3;
  color: #ffffff;
  min-width: 100px;
}
.history_modal .brand_data{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 15px;
  text-align: center !important;
}
.history_modal .brand_data .brand_image{
  width: 60px;
  height: 60px;
}
.history_modal .brand_data .brand_title,
.history_modal .brand_data .brand_content
{
  text-align: center !important;
}
.history_modal .brand_data .brand_image img{
  max-height: 60px;
  max-width: 60px;
  width: auto;
  height: auto;
}
.history_modal .cat_tabs_div{
  display: flex;
    justify-content: center;
    width: 100%;
}
.history_modal .cat_tabs{
  display: flex;
  width: auto;
  overflow: auto;
  gap: 10px;
  padding: 30px 20px;
  justify-content: start;
  margin: 0 auto;
}
.history_modal .cat_tabs .cat_button{
  background: #E6E9EF;
  border-radius: 28px;
  padding: 4px 8px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  min-width: fit-content;
}
.history_modal .cat_tabs .cat_button.active_cat{
  background: #B8E8FF;
}
.history_modal .product_info{
  padding: 20px;
}
.history_modal .product_info .cat_single_item{
  padding: 26px 20px 33px 20px;
}
.history_modal .product_info .cat_single_item .btn_2{
  width: 100%;
}
.history_modal .product_info .cat_single_row .cat_single_logo,.history_modal .product_info .cat_single_row .cat_btn{
    width: 28%;
}
.history_modal .product_info .cat_btn{
  margin-right: 20px;
}
.history_modal .all_brands{
  padding: 0 20px;
}
.history_modal .all_brands h4{
  margin-bottom: 10px;
}
.history_modal .all_brands .all_brands_div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  padding: 0px;
  gap: 20px;
  margin-bottom: 30px;  
}
.history_modal .all_brands .all_brands_div .radio-img{
  flex:0;
}
.history_modal .all_brands .all_brands_div .radio-img > .image{
  max-width: 135px;
  min-width: 135px;
  max-height: 135px;
  margin: 0;
}
.history_modal .old_order_area{
  background: white;
  border-top: 1px solid black;
  width: 100%;
}
.history_modal .old_order_area .history_orders_wrap {
  margin-right: auto;
    flex-direction: row;
    padding: 0px;
    gap: 20px;
    white-space: nowrap;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    padding-right: 15px;
    position: relative;
    padding-left: 15px;
    display: flex;
    padding-bottom: 35px;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 200px;
  min-height: 300px;
  background: #FFFFFF;
  box-shadow: 0px 5px 21px rgba(73, 73, 73, 0.23);
  border-radius: 12px;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .top_area{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 15px;
  gap: 0;
  width: 200px;
  height: 82px;
  border-bottom: 1px solid #CFD2D7;
  border-radius: 12px 12px 0px 0px;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 185px;
    height: 23px;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 5px;
  font-size: 15px;
  line-height: 15px;
  position: relative;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification:hover .parameter_area{
  display: contents !important
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification .parameter_area:before{
  content: '';
  background: url('/assets/images/polygon.png') no-repeat scroll 0 0 / contain; 
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification:hover .parameter_area.is_active_area{
  display: contents !important
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification .info_icon{
  max-width: 20px;
}
.history_modal .old_order_area{
  padding: 20px;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status{
  font-size: 13px;
  font-weight: bold;
  border: none;
  border-radius: 28px;
  padding: 0 7px;
  height: 23px;
}
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.success_bg_color,
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.error_bg_color,
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.warning_bg_color,
.history_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.black_bg_color
{
  color: white;
}
.history_modal .bottom_area{
  padding: 15px;
  width: 100%;
}
.history_modal .bottom_area .history_image{
  height: 42px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.history_modal .bottom_area .history_image img{
  max-height: 42px;
  max-width: 100px;
  width: auto;
}
.history_modal .bottom_area .order_detail_data_wrap{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.history_modal .bottom_area .order_detail_data_wrap .order_detail_data {
  display: flex;
  width: 100%;
  gap: 10px;
}
.history_modal .bottom_area .order_detail_data_wrap .order_detail_data .data_image {
  width: 15px;
  height: 15px;
}
.history_modal .parameter_area .displaay_parameter {
    color: white;
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 5px;
    min-height: 162px;
    left: 0px;
    top: 30px;
    box-sizing: border-box;
    position: absolute;
    width: 187px;
    background: #1c1c1c;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.history_modal .parameter_area .displaay_parameter li{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 123px;
  flex: none;
  order: 3;
  flex-grow: 0;
  font-size: 18px;
}
.history_modal .parameter_area .displaay_parameter li .img-div{
    width: 18px;
    height: 18px;
}
.history_modal .parameter_area .displaay_parameter li i{
    font-size:18px;
}
.history_modal .add_tocart_direct{
    font-size:18px;
    font-weight:bold;
}
.history_modal .old_order_area h4{
  padding-bottom: 10px;
}
.accordion-item .accordion-header .accordion-button.collapsed{
  border-bottom: 1px solid black;
  border-radius: 0;
}
.accordion-item .accordion-header .accordion-button:not(.collapsed){
  border-bottom: none;
}
.subaccordion-item{
  width: calc(100% - 24px);
  margin: 35px 12px 20px 12px ;
  border-radius: 8px;
  border: 0.5px solid #aeaeae !important;
  padding: 0;
}
.subaccordion-item .accordion-header{
  border-radius: 0;
}
.subaccordion-item .accordion-header .accordion-button.collapsed{
  border-bottom: none;
  border-radius: 0;
}
.subaccordion-item .accordion-header .accordion-button:not(.collapsed){
  border-bottom: 0.5px solid #aeaeae !important;
  border-radius: 0;
}
.subaccordion-item .accordion-header .accordion-button {
  padding: 0.6rem;
}
.subaccordion-item .accordion-header .accordion-button p {
  font-size: 24px;
  font-weight: 500;
}
.tab_detail{
  border-bottom: 1px solid #c9c9c9;
}

.tab_detail .tab_detail_header{
  border-bottom: 1px solid black;
    background-color: #00000000 !important;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
.tab_detail .tab_detail_header p {
  font-size: 24px;
  font-weight: 700;
  color: #000 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.tab_detail .tab_detail_header p  .accordian_number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 2px;
  width: 24px;
  height: 24px;
  background: #E6E9EF;
  border-radius: 12px;
  opacity: 0.5;
  margin: 0;
}
.singleItemAccordion{
  margin: 15px 0 0 0;
}
.checked_accodian_number{
  height: 24px;
  width: 24px;
  display: flex;
}
.checked_accodian_number img{
  max-width: 24px;
  max-height: 24px;
}
.customer_data{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0px 20px 20px 20px;
}
.btn_complete-payment,.btn_complete-payment:hover{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 350px;
  height: 44px;
  background: #268546;
  border-radius: 9px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
}
.btn_complete-payment i{
  font-size: 20px;
}
.tab_detail .PaymentCashBody .singleRadio{
    display: flex;
    gap: 10px;
}
.tab_detail .PaymentCashBody .singleRadio label{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.payment_method .PaymentCashBody .singleRadio label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.payment_method .PaymentCashBody .singleRadio label .radio-payment-wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}
.tab_detail .PaymentCashBody .singleRadio label .radio_image{
  height: 30px;
}
.tab_detail .PaymentCashBody .singleRadio label .radio_image img{
  max-height: 30px;
}
.cashback_accordion{
  margin-top: 0;
  padding-top: 0;
}
.cashback_accordion .alert-info-found{
  margin: 0;
}
.already_choose_payment_method{
  display: flex;
  justify-content: space-between;
  padding: 0px 15px 5px 15px;
  align-items: center;
}
.already_choose_payment_method .area_of_image{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
.already_choose_payment_method .radio_image{
  height: 30px;
}
.already_choose_payment_method .radio_image img{
  max-height: 30px;
}
.coupon_modal {
  max-width: 350px;
  position: absolute;
  top: 410px !important;
  right: 446px;
  left: 0;
}
.cashback_modal, .coupon_modal {
  padding: 15px;
}
.cashback_modal .back_arrow, .coupon_modal .back_arrow {
  justify-content: flex-end;
}
.coupon_modal .PaymentCashBody > h3,
.cashback_modal .PaymentCashBody > h3{
  font-size: 24px;
  font-weight: bold;
}
.coupon_modal .PaymentCashBody > h3,
.cashback_modal .PaymentCashBody > h3,
.cashback_modal .PaymentCashBody > h4,
.coupon_modal .PaymentCashBody > h4,
.cashback_modal .PaymentCashBody > p{
  text-align: center !important;
} 
.cashback_modal .PaymentCashBody h4 {
  margin-bottom: 0;
  margin-top: 15px;
}
.cashback_modal .accordionBtn .btn-style{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  max-width: 500px;
  margin: 0 auto;
}
.information_about_payment{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  gap: 70px;
  width: 100%;
  height: 48px;
  background: #E6E9EF;
  border-radius: 9px;
  margin-top: 15px;
}
.information_about_payment .simcard_info{
    display: flex;
    gap: 15px;
}
.information_about_payment .simcard_info .image_info{
  height: 18px;
  width: 18px;
}
.information_about_payment .simcard_info .image_info img{
  max-width: 18px;
}
.edit_area{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 2px;
  width: 40px;
  height: 40px;
  background: #E6E9EF;
  border-radius: 30px;
  opacity: 0.8;
  margin: 0;
  cursor: pointer;
  min-width: 40px;
}
.edit_area img{
  max-width: 20px;
}
.coupon_area{
  position: relative;
}
.coupon_modal{
  padding: 15px;
  position: absolute;
  top: 35px;
  border-radius: 15px;
}
.coupon_modal .PaymentCashBody .singleRadio{
  border: unset;
  padding: 0;
  margin: 0;
}
.coupon_modal .PaymentCashBody .singleRadio label{
  margin: 0;
  padding: 4px;
  font-weight: 100;
}
.coupon_modal .PaymentCashBody .singleRadio input{
  margin: 0 !important;
}
.coupon_modal .PaymentCashBody .accordionBtn .btn-style{
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
  padding: 6px 0;
}
.coupon_modal .PaymentCashBody .accordionBtn .btn-style i{
  font-size: 20px;
}
.coupon-btn ,.coupon-btn:hover{
  color: #0089C3;
  font-size: 18px;
  text-decoration: underline;
}
.coupon_discount{
  color: #268546 !important;
}
.history_modal .alert-info-found {
  width: 95%;
}
.cashback_modal .singleRadio p {
  padding-bottom: 3px;
}
.leftTopPayment.mobile_only{
  display: none;
}
.simcard_info_lock{
  display: none !important;
}
.payment_area_for_mobile{
  display: none;
}
.cashback_accordion .alert-info-found .line-button {
  background: #0089C3;
  border: 1px solid #0089C3;
  color: #D9F3FF;
}
.cashback_accordion .alert-info-found .alert_info_area {
  font-size: 18px;
  font-weight: 700;
}
.cashback_accordion .alert-info-found .alert_info_area strong {
    font-size: 24px;
    color: #0089c3;
}


.bot_modal{
	padding: 0;
	border-radius: 12px;
	max-width: 500px;
  bottom: 10px;
  top: unset;
  right: 15px;
  left: unset;
}
.bot_modal .modal_full_page{
	max-height: 800px;
  overflow-y: auto;
  min-height: 600px;
}
.bot_modal .modal-header{
	height: 68px;
    padding: 0 15px;
	background-color: white;
	border-bottom: 1px solid #CBCFD5;
	border-radius: 12px 12px 0 0;
}
.bot_modal .modal-header .terms-button{
	height: 30px;
	width: auto;
	border-radius: 9px;
    padding: 0 15px;
	background: #E6E9EF;
	font-size: 16px;
	font-weight: bold;
	border: none;
}
.bot_modal .modal_row {
	background: #E6E9EF;
	border-radius: 0 0 12px 12px;
}
.bot_modal .modal_row .top_phone_area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 40px;
}
.bot_modal .modal_row .top_phone_area .description_area {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.bot_modal .modal_row .top_phone_area .description_area h3{
	font-size: 24px;
    font-weight: bold;
}
.bot_modal .modal_row .top_phone_area .description_area p{
	font-size: 19px;
    font-weight: normal;
}
.bot_modal .modal_row .top_phone_area input{
	max-width: 350px;
    direction: ltr;
	font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    text-align: center !important;
}
.bot_modal .modal_row .top_phone_area .history-submit{
	height: 44px;
    background: #1C1C1C;
    color: white;
    max-width: 350px;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 25px;
    font-weight: 600;
    font-size: 18px;
}
.bot_modal .modal_row .top_phone_area .history-submit i{
	position: absolute;
    left: 16px;
}
.bot_modal .brand_data{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 15px;
  text-align: center !important;
}
.bot_modal .brand_data .brand_image{
  width: 60px;
  height: 60px;
}
.bot_modal .brand_data .brand_title,
.bot_modal .brand_data .brand_content
{
  text-align: center !important;
}
.bot_modal .brand_data .brand_image img{
  max-height: 60px;
  max-width: 60px;
  width: auto;
  height: auto;
}
.bot_modal .cat_tabs_div{
  display: flex;
    justify-content: center;
    width: 100%;
}
.bot_modal .cat_tabs{
  display: flex;
  width: auto;
  overflow: auto;
  gap: 10px;
  padding: 30px 20px;
  justify-content: start;
  margin: 0 auto;
}
.bot_modal .cat_tabs .cat_button{
  background: #E6E9EF;
  border-radius: 28px;
  padding: 4px 8px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  min-width: fit-content;
}
.bot_modal .cat_tabs .cat_button.active_cat{
  background: #B8E8FF;
}
.bot_modal .product_info{
  padding: 20px;
}
.bot_modal .product_info .cat_single_item{
  padding: 26px 20px 33px 20px;
}
.bot_modal .product_info .cat_single_item .btn_2{
  width: 100%;
}
.bot_modal .all_brands{
  padding: 0 20px;
}
.bot_modal .all_brands h4{
  margin-bottom: 10px;
}
.bot_modal .all_brands .all_brands_div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  padding: 0px;
  gap: 20px;
  margin-bottom: 30px;  
}
.bot_modal .all_brands .all_brands_div .radio-img{
  flex:0;
}
.bot_modal .all_brands .all_brands_div .radio-img > .image{
  max-width: 135px;
  min-width: 135px;
  max-height: 135px;
  margin: 0;
}
.bot_modal .old_order_area{
  background: white;
  border-top: 1px solid black;
  width: 100%;
}
.bot_modal .old_order_area .history_orders_wrap {
  margin-right: auto;
    flex-direction: row;
    padding: 0px;
    gap: 20px;
    white-space: nowrap;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    padding-right: 15px;
    position: relative;
    padding-left: 15px;
    display: flex;
    padding-bottom: 35px;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 200px;
  min-height: 300px;
  background: #FFFFFF;
  box-shadow: 0px 5px 21px rgba(73, 73, 73, 0.23);
  border-radius: 12px;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .top_area{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 15px;
  gap: 0;
  width: 200px;
  height: 82px;
  border-bottom: 1px solid #CFD2D7;
  border-radius: 12px 12px 0px 0px;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 185px;
    height: 23px;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 5px;
  font-size: 15px;
  line-height: 15px;
  position: relative;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification:hover .parameter_area{
  display: contents !important
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification .parameter_area:before{
  content: '';
  background: url('/assets/images/polygon.png') no-repeat scroll 0 0 / contain; 
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification:hover .parameter_area.is_active_area{
  display: contents !important
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .specification .info_icon{
  max-width: 20px;
}
.bot_modal .old_order_area{
  padding: 20px;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status{
  font-size: 13px;
  font-weight: bold;
  border: none;
  border-radius: 28px;
  padding: 0 7px;
  height: 23px;
}
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.success_bg_color,
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.error_bg_color,
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.warning_bg_color,
.bot_modal .old_order_area .history_orders_wrap .order_history_single .info_area .order_status.black_bg_color
{
  color: white;
}
.bot_modal .bottom_area{
  padding: 15px;
  width: 100%;
}
.bot_modal .bottom_area .history_image{
  height: 42px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.bot_modal .bottom_area .history_image img{
  max-height: 42px;
  max-width: 100px;
  width: auto;
}
.bot_modal .bottom_area .order_detail_data_wrap{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bot_modal .bottom_area .order_detail_data_wrap .order_detail_data {
  display: flex;
  width: 100%;
  gap: 10px;
}
.bot_modal .bottom_area .order_detail_data_wrap .order_detail_data .data_image {
  width: 15px;
  height: 15px;
}
.bot_modal .parameter_area .displaay_parameter {
    color: white;
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 5px;
    min-height: 162px;
    left: 0px;
    top: 30px;
    box-sizing: border-box;
    position: absolute;
    width: 187px;
    background: #1c1c1c;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.bot_modal .parameter_area .displaay_parameter li{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 123px;
  flex: none;
  order: 3;
  flex-grow: 0;
  font-size: 18px;
}
.bot_modal .parameter_area .displaay_parameter li .img-div{
    width: 18px;
    height: 18px;
}
.bot_modal .parameter_area .displaay_parameter li i{
    font-size:18px;
}
.bot_modal .add_tocart_direct{
    font-size:18px;
    font-weight:bold;
}
.bot_modal .old_order_area h4{
  padding-bottom: 10px;
}
.agent_area{
  display: flex;
  align-items: center;
  gap: 10px;
}
.agent_area .agent_image{
  max-width: 50px;
  max-height: 50px;
  border-radius: 100px;
}
.agent_area .agent_image img{
  border-radius: 100px;
}
.modal-info_wrapper{
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
  align-items: center; 
}

.bot_modal .dropdown-toggle {
  background-color: #fff !important;
  color: #05476E !important;
}
.bot_modal .back_arrow, .bot_modal .back_arrow:hover{
    background: rgb(98, 181, 255) !important;
    color: white !important;
    border-radius: 39px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
}
.bot_modal .right_area_header{
  display: flex;
}
.bot_modal .cat_single_row {
  width: 100%;
}
.bot_modal .cat_single_row .cat_single_logo {
  display: none;
}

.bot_modal .cat_single_row .cat_single_ul{
  width: 100%;
}

.bot_modal .cat_single_item h3 {
  margin-bottom: 10px;
  flex: 0 0 80%;
}
.bot_modal .flexSingleItem {
  display: flex;
  width: 100%;
}
.bot_modal .flexSingleItem .cat_single_logo {
  margin-bottom: 10px;
  display: block;
}
.bot_modal .flexSingleItem .cat_single_logo img{
  width: 70px;
  margin-left: 10px;
}


.bot_modal .top_box {
  left: 0;
  right: 0px;
}
.bot_modal .cat_single_row { 
  display: inherit;
  width: 100%;
}
.bot_modal .cat_single_ul { 
  position: relative;
  border: 2px dashed #D0D0D0;
  padding: 17px 0;
  width: 100% !important;
  border-left: none;
  border-right: none; 
  padding-right: 0px;
}
.bot_modal .cat_single_ul ul {
  column-gap: 4%;
  padding-right: 0px;
  border: none;
}
.bot_modal .cat_single_row .cat_btn {
  width: 90%;
  margin: 0;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.bot_modal  .cat_btn h2 {
  text-align: center;
  padding: 11px 0 2px 0;
  font-size: 31px;
}
.bot_modal .cat_btn h2 span{
  font-size: 20px;
}
.bot_modal .product_add_button {
  width: 100%;
  min-width: 233px;
  display: flex;
  justify-content: center;
}
.bot_modal .d_none_mobile {
  display: none;
}
.bot_modal .d_none_desk {
  display: block;
}
.bot_modal .edited_number{
  border-radius: 10px;
  border: 1px solid red;
  margin: 10px 9%;
  padding: 0;
}
.bot_modal .edited_number .edited_number_wrap{
  display: flex;
  justify-content: space-between;
  padding: 3px 15px;
}
.bot_modal .edited_number .edited_number_wrap .edit_brand_area{
  display: flex;
  align-items: center;
  gap: 22px;
}
.bot_modal .edited_number .edited_number_wrap .edit_brand_area .edit_brand_area_img{
  width: auto;
  max-height: 35px;
  max-width: 40px;
}
.bot_modal .edited_number .edited_number_wrap .edit_brand_area .edit_brand_area_name{
  font-size: 20px;
  font-weight: bold;
}
.bot_modal .edited_number .edited_number_wrap .edit_number_area{
  display: flex;
  align-items: center;
  font-size: 22px;
  margin: 0 5%;
}
.bot_modal .edited_number .edited_number_wrap .edit_number_area.with_price{
  margin: 0;
  gap: 6px;
}
.bot_modal .edited_number .edited_number_wrap .edit_number_area.with_price .detail_price{
  font-weight: bold;
  font-size: 20px;
}
.bot_modal .bot_body_area{
  height: calc(70vw - 160px);
  max-height: 700px;
  overflow-y: auto;
}
.bot_modal .chat_area {
  margin: 0 20px 70px 20px;
}
.bot_modal .agent_details {
  display: flex;
  gap: 15px;
  align-items: center;
}
.bot_modal .agent_details .single_chat_image_area{
  max-width: 30px;
  height: 30px;
}
.bot_modal .agent_details  .single_chat_image_area img{
  border-radius: 20px;
}
.bot_modal .agent_details  .agent_name{
  font-weight: 600;
}

.bot_modal .single_chat{
  position: relative;
}
.bot_modal .single_chat .info_icon{
  width: 25px;
  position: absolute;
  top: 50%;
}
.bot_modal .single_chat .info_icon .img{
  width: 25px;
}

.bot_modal .second_message .single_chat_text_area,
.bot_modal .single_chat_text_area{
  max-width: 74%;
  margin: 5px 38px;
  background: #D8F3FF;
  padding: 9px 20px;
  border-radius: 20px;
  display: inline-block;
}
.bot_modal .reply{
  display: flex;
  justify-content: end;
  width: 100%;
}
.bot_modal .reply .single_chat_text_area{
  background: #62b5ff;
  color: #ffffff;
  margin: 5px 0;
}
.bot_modal .button_area_div{
  width: 75%;
  display: flex;
  gap: 6%;
  margin: 10px 38px 5px 38px;
}
.bot_modal .button_area_div.full_with_button{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bot_modal button.btn_3.button_area {
  padding: 5px 0;
  width: 45% !important;
  border: none;
}
.bot_modal button.btn_3.button_area.not_approve {
  background: #ed3535;
}
.bot_modal .button_area_div.full_with_button button.btn_3.button_area{
  width: 100% !important;
}
.bot_modal .phone_number_area{
  width: 75%;
  margin: 5px 38px 5px 38px;
}
.bot_modal .single_button.button_area_div button{
  width: 100% !important;
}
.bot_modal .nunmber_validation_area{
  border: 1px solid black;
  width: 50%;
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 12px;
  margin: 0px 20% 0 20%;
}
.bot_modal .nunmber_validation_area span{
  color: #268546;
  font-size: 20px;
}
.bot_modal .detail_area{
  margin: 0 5%;
}
.bot_modal .order_detail_area{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 10px 0;
}
.bot_modal .order_detail_area .single_detail_area{
  margin: 0 5%;
  border-radius: 12px;
  padding: 12px;
}
.bot_modal .order_detail_area .single_detail_area.success_detail{
  border: 2px solid #268546;
  background: #00e14c45;
}
.bot_modal .order_detail_area .single_detail_area.error_detail{
  border: 2px solid #ed3535;
  background: #e7000029;
}
.bot_modal .order_detail_area .single_detail_area .top_detail_area{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bot_modal .order_detail_area .single_detail_area .top_detail_area .brand{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15px;
}
.bot_modal .order_detail_area .single_detail_area .top_detail_area .brand .brand_logo{
  width: auto;
  max-height: 35px;
  max-width: 40px;
}
.bot_modal .order_detail_area .single_detail_area .top_detail_area .brand .brand_name{
  font-size: 20px;
  font-weight: bold;
}
.bot_modal .order_detail_area .single_detail_area .top_detail_area .detail_number{
  display: flex;
  align-items: center;
  font-size: 22px;
  margin: 0 5%;
}
.bot_modal .order_detail_area .single_detail_area .top_detail_area .detail_price{
  display: flex;
  align-items: center;
  font-size: 25px;
  margin: 0;
  font-weight: bold;
}
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .success_area{
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  color: #268546;
  background: white;
  width: fit-content;
  margin: 0 auto;
  padding: 0 16px;
  border-radius: 11px;
}
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .error_area{
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  color: #ed3535;
  background: white;
  width: fit-content;
  margin: 0 auto;
  padding: 0 16px;
  border-radius: 11px;
}
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .error_area span{
  color: #ed3535;
}
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .error_description{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 5px 0 0 0;
}
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .error_description .error_description_1,
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .error_description .error_description_2{
  font-size: 16px;
  line-height: 16px;
}
.bot_modal .order_detail_area .single_detail_area .bottom_detail_area .error_description .edit_order button{
  width: fit-content;
  padding: 5px 10px;
  display: flex;
  gap: 10px;
  border: none;
  font-size: 15px;
  align-items: center;
}
.bot_modal .order_detail_area .detail_area .detail_area_wrap{
  display: flex;
  gap: 12px;
}
.bot_modal .order_detail_area .detail_area .detail_area_wrap .image_wrap i{
  font-size: 55px;
  color: #268546;
}
.bot_modal .order_detail_area .detail_area .detail_description .detail_description_1{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #268546;
}
.bot_modal .order_detail_area .detail_area .detail_description .detail_description_2{
  color: #268546;
  font-size: 18px;
  line-height: 18px;
}
.bot_modal .order_detail_area .detail_area .detail_description .detail_description_3{
  font-size: 18px;
}
.bot_modal .order_detail_area .detail_area .detail_description .detail_description_4{
  font-size: 18px;
    line-height: 17px;

}
.bot_modal .button_area_div.more_buttons{
  gap: 2%;
}
.bot_modal .button_area_div.more_buttons .black_buttons{
  border: unset;
  padding: 3px 0px;
  font-size: 13px;
  line-height: 14px;
}
.bot_modal .selected_brand{
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  width: 60%;
  margin: 15px 35px;
  padding: 0 15px;
  gap: 20px;
}
.bot_modal .selected_brand .brand{
  max-width: 40px;
  height: 40px;
}
.bot_modal .choose_radio {
  margin: 0 38px 0 0;
}
.bot_modal .choose_radio .singleRadio {
    margin: 9px 0;
    padding: 0 10px 0 2px;
}
.bot_modal .choose_radio .singleRadio label{
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
}
.bot_modal .choose_radio .singleRadio label .radio-payment-wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.bot_modal .choose_radio .singleRadio label .radio-payment-wrap .product__name{
  line-height: 16px;
}
.bot_modal .choose_radio .singleRadio label .radio-payment-wrap .radio_image{
  display: flex;
  align-items: center;
  font-size: 25px;
  margin: 0;
  font-weight: bold;
}
.bot_modal .product__detail{
  display: flex;
  flex-wrap: wrap;
  border-top: 1px dashed;
  padding-top: 10px;
}
.bot_modal .product__detail li {
  display: flex;
  width: 50%;
  gap: 10px;
}
.bot_modal .product__detail li i {
  font-size: 16px;
}
.bot_modal .product__detail li p {
  font-size: 14px;
}
.bot_modal .languages_area .dropdown-menu.show {
  min-width: 87px;
}
.bot_modal .languages_area .dropdown-menu.show li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.bot_modal .languages_area .dropdown-menu.show li a img {
  box-shadow: 3px 0px 6px 1px rgba(73, 73, 73, 0.23);
  padding: 0;
}
.bot_modal .choose_radio.with_image .radio-payment-wrap{
  width: 100%;
}
.bot_modal .choose_radio.with_image .radio-payment-wrap .radio_image{
  max-width: 120px;
}
.bot_modal .choose_radio.with_image .radio-payment-wrap .radio_image img{
  max-height: 25px;
}
.bot_modal .explaining_button{
  color: #cd6901;
  border: none;
  border-radius: 22px;
  padding: 3px 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: white;
}
.bot_modal .edited_number.success_edit_number{
  border: 1px solid #268546;
}
.close_button {
  background: grey;
}
.red_button {
  background: red;
}
.bot_modal .phone_number_area input {
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 5px;
  text-align: center !important;
}
.when_order_with_no_success{
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 30px;
  padding: 20px;
  line-height: 35px;
  flex-direction: column;
  gap: 15px;
}
.when_order_with_no_success .single_chat .full_with_button{
  margin: 0;
  min-width: 300px;
}
.button_in_bottom{
  position: fixed;
    z-index: 111;
    color: white;
    background: rgb(98, 181, 255) !important;
    border: 1px solid white;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    font-size: 25px;
    right: 10px;
    bottom: 20px;
    box-shadow: rgb(149 157 165) -3px 10px 16px;
}
.before-load-wrapper{
  display: flex;
  justify-content: center;
}
.before-load-wrapper .when_order_with_no_success{
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0px 32%;
  font-size: 22px;
  top: 30px;
  line-height: 24px;
  text-align: center !important;
}
.before-load-wrapper .before-load{
  height: 320px;
  width: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multi-topup-product .flexSingleItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.multi-topup-product .flexSingleItem .cat_single_logo{
  display:block;
  position: absolute;
  left: 20px;
  height: auto;
  margin: 0;
  width: auto !important;
  top: 2px;
}
.multi-topup-product .cat_single_logo {
  display: none;
}
.multi-topup-product .cat_single_ul ul {
  border-left: unset;
  border-right: unset;
  padding-left: 0;
  padding: 0px 10px 0px 0;
  gap: 6px;
}
.multi-topup-product .cat_single_row .cat_btn {
  width: 50%;
  min-height: 250px;
}
.multi-topup-product .cat_single_ul ul li{
  background: #f8f8f8;
  height: 90px;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex: 0 0 49%;
  margin: 0;
}
.multi-topup-product .cat_single_ul ul li .icon_area{
  display: flex;
  align-items: center;
  gap: 10px;
}
.multi-topup-product .cat_single_ul ul li .content_area b{
  font-size: 20px;
}
.multi-topup-product .product_add_button{
  width: 100%;
}
.multi-topup-product .cat_single_row .cat_btn del{
  color: #ffffff;
  font-size: inherit;
  margin: 0 3px;
}
.multi-topup-product .cat_btn h2{
  display: none;
}
.multi-topup-product .save_per_month{
  font-size: 14px;
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 800;
  margin-top: 9px;
  color: #6a6a6a;
  height: 21px;
}
.multi-topup-product .save_per_month_bottom{
  margin-top: -4px;
}
.multi-topup-product .multi-button{
  display: flex;
  justify-content: center;
  gap: 20px;
}
.multi-topup-product .cat_input_text{
  width: 100%;
  max-width: 100%;
}
.history_modal .product_info .multi-topup-product  .cat_single_row .cat_btn{
  width: 50%;
}
.select_validity{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
  margin-bottom: 10px;
  font-weight: 900;
  justify-content: start;
  direction: rtl;
}
.select_validity img{
  height: 30px;
  width: 30px;
}
.slider-labels span{
  line-height: normal !important;
  gap: 4px;
  background: none !important;
}
.slider-labels span img{
  height: 25px;
  width: 25px;
}
.order_detail_how_many_days{
  background: green;
  color: white;
  border-radius: 13px;
  padding: 2px 10px;
  font-size: 13px;
  display: inline-block;
}
.multi-topup-product .cat_single_logo {
  height: 100%;
  flex: unset;
  width: unset;
}
.multi-topup-product .cat_single_logo img {
  margin-left: 20px;
  max-height: 80px;
  width: auto;
}
.subscriber-slider-wrapper { 
  margin: 10px 20px; 
  position: relative; 
  z-index: 0 !important; 
  pointer-events: auto !important; 
  width: 90%;
  border-radius: 999px;
  position: relative;
  margin: 20px 20px;
  direction: rtl;
}
.subscriber-slider {
  
  position: relative !important;
  z-index: 0 !important;
  pointer-events: auto !important;
  
  width: 100%;
 
 
  opacity: 0.9;
 
  -webkit-transition: .2s;
  transition: opacity .2s;
   
  -webkit-appearance: none;
  appearance: none; 
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 15px;
  background: #ccc;
}
.cat_btn select {
  z-index: 1 !important;
  position: relative;
}
.subscriber-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 25px;
  height: 25px;
  background: #955b00;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  position: relative;
}
.subscriber-slider::-webkit-slider-thumb::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-image:
      radial-gradient(white 20%, transparent 21%),
      radial-gradient(white 20%, transparent 21%),
      radial-gradient(white 20%, transparent 21%);
  background-size: 6px 6px;
  background-position: 0 0, 6px 0, 3px 6px;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}
.slider-labels {     
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  margin-top: 2px;
}
.slider-labels span {     
  display: flex;
  justify-content: center;
  width: 1px;
  height: 10px;
  background: #d3d3d3;
  line-height: 40px;
  color: #595959;
  font-weight: 700;
  font-size: 18px;
}
.slider-labels .active-label {    
  font-weight: bold;
  color: black; 
  }
  .tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip-box {
  display: none;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  color: #000000;
  padding: 10px;
  border-radius: 6px;
  font-size: 13px;
  z-index: 1000;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  width: 240px;
  text-align: right;
}

.tooltip-box strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  margin: 0;
}
.tooltip-box small {
  font-weight: 100;
}

.tooltip-wrapper:hover .tooltip-box {
  display: block;
}
.price_in_product{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 37px;
  font-weight: 900;
  line-height: 35px;
}
.price_in_product .currency{
  font-size: 25px;
}
.multi-topup-product .cat_single_row .cat_btn .price_in_product del{
  font-size: 18px;
  color: grey;
  line-height: 10px;
  height: 10px;
}
.multi-topup-product .product_sale_price{
  margin: 0 !important;
}