/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.elementor-14 .elementor-element.elementor-element-7649f86 > .elementor-element-populated > .elementor-background-overlay{
	background: linear-gradient(131.49deg, #FFFFFF 14.62%, #E9E9E9 53.25%, #FFFFFF 85.41%);
opacity: 0.8;
box-shadow: 0px 0px 82.6103px rgba(0, 148, 68, 0.6);
border-radius:100% 100% 100% 100%;

}

.elementor-14 .elementor-element.elementor-element-7649f86{
    width: 35em !important;
    height: 35em !important;
		padding: 3em;
}	

section.elementor-section.elementor-top-section.elementor-element.elementor-element-1c39121.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default,.elementor-1968 .elementor-element.elementor-element-7d8f40a:not(.elementor-motion-effects-element-type-background), .elementor-1968 .elementor-element.elementor-element-7d8f40a > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	margin: -7% 2% 0% 2%;
}

.blog-container>div{
	margin:0% !important;
	max-width:100% !important;
}

.uc_image_carousel_placeholder>a>div{
	background-repeat: no-repeat !important;
}

img.attachment-full.size-full.wp-image-1926{
	position:absolute;
	bottom:0;
	right:10%;
}

.arrow-icon{
	vertical-align:sub !important;
filter: invert(11%) sepia(20%) saturate(3068%) hue-rotate(276deg) brightness(84%) contrast(112%);

}

.tp-widget-wrapper{
	margin: 0 !important;
}

a{
	color:var( --e-global-color-primary );
}

.ac_results{
	font-family:"Titillium Web", Sans-serif;
		font-weight: 600;
}

.ac_match{
	text-decoration:none;
	color:var( --e-global-color-primary );}


/*Hide Login && Book an appt. CTA on desktop*/
/* @media screen and (min-width:768px){
	
#menu-1-b54cd56>li:nth-last-child(-n + 2),#menu-1-4958b077>li:nth-last-child(-n + 2), #menu-1-ef8d917>li:nth-last-child(-n + 2){
	display: none!important;
}
} */

/* Comments section remember me checkbox styling */
.comment-form-cookies-consent>label{
	margin-left:10px;
}

/* Comments section post comment button styling */
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background-color: var(--e-global-color-primary);
}

[type=button], [type=submit], button{
		border: 1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
}

a#cancel-comment-reply-link{
	display:block;
	margin-top:10px;
}


/* Swap the BookAnAppointment link functionality in footer */
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-8104 {
    display: none;
}

#talk-to-us-btn-footer{
    display: none;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-8133{
	display: none;
}

#callback-popup button.btn-close {
    position: absolute;
    right: 38px;
	z-index: 9999;
}



/* Callbaxck Popup CSS */

#callback-popup .elementor-widget-wrap.elementor-element-populated {
    text-align: center;
}

#callback-popup label {
    max-width: 325px;
    margin: 0 auto 7px;
    width: 100%;
    font-weight:600;
    color:#550385;
	display: inline-grid;
}

#callback-popup p.request-call {
    font-family: 'Titillium Web';
}

#callback-popup input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background:#550385;
    color:white;
}

#callback-popup span.wpcf7-spinner {
    display: none;
}

#callback-popup .wpcf7-response-output {
    padding:0;
    margin: 0;
    border: none;
    color: #550385;
}

#callback-popup span.wpcf7-not-valid-tip {
    margin-top:5px;
}

#callback-popup .wpcf7-response-output {
    color:red;
}

#callback-popup input.wpcf7-form-control.wpcf7-text, #callback-popup select {
    margin-top: 10px;
}

/* Inpharmacy Page  CSS */

.lds-facebook,
.lds-facebook div {
  box-sizing: border-box;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #680E9C;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0s;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  span.get-started.inpharmacy-page-btn {
    display: block;
	}
}
.select2-container--default .select2-selection--single{
  border-radius: 0 !important;
}

form.post-password-form{
	padding:200px 100px;
	background:#eee5f2;
}
form.post-password-form p{
	font-weight: 600;
    color: #680E9C;
}
/* Refer Page Button CSS */
input.hs-button.primary.large:hover {
    background: #680e9c;
    transform: scale(0.9);
}
input.hs-button.primary.large {
    background: #680e9c;
    border: white;
}

/* Mobile Sticky CTA handle and Recaptcha Hidden  */
.mobile-main-cta{
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.show-sticky-cta{
  opacity: 1;
}
.rc-anchor-normal-footer {
    display: none !important;
}
.grecaptcha-badge { 
    visibility: hidden; 
}

/* CART CSS */

.container-cart {
  max-width: 1340px;
  margin: 60px auto;
  padding: 15px;
}
.container-header h1{
  display: flex;
  font-family: 'Titillium Web';
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  text-transform: capitalize;
  font-weight: 600;
}
.container-header p{
font-family: 'Titillium Web';
text-align: center;
}
.row-cart {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
 justify-content:center;
}

.column-60, .column-40 {
  padding: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .column-60 {
      flex: 0 0 60%;
      max-width: 100%;
  }

  .column-40 {
      flex: 0 0 40%;
      max-width: 40%;
  }
}

@media (max-width: 767.98px) {
  .column-60, .column-40 {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .cart-items-container{
    padding: 0;
  }
  .alignwide {
    margin-left: 0;
    margin-right: 0;
}
  .container-cart {
  max-width: 1340px;
  margin: 0;
  padding: 15px;
}
.cart-item-header a{
  font-size: 12px;
}
.cart-item-card span.order-label{
  left: 0px;
}
.cart-item-price, .cart-item-subtotal{
  font-size: 12px;
}
.container-cart .cart-actions{
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
.price-col h2{
text-align: center;
}
.container-header h1{
  font-size: 28px;
  
}
.row-cart {
  flex-direction: column-reverse;
}
}
.cart-items-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cart-item-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  width: 100%;
  cursor: grab;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}
@media (max-width: 767.98px) {
	.cart-item-card { 
	 padding: 30px 10px;
	}
}
button.button.alt {
	width:100%;
    padding: 15px;
}
span.order-label{
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5px 19px;
    font-family: "Titillium Web", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #0065bd;
    width: 110px;
	border-radius: 5px 0 0 0;
}
.cart-item-header {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 80%;
}
.cart-item-header a {
	 text-decoration: none;
	 font-weight:600;
	 color:#550385;
	 font-family: 'Titillium Web';
	 max-width: 365px;
}
@media (max-width: 767.98px) {
	.cart-item-header a { 
	 	max-width: 180px;
	}
}
.cart-item-thumbnail {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.cart-item-name {
  font-size: 16px;
  color: #333;
}

.cart-item-details {
  display: flex;
  gap: 15px;
  align-items: baseline;
}
.woocommerce-cart h1.entry-title{
	visibility:hidden;
}
.woocommerce-cart .fkcart-toggler{
	visibility: hidden !important;
}
.cart-item-price,
.cart-item-subtotal {
  font-weight: bold;
  color: #333;
  margin: 0;
}

.cart-item-quantity input {
  width: 50px;
  text-align: center;
}

.cart-item-actions {
  display: flex;
  align-items: center;
}

.cart-item-actions .remove {
  font-size: 20px;
  color: #ff0000;
  text-decoration: none;
}

.cart-actions {
  margin: 20px 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-left: 0;
}
.cart-actions p {
    font-family: Titillium Web;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}
.woocommerce a.remove{
  line-height: 0.8;
}

.cart-actions .button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
.column-40 .price-col{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 25px;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
}
.column-40 .price-col h2{
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 23px;
  color: #333;
  text-align:center;
}
.column-40 .price-col .price-count h3{
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 35px;
  font-weight: bold;
  color: #333;
}
.column-40 .price-col .discription{
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
  color: #333;
}
p.availability-status {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 1.1em;
    padding-bottom: 15px;
}
.availability-status span {
    padding: 3px 15px;
    border-width: 2px;
    border-style: solid;
    font-family: 'Titillium Web';
    margin-left: 7px;
}
.availability-status a{
	margin-left: 5px;
}
body.archive.post-type-archive .woof_container_inner_productcategories .woof_childs_list_li > label.woof_checkbox_label {
    pointer-events: none !important;
}
.woocommerce div.product form.cart div.quantity {
    display: none;
}
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart .button:where(:not(:first-child)), :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart button:where(:not(:first-child)){
	margin-left:0 !important;
}

.rating-stars {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 5px;
}

.rating-stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: auto;
}

.rating-stars label {
    font-size: 24px;
    color: #ddd;
    cursor: pointer;
}

.rating-stars input[type="radio"]:checked ~ label {
    color: #f5a623;
}

.rating-stars label:hover,
.rating-stars label:hover ~ label {
    color: #f5a623;
}
/* <--------------------------------||-------------------------->*/
#new-eligibility-popup .modal-content {
  border-radius: 16px;
}
#new-eligibility-popup .modal-content .close-btn-modal {
  padding: 0;
}
#new-eligibility-popup .modal-title {
  flex: 1;
  text-align: center;
  margin: 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 28px;
}
#new-eligibility-popup .right-section {
  flex: 1;
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 16px;
  max-height: 100%;
  border-radius: 16px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .right-section {
    border-radius: 16px;
    /* padding: 16px; */
  }
}
#new-eligibility-popup .main-pop-container .pop-title-wrapper {
  border-bottom: 1px solid #0000001A;
  padding: 16px;
}
/* @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .main-pop-container .pop-title-wrapper {
    padding: 16px;
  }
} */
#new-eligibility-popup .main-pop-container .pop-title-wrapper h6 {
  color: #680E9C;
  font-family: "Titillium Web", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .main-pop-container .pop-title-wrapper h6 {
    font-size: 14px;
  }
}
#new-eligibility-popup .right-section .date-time-section p {
  color: #000;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .right-section .date-time-section p {
    font-size: 14px;
  }
	#new-eligibility-popup .right-section .warning-text {
    text-align:center;
	margin: 0;
	width: 100%;
  }
}
#new-eligibility-popup .right-section .date-time-section .date {
  color: #555;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#new-eligibility-popup .header-info {
  display: flex;
  padding: 16px 0px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: linear-gradient(143deg, #F8EDFF 2.25%, #EEF7FF 99.1%);
}
#new-eligibility-popup .header-info h5 {
  color: #8136AD;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 150% */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
#new-eligibility-popup .header-info .mini-title {
  color: #000;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 131.25% */
}
#new-eligibility-popup .header-info .mini-content {
  color: #555;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
#new-eligibility-popup .doctor-info {
  display: flex;
  padding: 16px 0px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  background: #F8EDFF;
}
#new-eligibility-popup .doctor-info img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  max-width: 50px;
}
#new-eligibility-popup .doctor-info p {
  color: #8136AD;
  font-family: "Titillium Web";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px; /* 135.714% */
}
#new-eligibility-popup .doctor-data h6 {
  margin: 0;
  color: #680E9C;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px; /* 135.714% */
}
#new-eligibility-popup .doctor-data p {
  color: #555;
  font-family: "Titillium Web", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px; /* 158.333% */
}
#new-eligibility-popup .booking-title-wrapper .arrows svg {
  transition: transform 0.3s ease;
  margin-top: -10px;
  cursor: pointer;
}
#new-eligibility-popup .booking-title-wrapper .arrows svg:hover {
  transform: scale(1.2);
}
#new-eligibility-popup .calendar {
  display: block;
  margin-bottom: 15px;
  position: relative;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .calendar {
    display: flex;
  }
}
#new-eligibility-popup .slick-slide {
  margin: 0 4px;
}
#new-eligibility-popup .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 110%);
  list-style-type: none;
}
#new-eligibility-popup .slick-dots li {
  margin: 0 0.25rem;
}
#new-eligibility-popup .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 25%;
  background-color: rgba(98, 32, 136, 0.4509803922);
  text-indent: -9999px;
}
#new-eligibility-popup .slick-dots li.slick-active button {
  background-color: #680E9C;
}
#new-eligibility-popup .time-slot.selected {
  background: linear-gradient(112deg, #f2dbff 48.73%, #E9F5FF 100.3%);
	border: 1px solid #680E9C99;
}
#new-eligibility-popup .calendar div.day.selected {
  background: linear-gradient(112deg, #f2dbff 48.73%, #E9F5FF 100.3%);
  border: 1px solid #680E9C99;
}
#new-eligibility-popup .time-slot.hidden {
  display: none;
}
#new-eligibility-popup .time-slots button {
  border: none;
  font-family: "Titillium Web", sans-serif;
  text-decoration: underline;
  font-size: 12px;
}
@media (min-width: 1270px) and (max-width: 1290px) {
  #new-eligibility-popup .time-slots button {
    font-size: 13px;
  }
}
#new-eligibility-popup .calendar .day {
  position: relative;
  text-align: center;
  display: inline-flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 8px;
  background: rgba(104, 14, 156, 0.08);
  border: 1px solid transparent;
}
#new-eligibility-popup .calendar .day:hover{
	    background: linear-gradient(112deg, #f2dbff 48.73%, #E9F5FF 100.3%);
	    border: 1px solid #680E9C99
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .calendar .day {
    padding: 12px 12px;
    gap: 13px;
  }
}
#new-eligibility-popup .calendar .day .indicator {
  width: 20px;
  height: 4px;
  border-radius: 2px;
  margin-left: 2px;
}
#new-eligibility-popup .calendar .day.available .indicator {
  background-color: #00B67A;
}
#new-eligibility-popup .calendar .day.fully-booked .indicator {
  background-color: #680E9C;
  pointer-events: none;
  cursor: not-allowed;
}
#new-eligibility-popup .time-wrapper {
  min-height: 175px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .time-wrapper {
    min-height: 141px;
  }
}
#new-eligibility-popup .time-wrapper .timeslot-text {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  font-family: "Titillium Web";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .time-wrapper .timeslot-text {
    padding: auto;
  }
}
#new-eligibility-popup .legend {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
  color: #555;
  gap: 10px;
  margin-top: 16px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .legend {
    padding-top: 30px;
  }
}
#new-eligibility-popup .legend .text-q, #new-eligibility-popup .legend .text-q {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #555;
  font-family: "Titillium Web";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#new-eligibility-popup .legend .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
#new-eligibility-popup .legend .dot.available {
  background-color: #00B67A;
}
#new-eligibility-popup .legend .dot.fully-booked {
  background-color: #680E9C;
}
#new-eligibility-popup .time-slots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  position: relative;
  /* Animation for glowing effect */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .time-slots {
    grid-template-columns: repeat(3, 1fr);
  }
}
#new-eligibility-popup .time-slots .luminous-text {
  color: #680E9C;
  text-align: center;
}
#new-eligibility-popup .time-slot {
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-family: "Titillium Web", sans-serif;
  color: #2A2A2A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  border: 1px solid transparent;
}
#new-eligibility-popup .time-slots p, #new-eligibility-popup .luminous-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#new-eligibility-popup .time-slot:hover {
  background: linear-gradient(111.59deg, #F7E9FF 48.73%, #E9F5FF 100.3%);
  border: 1px solid #680E9C99;
}
#new-eligibility-popup .booking-btn-wrapper {
  margin-top: 24px;
}
#new-eligibility-popup .booking-btn-wrapper .btn-book {
  border-radius: 8px;
  background: #680E9C;
  display: flex;
  border: none;
  padding: 12px 16px;
  justify-content: center;
  font-family: "Titillium Web", sans-serif;
  align-items: center;
  gap: 10px;
  color: #fff;
  align-self: stretch;
  width: 100%;
}
#new-eligibility-popup .booking-btn-wrapper .warning-text{
 	font-family: "Titillium Web", sans-serif;	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #new-eligibility-popup .booking-btn-wrapper .btn-book {
    width: 100%;
  }
}
.widget_blur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

.blur_removed {
  background: transparent;
  pointer-events: all;
  width: 100%;
}
#new-eligibility-popup .booking-btn-wrapper .btn-book:hover {
  background-color: #550385;
}
#treatit-booking-banner .slick-slide, #new-eligibility-popup .slick-slide {
  width: 68px;
  max-width: 25%;
}