*:focus {box-shadow: none !important;}
.required::before {content: "* ";color: #AA0000;} 



.txt_shadow {
  text-shadow: 1px 1px 2px #000000;
}

.xs {font-size: 0.6em;}
 
 .img_icon_user {height:70px;width:70px;}
.btn-check.ui_circle_invert + .btn .rounded-circle {line-height: 0.952 !important;background:rgba(255, 255, 255, 0.8);border:1.25px solid #666666;}
.btn-check.ui_circle_invert + .btn .rounded-circle i {opacity:0;}

.btn-check.ui_circle_invert:checked + .btn .rounded-circle i {opacity:1;color:#666666;}
.btn-check.ui_circle_invert:checked + .btn .rounded-circle {border-color:rgba(255, 255, 255, 0.8);}

.btn-check.ui_circle_default:checked + .btn i.fa-regular::before {content:"\f058";}   
/**

.btn-check.ui_circle_invert_2 + .btn .rounded-circle {background:white !important;border:1px solid #666666 !important;}
.btn-check.ui_circle_invert_2:checked + .btn .rounded-circle {border:2px solid #ffffff !important;}


.btn-check.ui_circle_invert_2 + .btn i {opacity:0;}  
.btn-check.ui_circle_invert_2:checked + .btn i {opacity:1;color:#666666;}  
.btn-check.ui_circle_invert_2:checked + .btn .rounded-circle  {border-color:#ff0000 !important;background-color:#666666 !important;}  
.btn-check:checked + .btn i.fa-regular::before {content:"\f058";}     


.btn-check.ui_circle_invert + .btn .rounded-circle {line-height: 0.9;}

.btn-check.ui_circle_invert:checked + .btn .rounded-circle {border: 1px solid rgba(255, 0, 0, 0) !important; }

.btn-check.ui_circle_invert + .btn i {opacity:0;}     
.btn-check.ui_circle_invert:checked + .btn i {opacity:1;}     



.btn-check.ui_circle_invert_2 + .btn .rounded-circle {line-height: 0.9;}
.btn-check.ui_circle_invert_2 + .btn i {opacity:0;}     
.btn-check.ui_circle_invert_2:checked + .btn i {opacity:1;}    
/**
.fa-inverse{color:var(--fa-inverse,#fff)}

.btn-check:checked + .btn .test_circle {border: 1px solid rgba(255, 0, 0, 0) !important;}
 **/
/**
 .btn-check:checked + .btn .test_circle {line-height: 0.9 !important;background:#000000 !important;}
 **/
.fa-stack {width:2em;} /** take care of fontawesome extra spacing horizontally **/
.w_85 {width: 85% !important;} 
.blur {filter: blur(8px);}
.ratio_3x4 {--bs-aspect-ratio: calc(4/3 * 100%);}

.div_arrow {width:80px;height:auto;}
.user_before_1 {background:transparent url(../images/pp_sample_before_1.jpg) center center/cover;}
.user_before_2 {background:transparent url(../images/pp_sample_before_2.jpg) center center/cover;}







/** ************************************************************************************************************************* **/
/** block_ui RELATED CSS DEFINITIONS **************************************************************************************** **/
.block_ui_wrapper .block_ui_body {max-width:500px;max-height:520px;}
.block_ui_wrapper .block_ui_body .progress {min-width:280px;}
.block_ui_wrapper .block_ui_body .progress .progress_bar_animate {--my_duration: 3s;}

/** block_ui RELATED CSS DEFINITIONS **************************************************************************************** **/
/** ************************************************************************************************************************* **/




/** ************************************************************************************************************************* **/
/** navbar RELATED CSS DEFINITIONS ****************************************************************************************** **/
.navbar-brand {
  --my-height:34px;
  font-size:20px !important;
  display:inline-block;
  line-height:var(--my-height);
  height:var(--my-height);
  padding:0;
  background:transparent url(https://styleverse.io/images/styleverse_logo.png) left center/auto var(--my-height) no-repeat;
  padding-left:calc(var(--my-height) * 1.5); 
}
.bg-dark .navbar-brand, .bg-black .navbar-brand {background-image:url(https://styleverse.io/images/styleverse_logo_white.png);}
.navbar .navbar-toggler {width:35px;height:35px; text-align:center;padding:0;}
.navbar [aria-expanded="true"].navbar-toggler .fa-solid::before {content:"\f00d";} 



.navbar .dropdown-menu li:not(:first-child) {
  border-top: dashed 1px #666666;
}

.navbar .active {background:#f0f0f0;}
.navbar .nav-item:hover {background:#f0f0f0;}

.navbar_bypass {padding-top:57px;}
/**  `lg` applies to medium devices (tablets, less than 992px) **/
@media (max-width: 991.98px) { 
  .navbar_bypass {padding-top:44px;}
  .navbar .nav-item { border-top: dashed 1px #666666; }
  .navbar .dropdown-menu { 
    --bs-dropdown-border-radius: none; 
    --bs-dropdown-border-width: none;
    border-top: dashed 1px #666666;
    text-align: center;
  }
}
/** navbar RELATED CSS DEFINITIONS ****************************************************************************************** **/
/** ************************************************************************************************************************* **/  



/** *********************************************************************************************** **/ 
/** div_laurel CSS DEFINITIONS ******************************************************************** **/  
.div_laurel {width:265px;text-align:center;display:inline-block;}  

.div_laurel span {
  height:80px;
  width:calc(100% - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  float:left;
}  
.div_laurel::before, .div_laurel::after {
  content:"";
  height:80px;
  width:30px;
  background:transparent url(https://www.perfect365.com/images/laurel_left.png) right center/15px auto no-repeat;
  display:block;
  float:left;
}  
.div_laurel::after {
  background:transparent url(https://www.perfect365.com/images/laurel_right.png) left center/15px auto no-repeat;
  float:right;
}  
/** div_laurel CSS DEFINITIONS ******************************************************************** **/  
/** *********************************************************************************************** **/ 



/** ************************************************************************************************************* **/
/** background related css definitions ************************************************************************** **/
.bg_ig_gradient {background: linear-gradient(135deg,rgba(81, 91, 212, 0.2), rgba(129, 52, 175, 0.2), rgba(221, 42, 123, 0.2), rgba(245, 133, 41, 0.2), rgba(254, 218, 119, 0.2));}
.bg_body_default { background:transparent url(../images/bg_4.png) center center/100% auto repeat;}    
.bg_theme {
  background: linear-gradient(to bottom,rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
  url(https://cdn.pixabay.com/photo/2016/10/23/18/11/banner-1763847_1280.jpg) center center/cover no-repeat;    
}


.bg_business {
  background: linear-gradient(to bottom,rgba(255,255,255,0.8), rgba(255,255,255,0.8)),
  url(https://images.squarespace-cdn.com/content/v1/62a7894412d47376a24d9b32/33405ccb-1066-4a77-a46a-738b967ba6a2/AdobeStock_295563207+%281%29.jpeg) center top/cover no-repeat;    
}

.bg_move_diagonal {
  background-size: 210% auto;
  background-position: top left;
  animation: moving_bg_diagonal 300s infinite;
}
@keyframes moving_bg_diagonal {
  0% {background-position: top left;}
  25% {background-position: bottom right;}
  50% {background-position: bottom left;}
  75% {background-position: top right;}
  100% {background-position: top left;}
}
.bg_mothers_day {
  background: linear-gradient(to bottom,rgba(255,255,255,0.8), rgba(255,255,255,0.6)), url(../images/bg_heart.jpg) right center/cover no-repeat;
}
.bg_fixed {background-attachment: fixed;}
/** background related css definitions ************************************************************************** **/
/** ************************************************************************************************************* **/






/** ************************************************************************************************************* **/
/** progress related css definitions **************************************************************************** **/
.progress {height:30px;}
.progress_bar_animate {
  --my_duration: 40s;
  animation: 1s linear infinite progress-bar-stripes, var(--my_duration) animate_progress_bar forwards;
}
@keyframes animate_progress_bar {
  0% { width: 0%; }
  5% { width: 20%; }
  25% { width: 30%; }  
  60% { width: 80%; }  
  99% { width: 100%; }  
  100% { width: 100%; }    
}  
/** progress related css definitions **************************************************************************** **/
/** ************************************************************************************************************* **/



/** ************************************************************************************************************* **/
/** carousel related css definitions **************************************************************************** **/
#carousel_operation {width:100%;max-width:600px;} 
#carousel_operation .carousel_body {height:470px;}
#carousel_operation .paypal_body {min-height:470px;}

/** This media query covers most iPhone models, including the latest ones **/
@media only screen and (max-width: 430px) and (-webkit-device-pixel-ratio: 2), only screen and (max-width: 430px) and (-webkit-device-pixel-ratio: 3) {
  #carousel_operation .carousel_body {height:610px;}
  #carousel_operation .paypal_body {min-height:610px;}  
  #carousel_operation {padding-bottom:80px;}
}
/** carousel related css definitions **************************************************************************** **/
/** ************************************************************************************************************* **/