.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

#body .hover\:bg-indigo-800:hover, .bg-indigo-500:hover, .bg-indigo-600:hover, .bg-indigo-700:hover , .bg-indigo-900:hover{
  --tw-bg-opacity: 1;
  background-color:#e31c06 !important
}
#body .fill-indigo-500 , .fill-indigo-600, .fill-indigo-700, .fill-indigo-800, .fill-indigo-900 {
    fill: #f1684f !important;
}
#body .border-t-\[\#312E81\] {
   --tw-border-opacity: 1;
   border-top-color: #f1684f !important;
 }
 #body .bg-indigo-500, .bg-indigo-600, .bg-indigo-700 .bg-indigo-800, .bg-indigo-900 {
   background-color: #ef4223 !important;
 }
 #body  .focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #ef4223 !important;
}
#bodyt .ring-indigo-500 {
    --tw-ring-opacity: 1;
        --tw-ring-color: #ef4223 !important;
  }
 #body  .focus\:border-indigo-500:focus, .border-indigo-600:focus, .border-indigo-700:focus, .border-indigo-800:focus, .border-indigo-900:focus{
   border-color: #f1684f !important;
 }
 #body .text-indigo-500, .text-indigo-600, .text-indigo-700 .text-indigo-800, .text-indigo-900 {
   color: #ef4223 !important;
 }
 #body  .ring-2 {
    --tw-ring-offset-shadow:  #ef4223 !important;
    --tw-ring-shadow:  #ef4223 !important;
  }
 #body .ring-indigo-500 {
   --tw-ring-opacity: 1;
    --tw-ring-color: #ef4223 !important;
}
#body .border-indigo-500{
  border-color: #ef4223 !important;
}
#body .checkout [type='text']:focus, .checkout [type='email']:focus, .checkout [type='url']:focus, .checkout [type='password']:focus, .checkout [type='number']:focus,
.checkout [type='date']:focus, .checkout [type='datetime-local']:focus,
.checkout [type='month']:focus, .checkout [type='search']:focus,
.checkout [type='tel']:focus, .checkout [type='time']:focus,
.checkout [type='week']:focus, .checkout [multiple]:focus,
.checkout textarea:focus, .checkout select:focus{
  --tw-ring-color: #ef4223;
}
.cool-link::after {
    content: '';
    display: block;
    width: 0px !important;
    height: 2px;
    background: #ef4223 !important;
    transition: width .3s;
}


.cool-link:hover::after {
    width: 100% !important;
  color: blue !important;
}

.is-container {
    z-index: unset !important;
}
  .text_center{
    text-align: center;
    color: black !important;
  }

.body > .is-boxes{
  height: auto !important;
}
.select2-selection.select2-selection--single{
  height: 45px!important;
  --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    display: flex;
    align-items: center;
}
.msg-error{
  color: red;
  font-weight: bold;
}
.slider_glide{
  height:  300px !important;
}
.inline_cont{
    position:fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
}
.inline_cont>a{
    top:5px;
    left:5px;
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
}
.inline_cont i{
    color:white;
    font-size:30px;

}
.inline_cont span{
    position:absolute;
    position: absolute;
    left: 20%;
    top: 5%;
}
.circle{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    position:relative;
}
.inline_on{
     background: rgb(255,64,129);
}
.inline_off{
     background: black;
}
.inline_off i{
     margin-top: 6px;
}
.inline_on i{
     margin-top: 7px;
     margin-left: 4px;
}
.swal2-confirm.swal2-styled{
  background-color: #312e81 !important;
}
.slider{
  height: 200px;
}
.slider .glide__slide  {
  /* border: 2px solid;
border-radius: 15px;
border-color: rgb(209 213 219);
padding: 5px; */
}
.glide__arrow {
      background-color: rgb(0 0 0 / 21%) !important;
          padding: 0px !important;
}

@media (min-width: 1536px){
  .container {
      max-width: 1536px !important;
  }
}
@media(max-width: 799px){
  .title-font{
    margin-top: 60px;
  }
}

.squareImgGlide img {
  width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;

/* border: 2px solid !important;
border-color: rgb(209 213 219) !important; */
border-radius: 15px !important;
padding: 5px !important;
}


.buttonload {
background-color: #4CAF50;
border: none;
color: white;
padding: 12px 24px;
font-size: 16px;
margin: 25px;
}
.fa {
margin-left: -12px;
margin-right: 8px;
}
section.loaders .loader {
display: inline-block;
}
.loader {
border: 16px solid #f3f3f3;
border-top: 16px solid blue;
border-radius: 50%;
width: 50px;
height: 50px;
margin: 25px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.colors2 {
border-bottom: 16px solid blue;
}
.colors3 {
border-bottom: 16px solid red;
border-right: 16px solid green;
}
.colors4 {
border-bottom: 16px solid red;
border-right: 16px solid green;
border-left: 16px solid pink;
}