body{
    font-size: 16px;    
font-family: 'IBM Plex Sans Arabic', sans-serif;
    
}
h1, h2 ,h3, h4, h5, h6, p, span, a ,li{
    font-family: 'IBM Plex Sans Arabic', sans-serif;

}
.profile-page{
    background: #EAECF3;
}

.trial-subscripe-bg{
    background: #070AAD;
    background-image: url('../../img/profile/free_trial_bg.svg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.wrapper {
  min-height: 100%;
  margin-bottom: -100px;
}

.content {
  min-height: 80vh;
}


.pattern-bg {
    background-image: url('../../img/profile/Pattern.svg');
    background-repeat: no-repeat;
    background-position: center;
}
.order_details_pattern-bg {
    background-image: url('../../img/profile/order/order_details_bg.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 161px;
}
.order_details_pattern-bg-cancel {
    background-image: url('../../img/profile/order/order_details_bg_cancel.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 112px;
}

.order_details_pattern-bg-success {
    background-image: url('../../img/profile/order/order_details_bg_success.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 112px;
}

.order_details_pattern-bg-process {
    background-image: url('../../img/profile/order/order_details_bg_process.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 161px;
}


.main-image {
  position: relative;
  z-index: 1;
}

.profile_img{
    border-radius: 50%;
}

.package-card{
    border-radius: 10px;
    padding:16px 16px 16px 16px;
}
.package-card h6{
    color:#1F305B;
    font-size: 15px;
    font-weight:400;
    line-height:22.5px;
}
.package-card  h1{
    color:#090B25;
    font-size: 40px;
}
.package-card .current-plan{
    display: block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 24px;
    width: 100%;
    height: 58px;
    background: rgba(203, 208, 220, 0.3);
    border-radius: 10px;

}
.current-data ul li{
    list-style:none;
    display:flex;
  
    
}
.current-data .row{
    width:100%;
    
}
.current-data ul li img{
    height:24px;
}
.current-data ul li span{

      color:#152243;
    font-size:15px;
    line-height:22px;
    text-align:right;
    margin-right:6px;
}
.package-card .form-control {
    padding: 16px !important;
  
    border: 2px solid #fff !important;
 
    background: #070AAD0D !important;
    color: #3342F2;
}
.accordion-card .card-header{
    background-color: #070AAD0D;
padding: 16px !important;
 color: #3342F2;
 border:0px;
 height:55px;
 border-radius: 8px;
 cursor: pointer;

}


.check-cards .card {
    border-radius: 10px;
    position: relative;
    border: 1px solid #DADEE8;
    padding: 16px 12px 16px 12px;
    cursor: pointer;
}



.check-cards .radio {
    display: none;
}

.check-cards .card-label {
    cursor: pointer;
}

.check-cards .checkmark {
      width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: 4px;
}

.check-cards .card:hover .checkmark {
    border-color: #3342F2;
}
.check-cards .radio:checked ~  .card{
    background: #EDF2FF;
    border: 2px solid #202AE9;
    
}
.selling-badge {
    background: #FBE9CA;
    padding: 4px 6px 4px 6px;
    border-radius: 6px;
    font-size: 14px;
    color: #411107;
    margin-right:8px;
    margin-bottom:6px;
}

.check-cards .radio:checked ~ .card-label .checkmark {
        background-color: #ffffff;
    border-color: #3342F2;
    position:relative;
}
.check-cards .card h2{
    color:#152243;
    font-size:15px;
    font-weight:700;
  
    margin-bottom:6px;
}
.check-cards .card span{
        font-size: 14px;
    line-height: 18px;
    font-weight: 450;
}
.discount-card{
    background: #fff;
    border-radius: 8px;
    
}
.discount-card .card-body{
    display:none;
}

.check-cards .radio:checked ~ .card-label .checkmark:before {
     content: '';
    position: absolute;
    left: 2px;
    top: 2.3px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #3342F2;
}

.discount-card .card-header{
   
    border:0px;
    border-radius: 10px;
    background: #fff;
    align-items: center;
        cursor: pointer;
}
.discount-card .card{
    border:0px;
    background: #fff;
    border-radius:10px;
}
.discount-card h5{
    color:
#152243;
      font-size: 17px;
    line-height: 18px;
}
.discount-card #toggleButton,.discount-card #toggleButton:hover{
    color:#202AE9;
    border:0px;
    outline:0px !important;
}
.delete-btn{
    border:1px solid 
#D53E3D;
color:
#D53E3D;
background:intial;
height:50px;
}

.btn-outline-primary{
    border:1px solid 
#202AE9;
color:
#202AE9;
background:intial;
height:50px;
border-radius: 10px !important;
font-weight: 400;
font-size: 17px;
line-height: 26px;
text-decoration: none;
}
.btn-outline-primary:hover{
background:#202AE9;
}

.discount-card input{
    padding:12px 16px;
 border: 2px solid #BDC2D0 !important;
height:50px !important;
margin-right:8px;
width: calc( 100% - 8px);
}
.discount-card input {
  color: 
#202AE9; /* Change placeholder text color */
  
  font-size: 17px; /* Optionally adjust placeholder text size */
   line-height:25px;
 font-weight:500;
 
}
.discount-card  input:disabled{
     background-color:#EAECF3 !important;
}
.discount-card  input:focus,
.discount-card  input:not(:placeholder-shown) {
  color: 
#202AE9 !important; 
}
.package-card .btn-primary:focus{
    color:#fff !important;
}
.alert-note{
    padding:4px 6px 4px 6px;
    background-color:#EDFFDF;
    color:
#386C0E;
font-size:14px;
    border-radius: 6px;

}
.alert-note span{
    margin-right:4px;
}

.half-circle-top{
    transform: translateX(-50px);
    width: 20px;
    height: 10px;
    background: #EAECF3;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.half-circle-bottom{
    transform: translateX(-50px) rotate(180deg);
    width: 20px;
    height: 10px;
    background: #EAECF3;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}


.form-subscription{
    margin-top:40px;
}
.form-subscription label{
    color:#23252C;
    font-size:17px;
    font-weight:400;
    line-height:25px;
}
.subscription-btn{
        justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 24px;
    width: 358px;
    height: 58px;
    background: #202AE9;
    border-radius: 10px;
    color:#fff;
    width:100%;
}
.Encrypted-data span{
    color:
#23252C;
font-size:15px;
line-height:
22.5px;
}
.accordion-card [aria-expanded="true"] img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-card .card-header h5{
     font-size:15px;
 line-height:22px;
 font-weight:400;
}
.accordion-card .card{
   border-radius: 8px; 
   border:0px;
}
.link-card{
    border-radius: 8px;
}
.link-card-text{
 text-align: right;
}
.link-card-text h5{

font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 26px;
/* Gray/100 */
color: #23252C;

}
.link-card-text p{

font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 26px;

/* Gray/100 */
color: #23252C;
}
.service-price{
   
font-weight: 600 !important;
font-size: 15px !important;
line-height: 18px !important;
/* Gray/100 */
color: #23252C;

}

.package-price{
    /* Mirage/100 */
color: #152243 !important;
}

h1{

font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 41px;
text-align: center;

/* Dark */
color: #03142D;



}

.profile-bio{
    
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 26px;
text-align: center;

/* Gray/100 */
color: #23252C;

}
.profile-link{

font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 18px;
text-align: center;

/* Gray / 80 */
color: #494E5B;

}

.profile-link{
    
}

.profile-footer p{
 
font-style: normal;
font-weight: 450;
font-size: 15px;
line-height: 18px;


/* Gray / 80 */
color: #494E5B;

}

.profile-footer a{
    color: #3342f2;
}

.statistics-icon{
    position: absolute; 
    left: 0; 
    top: 0;
}


.statistics-title{
 
font-weight: 700;
font-size: 25px;
line-height: 38px;

/* Gray/100 */
color: #23252C;

}

.statistics-text{
 
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 18px;
align-items: center;
text-align: center;

/* Gray/100 */
color: #23252C;

 }

.empty-links{
    margin-top: 120px;
    margin-bottom: 104px;
}
.empty-text{
  
font-weight: 400;
font-size: 13px;
line-height: 18px;
text-align: center;
/* Gray / 70 */
color: #5D6372;

}
.statistics-footer{

font-style: normal;
font-weight: 450;
font-size: 10px;
line-height: 18px;
/* identical to box height, or 180% */

text-align: center;

/* Gray / 70 */
color: #5D6372;


}
a {
 color: #202AE9; 

}

.title-purchase-page{
  
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 26px;
align-items: center;
text-align: center;
/* Gray/100 */
color: #101114;

}

.text-purchase-package{

font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 22px;


/* Mirage/100 */
color: 
#152243;

}

.text-purchase-green{
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
/* identical to box height, or 120% */

color: #386C0E;

}

.text-purchase-gray{

font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 18px;

/* Gray / 60 */
color: #72798A;



}

.footer-copyright{

font-style: normal;
font-weight: 400;
font-size: 10px !important;
line-height: 18px;
/* Gray / 60 */
color: #72798A;

}
.packages-badge{
}

.most-selling-badge{
  
justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    background: #CC5813;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FBFFF8;
    margin-right: 8px;
    margin-bottom:6px;

    
}
.price-month{
    color:#AA3B13;
    font-size:14px;
    line-height:18px;
    font-weight:700;
}
.offer-price{
    color:#152243;
      font-size:14px;
    line-height:18px;
    font-weight:450;
    margin-top:6px;
}
.old-price{
        text-decoration: line-through;
    color:#72798A;
}
.overall-badge{

justify-content: center;
align-items: center;
padding: 4px 8px;
gap: 8px;

/* Green/20 */
background: #EDFFDF;
border-radius: 100px;

font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 18px;
/* identical to box height, or 138% */
text-align: center;

color: #386C0E;

}


.mawthuq-badge{

/* Frame 155 */


background: #EADDF7;
border-radius: 100px;
display: inline-block;

/* Auto layout */
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 8px 16px;
gap: 8px;

font-style: normal;
font-weight: 450;
font-size: 17px;
line-height: 26px;
/* identical to box height, or 150% */
text-align: center;

/* Black/100 */
color: #101114;

}

.btn-primary{
 /* Buttons / Primary/Large */

padding: 16px 24px;
gap: 24px;

/* Blue/70

3342F2
*/
background: #3342F2;
border-radius: 10px;

/* 17 - Primary/Text */
font-family: 'IBM Plex Sans Arabic';
font-style: normal;
font-weight: 450;
font-size: 17px;
line-height: 26px;

}

.btn-primary:hover, .btn-primary:focus{
    background: #202AE9;

}

.profile_not_available_image{
    margin-top: 126px;
}

.profile_not_available_title{
 
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 26px;
/* identical to box height, or 116% */
text-align: center;

/* Black/100 */
color: #101114;


    
}

.profile_not_available_text{
  
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 26px;
/* or 150% */
text-align: center;

/* Gray/100 */
color: #23252C;

}




.btn-primary:disabled{
    /* Buttons / Primary/Large */


/* Gray/20 - Opacity 30% */
background: rgba(203, 208, 220, 0.3);
border-color: rgba(203, 208, 220, 0.3);
border-radius: 10px;

font-style: normal;
font-weight: 450;
font-size: 17px;
line-height: 26px;
align-items: center;
text-align: center;

/* Gray / 50 */
color: #8990A1;


}

.before-discount{
  
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
text-align: center;
text-decoration-line: line-through;

/* Mirage / 80 */
color: #2B3F72;

}


.request_order_title{
  
font-weight: 700;
font-size: 25px;
line-height: 38px;
text-align: right;

/* Black/100 */
color: #101114;

}


.request_order_description{
   
font-weight: 400;
font-size: 15px;
line-height: 22px;

/* Gray / 80 */
color: #494E5B;
text-align:left;

}

.yellow_100_color{
   
/* Yellow/100 */
color: #B66708;


}

.green_100_color{
   

/* Green/100 */
color: #386C0E;


}

.request_amount{
 
font-weight: 400;
font-size: 13px;
line-height: 18px;
/* identical to box height, or 138% */
text-align: center;

/* Gray / 90 */
color: #353943;

}

.form-control {
    
padding: 16px !important;
height: 58px;
background: #FFFFFF !important;
border: 2px solid #BDC2D0 !important;
border-radius: 8px;
font-weight: 450;
font-size: 17px;
line-height: 26px;
}

 .form-control::placeholder,.form-group input::placeholder{
    color: #8990A1;
}

.has-error .form-control {
    border-color: #D53E3D !important;
    -webkit-box-shadow: none;
    box-shadow: none;
        border: 3px solid;

}

.form-control:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
        border: 3px solid #202AE9 !important;
padding: 15px !important;
}

.form-control:focus{
    color:#23252C !important;
        border: 3px solid #202AE9 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
padding: 15px !important;
}
/*.form-control:active{*/
/*        border: 3px solid #202AE9 !important;*/
/*}*/
.form-control.is-invalid, .was-validated .form-control:invalid {
    color: #D53E3D !important;
    border-color: #D53E3D;
    border: 3px solid !important;
    position: relative;
  }
  .form-control input ,.form-control input[type="text"] {
    color: #000 !important;
  }
  

.is-invalid-label{
    
    color: #D53E3D !important;
}
.phone_input {
    flex: 0 0 auto;
    /*width: 75%;*/
    right: 0;
}
.iti__flag-container{
    flex: 0 0 auto;
    width: 25%;
   
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #fff !important;
       color:#23252C !important;
        border: 3px solid #202AE9 !important;
}

 .iti--separate-dial-code .iti__selected-flag{
      
    padding: 16px 10px;
    border: 2px solid #BDC2D0;
    border-radius: 8px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    
    background: #FFFFFF;
    font-size: 17px;
    line-height: 26px;
    align-items: center;
    text-align: center;
    color: #101114;
     direction: ltr;

height: 58px;

/*width:calc(100% - .5rem);*/
float: left;
  }

   /* Custom select arrow */
    select::-ms-expand {
        display: none; /* Hide the default arrow for Internet Explorer */
    }

    select {
        -webkit-appearance: none; /* Hide the default arrow for modern browsers */
        -moz-appearance: none;
        appearance: none;
        background-image: url('https://link.billenda.com/assets/img/profile/order/arrow.svg') !important; /* Replace 'custom_arrow.png' with the path to your custom arrow image */
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 16px 16px; /* Adjust the size of the arrow image */
        padding-right: 20px; /* Add some padding to accommodate the arrow image */
    }


/* Custom select arrow */
    .form-select::-ms-expand {
        display: none; /* Hide the default arrow for Internet Explorer */
    }

    .form-select,  .select2-selection {
        -webkit-appearance: none; /* Hide the default arrow for modern browsers */
        -moz-appearance: none;
        appearance: none;
       background-image: url('https://link.billenda.com/assets/img/profile/order/arrow.svg') !important;
        background-repeat: no-repeat !important;
    background-position: 16px center !important; /* Adjust the left margin here */
        background-size: 16px 16px;
        line-height: 1.5 !important;
        
    }
    .form-select[disabled],
    .form-select option[disabled], .form-select option:disabled {
    color: #8990A1;
}

.select2-selection {
    background: #FFFFFF;
border: 2px solid #BDC2D0 !important;
border-radius: 8px !important;
padding: 16px !important;
font-size: 17px;
font-weight: 450;
height: 58px !important;
}
.select2-selection:hover {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #202AE9 !important;
padding: 15px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    
    background-color: #202AE9 !important;
}

.select2-selection__arrow{
    display: none !important;
}
    

.order_details_image{
    border: 2px solid white;
    position: absolute;
    left: 32px;
    top: 24px;
}

.order_details{
    margin: -57px 32px 32px 32px;

}
.order_details_cancel{
        margin: 24px 32px 32px 32px;

}



.order_details_counter_card{


/* White/100 */
background: #FFFFFF;
border-radius: 8px;
border: 0px;
box-shadow: none;
}


.order_details_sms_card{


/* White/100 */
background: #FFFFFF;
border-radius: 8px;
border: 0px;
box-shadow: none;
}



.order_details_counter_description{
   
font-weight: 400;
font-size: 17px;
line-height: 26px;

/* Gray / 80 */
color: #494E5B;

}

.remaining_counter{
    
    
font-weight: 600;
font-size: 34px;
line-height: 41px;
align-items: center;
text-align: center;

/* Black/100 */
color: #101114;


}

.line_counter {
  width: 100%;
  height: 10px;
height: 0px;
border: 4px solid #BECFFE;
border-radius: 8px;
direction:ltr;

}

.line_progress {
  height: 100%;
  width: 100%;
  transition: width 1s linear;
  
height: 0px;
border: 4px solid #202AE9;
margin: -4px;
border-radius: 10px !important; 
}


.stay_reminder{
   

background: #FFF6EA;
border-radius: 8px;
border: 0px;
box-shadow: none;

    
}

.warning_notification{

background: #FFF6EA;
border-radius: 8px;
border: 0px;
box-shadow: none;
    
}


.add_contact{
/* Frame 176 */

box-sizing: border-box;

/* Auto layout */
justify-content: center;
align-items: center;
padding: 8px 16px;
gap: 8px;

border: 1px dashed #23252C;
border-radius: 8px;
background: transparent;

 
font-weight: 600;
font-size: 17px;
line-height: 26px;
/* Black/100 */
color: #101114;
}
.order_invoice{
    
/* Gray / 20

CBD0DC
*/
border: 1px solid #CBD0DC;
border-radius: 8px;
}

.order_invoice_row{
    border-bottom: 1px solid #CBD0DC;

}

.order_invoice_row_description{
  
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;

text-align: right;

/* Gray / 80 */
color: #494E5B;

}


.sms_date{
  
font-weight: 400;
font-size: 10px;
line-height: 18px;

text-align: right;

/* Gray / 80 */
color: #494E5B;

}


.replay_card{

/* Auto layout */
display: flex;

/* Blue / 0

EBF1FF
*/
background: #EBF1FF;
border: 0px;
border-radius: 8px;


}

.call-status{
        /* Description */

width: 75px;
height: 18px;

/* 13 - Tertiary/SemiBold */
font-family: 'IBM Plex Sans Arabic';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
/* identical to box height, or 138% */
display: flex;
align-items: center;
text-align: right;

}

.Red_100{

/* Red/100 */
color: #D53E3D;

}

.Green_100{

/* Green/100 */
color: #386C0E;

}


.blue_100_color{
 
/* Blue/100 */
color: #070AAD;


    
}



.purpose-tabs {
    display: flex;

align-items: center;

height: 58px;

background: #DADEE8;
border-radius: 8px;



}

.tab {
    cursor: pointer;
    /* Gray/100 */
color: #23252C;
text-align: center;
border-radius: 8px;
padding: 12px 0;
background: #DADEE8;

}



.tab.active {
    background-color: #fff;
color: #23252C;
}


.invalid-feedback{
    display:block;
}





.free-trial-title{

font-weight: 400;
font-size: 20px;
line-height: 30px;
/* or 150% */
text-align: center;

color: #FFFFFF;


}

.free-trial-card{
    position: fixed;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    /* Gray / 0
    
    EAECF3
    */
    background: #EAECF3;
    border-radius: 8px 8px 0px 0px;


}

.blur-card{
    -webkit-backdrop-filter: blur(10px) brightness(80%) grayscale(20%);
    border-radius: 16px;
    
}

.footer-trial-details{
font-weight: 300 !important;
font-size: 13px !important;
line-height: 18px !important;
/* White/100 */
color: #FFFFFF !important;

}

.trial-alert{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    font-weight: 400;
font-size: 15px;
line-height: 22px;
text-align: center;
color: #B66708;
background-image: linear-gradient(0deg, #FFF8EF, #FFE4B2);

}

.trial-end-alert{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    font-weight: 400;
font-size: 15px;
line-height: 22px;
text-align: center;
color: #fff;
background-image: linear-gradient(0deg, #070AAD, #282A75);

}




.iti__country-list{
    left: 0;
}


    .delete-account h4{
    font-size:25px;
    color: #23252C;
    line-height:38px;
    font-weight: 700;
    font-size: 25px;
   
    text-align: right;
    color: #23252C;
    
}


.delete-account span{
    font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #494E5B;
}
/* متأسفون لرؤيتك تغادر لينك بليندا، نود ان نعلمك بأنك بالاستمرار في حذف حسابك فإن هذا يعنى: */
.delete-account .content_head p{
   font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 26px;
color: #494E5B; 
}
.delete-account .card{
padding: 16px;
border:0px;
background: #F6F7FA;
border-radius: 8px;
}
.delete-account .card p{
    font-weight: 500;
font-size: 17px;
line-height: 26px;
color: #494E5B;
}
.content-p{
font-weight: 450;
font-size: 17px;
line-height: 26px;


/* Yellow/100 */
color: #B66708;
}
.light-btn{

font-weight: 400;
font-size: 17px;
line-height: 26px;

display: flex;
align-items: center;
text-align: center;

    border: 1px solid #6C82FB;
    border-radius: 10px;
color: #202AE9 !important;

justify-content: center;

text-decoration: none;


}
.light-btn:hover,.light-btn.focus, .btn:focus{
   color: #202AE9; 
   outline:0px;
   box-shadow:none !important;
   text-decoration: none;
}
.container{
    max-width:1024px;
}

.info-p{
    font-weight: 400;
font-size: 17px;
line-height: 26px;
color: #23252C;
}
input[type="checkbox"] {
    background: #3342F2;
    border-radius: 8px;
    font-weight: 457;
    font-size: 17px;
    line-height: 22px;
    text-align: right;
    color: #FFFFFF;
    width:32px;
    height:32px;
}

/* Styling for the checkbox when checked */
input[type="checkbox"]:checked {
   background: #3342F2;
    border-radius: 8px;
    font-weight: 457;
    font-size: 17px;
    line-height: 22px;
    text-align: right;
    color: #FFFFFF;
    width:32px;
    height:32px;
}
.check{
    font-weight: 400;
font-size: 17px;
line-height: 26px;
/* identical to box height, or 150% */
text-align: right;

/* Gray / 80 */
color: #494E5B;
}

.bottom-card span{
    font-weight: 500;
font-size: 13px;
line-height: 18px;
margin:auto;
display:table;
text-align: center;

color: #B66708;
}
.delete-btn,.delete-btn:hover{
    border: 1px solid #D53E3D;
border-radius: 10px;
font-weight: 400;
font-size: 17px;
line-height: 26px;
text-decoration: none;


/* Red/100 */
color: #D53E3D !important;
}
.back-btn,.back-btn:hover{
    font-weight: 400;
font-size: 17px;
line-height: 26px;

display: flex;
align-items: center;
text-align: center;
color: #202AE9 !important;
justify-content: center;
}
.card-info{
   color: #23252C;
display: flex;
flex-direction: row;
text-align:right;
align-items: center;
padding: 16px;

background: #FFFFFF;
border: 1px solid #BDC2D0 !important;
border-radius: 8px !important;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px; 
}

.copyright-badge{
    position: fixed;
bottom: 24px;
left: 24px;
background-color: transparent;
text-decoration: none !important;
}

.copyright-badge-header{
    padding: 4px 12px;
background: transparent;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
text-align: center;
color: #000;
}
.copyright-badge-body{
    padding: 4px 12px;
background: #3342F2;
border-radius: 12px;
text-align: center;
color: #EBF1FF;
box-shadow: 3px 3px 40px rgba(9, 11, 37, 0.1);
}
/*form*/
.sticky-bar .head_title span,.sticky-bar .head_title a{
    font-size:17px;
    font-weight:400;
    line-height:25.5px;
    color:
#101114;


}
.sticky-bar .head_title a:hover{
   text-decoration: none; 
}


.sticky-bar{
      background: #fff;
    height: 57px;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    left: 0;
    z-index:99;
}
.mt-81{
    margin-top:81px;
}

.alert-warning2{
    padding:8px !important;
        background: #FFE1AA80 !important;
        color: #101114 !important;
            border-radius: 8px !important;
font-size:15px !important;
line-height:
25.5px;

}
.content-summary{
    min-height:60vh;
}
.content-summary p{
   font-size:17px; 
   font-weight:600;
   color:#23252C;
}
.subject-call{
        border-radius: 8px;
        background:#FFFFFFA6;
}
.telephone-content{
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFFA6;
    text-align: left;
    direction:ltr;
        display: flex;
    align-items: center;
}
.telephone-content img{
    float: left;
    margin-right: 8px;
}
.back-btn{
    color:#202AE9;
    background:intial;
}

/* Hide the actual checkbox */
.hidden-checkbox {
    display: none;
}

/* Style for the checkbox label */
.check {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px; /* Adjust font size if needed */
}

/* Style for the custom checkbox image */
.check-image {
    margin-left: 10px; /* Adjust spacing between the image and text */
}

/* Style for the checkbox when checked */
.hidden-checkbox:checked + .check .check-image {
    /* Define styles for the checked state if needed */
    /* For example: You can change the image source for the checked state */
    content: url('/public/assets/img/checked.png'); /* Change the image path for the checked state */
}



.ui-datepicker {
    position: absolute; 
    display: none;
    font-size: 14px;
background-color: #fff;
padding: 8px;
border-radius: 8px;
border: 2px solid #BDC2D0 !important;
}


.ui-datepicker:hover{
    
        border: 2px solid #202AE9 !important;
}
.ui-state-default{
    color: #202AE9;
}
.ui-state-disabled > .ui-state-default{
    
    color: #BDC2D0;

}
.ui-datepicker-title, .ui-datepicker-buttonpane{
    display: flex !important;
    padding: 8px 0;
}
.ui-datepicker-prev, .ui-datepicker-next{
    display : none;
}

.ui-datepicker-month, .ui-datepicker-year{
    display: block !important;
width: 100%;
background-position: left center;
border: none;
    background-color: #fff;
}

.ui-datepicker-current, .ui-datepicker-close{
        display: block !important;
width: 100%;
background-color: #202AE9;
border-radius: 8px;
padding: 4px;
color: #fff;
margin: 0px 4px;
}
        
/* Style for the datepicker days */
.ui-datepicker-calendar {
    border: none;
}

/* Style for the datepicker day */
.ui-datepicker-calendar td {
    padding: 5px;
    text-align: center;
    border: 1px solid #eee;
    text-decoration: none;
}

/* Hover effect for the datepicker day */
.ui-datepicker-calendar td a:hover {
    background-color: #e0e0e0;
}

/* Style for the selected date in the datepicker */
.ui-datepicker-calendar .ui-state-active {
    background-color: #202AE9;
color: #fff;
padding: 4px 8px;
}

.whatsapp-btn , .whatsapp-btn:hover{
  
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 8px;


background: #0D9A41;
border-radius: 10px;


font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 26px;

display: flex;
align-items: center;
text-align: center;

/* White/100 */
color: #FFFFFF;


}
.app-bar{
    background-position: center top;
    background-repeat: no-repeat;
     background-repeat: no-repeat;
    height: 73px;
    position: fixed;
    top: 0;
    width: 100%;
    right: 0;
    left: 0;
        background-size: cover;
        z-index:9999;
            background-position: right;
}
.app-bar img{
    padding-top:12px;
    position:relative;
}
#countdown{
    direction:ltr;
margin-top: -20px;
    padding: 3px 5px;
 
    height: 49px;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.2) 45.52%, rgba(164, 165, 176, 0.2) 45.52%, rgba(231, 232, 246, 0.2) 88.06%), #FFFFFF;
    box-shadow: 0px 28px 11px rgba(4, 5, 27, 0.01), 0px 16px 9px rgba(4, 5, 27, 0.05), 0px 7px 7px rgba(4, 5, 27, 0.09), 0px 2px 4px rgba(4, 5, 27, 0.1);
    border-radius: 5px;
    width:130px;
  

}

#countdown li {
  display: inline-block;

  list-style-type: none;
      font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #451A03;
       


}
#countdown ul{
        display: flex;
    justify-content: space-between;
    /* width: 130px; */
    padding: 3px 5px;
}

#countdown li span {
  display: block;
  font-size: 14px;
  /* 30 */



font-family: 'IBM Plex Sans Arabic';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
/* identical to box height */
text-align: center;

color: #451A03;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}




.offer-number{
        position: absolute;
    top: 52%;
    right: 15%;
    /* width: 52px; */
    /* height: 34px; */
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: bold;
    font-size: 27px;
    line-height: 34px;
    display: flex;
    align-items: center;
    text-align: center;
    background: radial-gradient(64.01% 81.18% at 41.63% 26.46%, #F5A546 0%, #FF9D04 40.1%, #C75E05 68.23%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transform: rotate(-3.83deg);
    flex: none;
    order: 0;
    flex-grow: 0;

}
.dot-counter{
       margin-top: 14px;
    color: #451A03 !important;
    font-size: 15px !important;
    font-weight: bold !important ;
}


     .phone_input, .phone_input:hover, .phone_input:active , .phone_input:focus{
         padding-left: 95px !important;
         direction:ltr;
     }
     
     
     .profile-items{
    margin: auto !important;
    max-width: 474px !important;
}