:root {
  /********        Will apply on text, background, border and links      */

  --fs-sm:14px;
  --website-width:420px;

  --bs-body-size : 18px;
  --bs-body-color : #343434;
  --bs-body-bg : #fff;

  --bs-primary:#f5820f;
  --bs-primary-rgb:245, 129,14;
  --bs-primary-bg-subtle : #fccea0;

  --bs-secondary:#ffc61a;
  --bs-secondary-rgb:255, 198, 26;
  --bs-secondary-bg-subtle : #fcf3d7;

  --bs-light:#f1f1f1;
  --bs-light-rgb:241,241,241;

  --bs-dark:#040135;
  --bs-dark-rgb:4,1,53;
  --bs-dark-bg-subtle : #090468;

  --bs-btn-color: #f5820f;
  --bs-btn-border-color: #f5820f;
  --bs-btn-hover-bg:#f5820f;
  --bs-btn-hover-border-color:#f5820f;

  --bs-facebook:#0866ff;
  --bs-whatsapp:#25d366;
}

/* * {
  cursor: url('../images/cursor.png') 25 25, auto !important;
}
*/

/*    For pagination  */ 
.pagination {
  --bs-link-color:var(--bs-body-color);
  --bs-link-hover-color:var(--bs-body-color);
  --bs-pagination-active-bg:var(--bs-primary);
  --bs-pagination-active-border-color:var(--bs-primary);
}

html {scroll-behavior:smooth;}
body { background:var(--bs-body-bg);color:var(--bs-body-color);font-family: "Inter", sans-serif;font-weight:400;font-size:var(--bs-body-size);line-height:1.6;margin:0;padding:0}

 /* Custom bee cursor follower */
#bee-cursor {
    position: fixed;
    width: 35px;
    height: 35px;
    pointer-events: none;
    z-index: 9999;
    transform: translate(0px, 10px);
    /*transform: translate(-50%, -50%);*/
    transition: transform 0.15s ease-out;
}

/*
.cursor-dot {
  width: 8px;
  height: 8px;
  background: url('../images/bee-circle.png') center center no-repeat;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.cursor-circle {
  width: 35px;
  height: 35px;
  border: 3px solid var(--bs-primary);
  background-color: rgba(255,255,255,0.3);
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9998;
  transition: transform 0.15s ease-out;
}
*/
.zoom-in-out-element {
  animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {scale: 100%;}
  50% {scale: 105%;}
  100% {scale: 100%;}
}


/*******************      fonts css       **************************/

.ff-script{font-family: "Oleo Script", system-ui;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-weight: 600!important;}


.fw-semi{font-weight:600;}
.font-bold,.fw-bold{font-weight:700!important;}
.fw-ebold{font-weight:800!important;}
b, strong {font-weight: 500!important;color: var(--bs-primary);}

.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}

.lh-md{line-height: 1.45;}

.w-3{width:3px;}
.w-sm{width:50px;}
.h-sm{height:50px;}

.w-md{width:70px;}
.h-md{height:70px;}

.w-lg{width:120px;}
.h-lg{height:120px;}

/*******************      Classic editor css       **************************/

.alignleft {float: left; margin: 0.5em 1em 0.5em 9px ;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignright {float: right;margin: 0.5em 0 0.5em 1em;}
.single-post h2,.single-post h3,.single-post h4{margin-top: 20px;}
 legend {font-size: 18px;}

.fancybox-caption{bottom: 35%;background: none;}
.fancybox-caption__body{background-color: var(--bs-secondary);font-size: 20px;padding:15px;max-width:420px;margin:auto;}

/*   ******************      Extended Css       ************************* */

.img-opacity-30 {opacity: 0.30;}
.img-opacity-50 {opacity: 0.50;}
.bg-opacity-30 {--bs-bg-opacity: 0.30;}
.opacity-hover:hover{opacity: 80%;}
.top-40{top:45%;}
.z-5 {z-index: 5 !important;}
.card{background-color: var(--bs-white);}
.card-header{background-color: var(--bs-primary);color: var(--bs-white);}
.dd-location{background-color: transparent;border: 0px;display: inline-block;padding: 5px;font-size: 17px;color: #fff;}
.modal.fade .modal-dialog { transition: transform 0.2s ease-out;}

/*******************      anchor css       **************************/

a {color:var(--bs-body-color);}
a.active,a:hover:not(.btn,.nav-link,.woocommerce-loop-product__link) {color:var(--bs-primary);}
a:not(.underline), a:not(.underline):hover {text-decoration:none;outline:0}
a.underline {text-decoration:underline;outline:0}

a.link-white{color: var(--bs-white);}
a.link-white:hover{color: var(--bs-primary);}
a.link-primary:focus, a.link-primary:hover {color:var(--bs-secondary)!important;}

.editor-content a:not(.wc-block-cart__submit-button){color: var(--bs-primary);}
.editor-content a:hover{color: var(--bs-primary-hover);}

/*
a.stretched-link img, a.woocommerce-loop-product__link img{transition: transform .3s;}
a.stretched-link:hover img, a.woocommerce-loop-product__link:hover img{transform: scale(1.04);}

/*******************      Letter spacing css       **************************/

.ls-n30 {letter-spacing:-.03em}
.ls-n50 {letter-spacing:-.05em}
.ls-50 {letter-spacing:.05em}
.ls-60 {letter-spacing:.06em}
.ls-100 {letter-spacing:.1em}
.ls-200 {letter-spacing:.2em}

/*******************      button css   255,193,7    **************************/

.btn {font-size:var(--bs-body-size);font-weight:600;padding:10px 35px;letter-spacing: 0.05em; text-decoration:none!important;border: 0px;transition: transform 0.5s ease;}
.btn:hover {transform: scale(1.05);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);background-color: var(--bs-primary);border-color: var(--bs-primary);}

.btn.btn-sm {font-size:15px!important;padding:4px 7px!important}
.btn.btn-md {font-size:16px!important;padding:8px 12px!important}
.btn.btn-xl {font-size:20px!important;padding:10px 60px!important}
.btn:disabled,.btn.disabled,fieldset:disabled .btn {opacity:.1!important}
.btn.btn-link:focus {border-color:transparent!important}

.btn-primary{background-color:var(--bs-primary)!important;color:var(--bs-white)!important;}
.btn-secondary{background-color:var(--bs-secondary)!important;color:var(--bs-white)!important;}
.btn-whatsapp{background-color: var(--bs-whatsapp);color:var(--bs-white)!important;}
.btn-facebook{background-color: var(--bs-facebook);color:var(--bs-white)!important;}
.bg-whatsapp{background-color:var(--bs-whatsapp)!important;color:var(--bs-white)!important;}
.bg-facebook{background-color:var(--bs-facebook)!important;color:var(--bs-white)!important;}
.text-whatsapp{color: var(--bs-whatsapp)!important;}
.text-facebook{color: var(--bs-facebook)!important;}
.btn-warning{background-color: var(--bs-warning);}
.btn-outline-primary{color: var(--bs-primary);border:solid 1px var(--bs-primary);}


#ScrollToTop-float {bottom:30px;left:30px;width:40px;height:40px;color:var(--bs-white);font-size:20px;border-radius: 50%;
line-height:40px;position:fixed;z-index:99;border:0;outline:0;cursor:pointer;display: none;text-align: center;transition: transform 0.5s ease;}

#right-fixed {top:45%;right:0px;position:fixed;z-index:99;}
#bottom-fixed {position:fixed;z-index:999;width: 100%;bottom: 0px;}

.btn-light{background-color:var(--bs-gray-300)!important;color:var(--bs-body-color)!important;}
.btn-light:hover{background-color:var(--bs-gray-500)!important;color:var(--bs-body-color)!important;}

.h-50p{height: 60px;}

/***      accordion     ***********************************   */
.accordion-item {background-color:transparent;border:solid 1px var(--bs-primary);border-radius:5px;}
.accordion-item+.accordion-item  {border-top:1px solid var(--bs-primary);margin-top:15px;}
.accordion-button {background-color:transparent;color:var(--bs-body-color);padding:12px 10px;}
.accordion-body {background-color:#fff;color:var(--bs-body-color);}

/*******************      Other css       **************************/

/*   Gradient classes   */
.text-primary-gradient{background: linear-gradient(to right,var(--bs-primary) 0%, var(--bs-secondary) 60%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.text-dark-gradient{background: linear-gradient(to right,var(--bs-dark) 0%, var(--bs-primary) 50%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.text-primary-gradient-subtle{background: linear-gradient(to right,var(--bs-primary) 0%, var(--bs-secondary) 20%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.border-primary-gradient{ border-image: linear-gradient(to bottom,var(--bs-primary) 0%, var(--bs-warning) 100%) 1;}

.btn-primary-gradient,.btn-primary-gradient:hover{color: var(--bs-white);}
.btn-primary-gradient,.bg-primary-gradient{
  background: var(--bs-primary);
  background: var(--bs-secondary);
  background: -moz-linear-gradient(135deg, var(--bs-primary), var(--bs-secondary) 80%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, var(--bs-primary)), color-stop(80%, var(--bs-secondary)));
  background: -webkit-linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  background: -o-linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  background: -ms-linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--bs-primary), endColorstr=var(--bs-secondary), GradientType=1 );
}

.btn-dark-gradient,.bg-dark-gradient{
  background: var(--bs-dark);
  background: var(--bs-dark-bg-subtle);
  background: -moz-linear-gradient(135deg, var(--bs-dark), var(--bs-dark-bg-subtle) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, var(--bs-dark)), color-stop(100%, var(--bs-dark-bg-subtle)));
  background: -webkit-linear-gradient(135deg, var(--bs-dark) 0%, var(--bs-dark-bg-subtle) 100%);
  background: -o-linear-gradient(135deg, var(--bs-dark) 0%, var(--bs-dark-bg-subtle) 100%);
  background: -ms-linear-gradient(135deg, var(--bs-dark) 0%, var(--bs-dark-bg-subtle) 100%);
  background: linear-gradient(135deg, var(--bs-dark) 0%, var(--bs-dark-bg-subtle) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--bs-dark), endColorstr=var(--bs-dark-bg-subtle), GradientType=1 );
}

.btn-secondary-gradient,.bg-secondary-gradient{
  background: var(--bs-primary-bg-subtle);
  background: var(--bs-white);
  background: -moz-linear-gradient(135deg, var(--bs-primary-bg-subtle), var(--bs-dark-bg-subtle) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, var(--bs-primary-bg-subtle)), color-stop(100%, var(--bs-dark-bg-subtle)));
  background: -webkit-linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-dark-bg-subtle) 100%);
  background: -o-linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-dark-bg-subtle) 100%);
  background: -ms-linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-dark-bg-subtle) 100%);
  background: linear-gradient(180deg, var(--bs-secondary-bg-subtle) 0%, var(--bs-white) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--bs-primary-bg-subtle), endColorstr=var(--bs-dark-bg-subtle), GradientType=1 );
}

.social-icons a{font-size: 15px; background-color:var(--bs-primary);color:var(--bs-white);width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;display:inline-block;transition: all ease-in-out 0.4s;}
.social-icons a:hover{transform: scale(1.1);box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);color: #fff;}

.carousel-indicators{bottom:0px;z-index: 4;}
.carousel-indicators  [data-bs-target] {width:12px;height:12px;border-radius:50%;margin-right:10px;opacity:1;background-color:var(--bs-white);}
.carousel-indicators .active{background-color:var(--bs-primary);}
.carousel-indicators [data-bs-target]:focus{border-color:transparent!important;}
.carousel-control-prev,.carousel-control-next{width:50px;}

.text-shadow{text-shadow:5px 0px 5px rgba(0,0,0,0.7);}
.change-brightness{filter: brightness(75%);}

.fa-list1,.fa-list2,.fa-list3{ padding: 0;margin: 0;list-style-type: none;}
.fa-list1 li {position: relative; padding-left:35px; line-height: 1.5; margin-bottom: 10px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.fa-list1 li:before  {position: absolute;  left: 0;  top: 0.1em;color:var(--bs-dark);content: "\f101";font-size:16px;font-weight: 900;font-family: "Font Awesome 5 Free";}
.fa-list1 li:hover {transform: translateX(10px);}

.fa-list2 li {position: relative; padding-left:35px; line-height: 1.5; margin-bottom: 10px;font-size: 22px;}
.fa-list2 li:before  {position: absolute;  left: 0;  top: 0.1em;color:var(--bs-dark);content: "\f00c";font-size:20px;font-weight: 900;font-family: "Font Awesome 5 Free";}

.fa-list3 li {display: inline-block;text-align: left; position: relative; padding-left:35px; line-height: 1.5; margin-bottom: 20px;}
.fa-list3 li:before  {animation: faMove 1s infinite ease-in-out;position: absolute;  left: 0;  top: 0px;color:var(--bs-primary);content: "\f30b";font-size:20px;font-weight: 900;font-family: "Font Awesome 5 Free";}

.fa-list4 li {display: block;text-align: left; position: relative; padding-left:25px; line-height: 1.5; margin-bottom:3px;}
.fa-list4 li:before  {position: absolute;  left: 0;  top: 0px;color:var(--bs-primary);content: "\f30b";font-size:17px;font-weight: 900;font-family: "Font Awesome 5 Free";}

.fa-list1.text-white li:before, .fa-list2.text-white li:before, .fa-list2.text-white li:before{color:var(--bs-white);}

@keyframes faMove {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.wow {visibility:hidden;animation-duration: 2s !important; /* Default is 1s */}
.object-fit{-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

/*******************      Additional css       **************************/

.top-gradient{position: absolute;top: 0px;z-index:1;height: 100%;width:100%;border-radius: var(--bs-border-radius-xl);
background: linear-gradient(to bottom,  rgba(6,1,69,0.9) 0%, rgba(6,1,69,0.7) 10%);
}

.slick-slide {padding: 10px;}
.slick-next::before, .slick-prev::before {font-size: 30px;color:var(--bs-primary);}
.slick-prev {left: 0px;}
.slick-next {right: 10px;}

    
/*******************      Padding css       **************************/

.py-100{padding-top:100px;padding-bottom:100px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-80{padding-top:80px;padding-bottom:80px;}


/*******************      Input Cotnrols css       **************************/


.form-floating > label,.form-control::placeholder{color:var(--bs-gray-500);}
.form-floating > label.text-white:after{background-color:transparent!important;}
.form-check-input:checked {background-color:var(--bs-primary);border-color:var(--bs-primary);}


/*******************      Input Cotnrols css       **************************/

/*   For hidden text to be read by scrollers. Use with a tags which do not have text. Also use aria-label="" with them  */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

#website-loader {
  position: fixed;
  inset: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.website-spinner {
  width: 48px;
  height: 48px;
  border: 5px solid var(--bs-primary-bg-subtle);
  border-top-color: var(--bs-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Change contact form default spinner image */

.wpcf7-not-valid-tip {font-size: 0.7em;}
.wpcf7 form .wpcf7-response-output {margin: 5px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var(--bs-danger);font-size: var(--bs-body-size);}

.wpcf7-spinner {
    background: none !important;
    width: 30px;
    height: 30px;
    border: 4px solid var(--bs-primary-bg-subtle);
    border-top: 4px solid var(--bs-primary); /* Customize with your theme color */
    border-radius: 50%;
    animation: spin2 1s linear infinite;
    margin-left: 10px;
    display: block;
}

@keyframes spin2 {
    100% {
        transform: rotate(360deg);
    }
}

.page-link:focus{background-color: transparent;box-shadow: none;}

button:focus,
textarea:focus,
textarea.form-control:focus,
select.form-select:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow:none!important;
  outline:0!important;
  border-color:var(--bs-gray-500)!important;
}

/*   button.navbar-toggler:focus{border-color:var(--bs-white)!important;}  */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color:var(--bs-gray-500);
  -webkit-box-shadow:0 0 0 1000px var(--bs-white) inset;
  transition:background-color 5000s ease-in-out 0s;
  font-size:15px
}