/*
 * comment 6
 * c-basic
 * c-long
 * c-section
 * c-subsection
 * c-multi
 * c-summary

 */

/**
 * Description: Short description.
 * Version: 1.0.0
 * Last update: 2022/12/23
 * Author: Zubair <zubair@cipherox.com>
 *
 * Summary:
 *
 *    0. PAGES
 *        - 0.1. CONTACT
 *        - 0.2. ABOUT
 *    1. ELEMENT
 *        - 1.1. PRODUCT TYPE CREDIT
 *        - 1.2. TYPE ELEMENT
 *    2. COMPONENT
 *        - 2.1. ELEMENTOR HEADER
 *        - 2.2. HS Tabs
 * 
 */

/* ==========================================================================
   0. ELEMENT
   ========================================================================== */

/* 0.1. TYPE ELEMENT
   ========================================================================== */

/* 0.2. TYPE ELEMENT
   ========================================================================== */

    /* Elementor Image Carousel   */
    /* For Header  */
    /* Strong Testimonial Styling  */
    /* Slider Arrow  */
    /* Slider Quotes  */
    /* For Main Form  */
    /* For Video Elementor Widget  */
    /* For Underline Style  */
    /* Hover Effect For Capsule  */
    /* For Listing Grid Carousel  */
    /* For Footer Contact Button  */
    /* For Pagination Load More Button  */
    /* For Collection Loader  */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Inter:wght@400;500&display=swap");

@font-face {
    font-family: 'Bohemy';
    src: url('https://your-site.com/wp-content/plugins/cx_white_craft_animation/assets/icon/fonts/Bohemy-font.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
  font-family: 'Bohemy';
  src:  url('/wp-content/plugins/cx_templates/asset/icon/fonts/grail-game.eot?f5dwy5');
  src:  url('/wp-content/plugins/cx_templates/asset/icon/fonts/grail-game.eot?f5dwy5#iefix') format('embedded-opentype'),
    url('/wp-content/plugins/cx_templates/asset/icon/fonts/grail-game.ttf?f5dwy5') format('truetype'),
    url('/wp-content/plugins/cx_templates/asset/icon/fonts/grail-game.woff?f5dwy5') format('woff'),
    url('/wp-content/plugins/cx_templates/asset/icon/fonts/grail-game.svg?f5dwy5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}*/


@media (max-width: 1400px) {
  /* root vars */
  :root {
  }
}

@media (max-width: 767px) {
  /* root vars */
  :root {
  }
}

@media (max-width: 600px) {
  /* root vars */
  :root {
  }
}

@media (max-width: 500px) {
  /* root vars */
  :root {
  }
}


/**
 * 
 * COLOR CLASSES
 * 
 * */

:root {
  --cx-warning-color: #d9625b;
  --cx-text-dark: #e4e2e4;

  /* change  adn use actual color of sucess */
  --cx-sucess-color: #12b76a;
  --cx-sucess-color-400: #32d583;

  --cx-error-800: #912018;
  --cx-error-400: #f97066;
  --shadow_color: #3c3c3c;
  --counter_bg: #d6dde2;
}

.color_warning {
  color: var(--cx-warning-color);
}
.color_sucess {
  color: var(--cx-sucess-color);
}

/*
 * GLOBAL STYLING
 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  background: #d8d8d8;
}
::-webkit-scrollbar {
  width: 10px;
  opacity: 0;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: #343a40;
  border-radius: 5px;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Gorditas", Sans-serif !important;
}
body .jupiterx-site {
  font-family: "Gorditas", Sans-serif !important;
  font-size: 0.9rem !important; /*font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;*/
}

@media screen and (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.cx_after_before_line {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: 10px !important;
  color: var(--e-secondary);
}
.cx_after_before_line::after,
.cx_after_before_line::before {
  content: "";
  flex: 1;
  width: max-content;
  height: 1px;
  background-color: var(--e-secondary);
}

/*
 * Icon GLOBAL
 */

.cx-icon {
  font-size: 1.5em;
}



/*.title-primary-style
.title-secondary-style*/

/* For Headings */
.heading-primary {
  font-size: 2rem !important;
  text-transform: capitalize;
  color: var(--e-site-text-dark);
}
.heading-secondary {
  font-size: 1.5rem !important;
  text-transform: capitalize;
  color: var(--e-site-text-light);
}
.heading-tertiary {
  font-size: 1.2rem !important;
  text-transform: capitalize;
  color: var(--e-site-text-light);
}

.title-large {
  font-size: 2rem !important;
  font-weight: 700;
  margin-bottom: 15px !important;
  text-transform: capitalize;
}
.title-medium {
  font-size: 1.4rem !important;
  font-weight: 600;
  margin-bottom: 10px !important;
  text-transform: capitalize;
}
.title-small {
  font-size: 1rem !important;
  font-weight: 500;
  margin-bottom: 5px !important;
  text-transform: capitalize;
}
.title-mini {
  font-size: 0.8rem !important;
  font-weight: 500;
  margin-bottom: 5px !important;
  text-transform: capitalize;
}

/*.title-large-style
.title-medium-style
.title-small-style
.title-mini-style*/

/*progress*/
.progress-bar {
  background-color: var(--progress-bar-bg);
  height: var(--progress-bar-height);
  border-radius: var(--cx-radius-sm);
  margin-bottom: 10px;
  overflow: visible;
}

.bar-filled {
  background-color: var(--e-primary);
  height: 100%;
  border-radius: var(--cx-radius-sm);
  transform: scale(
    1.01262
  ); /* 152.39 is length and need to increase 2 px on each side so 2/(len/100) */
}

/* Owl Carousel global styling */

@media (min-width: 482px) {
  /* ---------- carousel-squeeze-first-last */
  .carousel-squeeze-first-last .owl-item.active {
    transform: scale(1);
    opacity: 1;
    transition: transform 0.25s ease-in-out;
  }

  .carousel-squeeze-first-last
    .owl-item:not(.owl-item.active + .owl-item.active) {
    transform: scale(0.8);
    opacity: 0.7;
  }


}

/* ---------- owl nav */
.owl-nav:not(.group_and_owl) {
  width: 100%;
  position: absolute;
  top: calc(50% - 40px);
}

.owl-nav:not(.group_and_owl) button {
  width: 35px;
  height: 35px;
  /*background: #ffffff !important;*/
  color: var(--e-primary) !important;
  border-radius: 100% !important;
  position: absolute;
  font-size: 25px !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 0 5px #0000003d;
  color: #fff !important;
}
.owl-carousel.nav-dark .owl-nav:not(.group_and_owl) button {
  background: var(--e-primary) !important;
  color: #ffffff !important;
}
.owl-carousel .owl-nav:not(.group_and_owl) span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.owl-nav:not(.group_and_owl) button.owl-prev {
  left: 7px;
}
.owl-nav:not(.group_and_owl) button.owl-next {
  right: 7px;
}

/*=================*/

/*=================*/

/* nav outer */
@media (min-width: 1400px) {
  .owl-carousel.nav-outer .owl-nav:not(.group_and_owl) button.owl-prev {
    left: -4%;
  }
  .owl-carousel.nav-outer .owl-nav:not(.group_and_owl) button.owl-next {
    right: -4%;
  }
}

/* ---------- owl dots */
/*.owl-dots {margin-top: 10px;}*/
.owl-carousel.dots-inner .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
}

/* content placeholder */

.animated-bg-text {
  border-radius: 50px;
  display: inline-block;
  margin: 0;
  height: 10px;
  width: 100%;
}

/* custom component END */

/* theme component */

/* site buttons */
.cx_btn .loading-icon-container {
  margin-left: 5px;
  display: none;
}
.cx-ajax-loading > .loading-icon-container {
  display: inline-block;
  animation-name: rotate_complete;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

/* end theme compnenet */

/* clogbal other */
[data-tippy-root] {
  z-index: 9999999 !important;
}

.product-fullwidth-header {
  margin-right: calc(0px - ((100vw / 2) - 50%));
  margin-left: calc(0px - ((100vw / 2) - 50%));
}


div#user-login-popup {
  position: fixed;
  z-index: 9999;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #00000036;
}
#user-login-popup .cx_shortcode.cx_white_craft_animation_wc_login_form {
  width: 80%;
  max-width: 350px;
  background-color: #efefef;
  padding: 25px;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 20%;
  border-radius: 5px;
}

div#user-login-popup .cx_white_craft_animation_signup .from-wraper {
  background: white;
  display: inline-block;
  max-width: 500px;
  margin: 10vh auto;
}
div#user-login-popup .cx_white_craft_animation_signup .from-wraper.hide {
  display: none;
}

/**
 * Particle
 * */
div.cx_particle_init {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: -1;
}
div.cx_scrollingbg_initilized {
  position: absolute;
  top: -30vw;
  bottom: -30vw;
  width: 40%;
  right: -10%;
  background-position: 0% 0%;
  transform: rotate(45deg);
}
div.cx_scrollingbg_initilized {
  opacity: 0.7;
}

.hero-shortdescription-container {
  opacity: 0.8;
  margin-bottom: 20px;
}

/* --global header menu-- */
/* ==========================================================================
   - 2.1. ELEMENTOR HEADER START
   ========================================================================== */

.cx-menu-item .cx_shortcode small.cx-main-item {
  display: flex;
  column-gap: 3px;
  max-width: 25px;
}
.cx-menu-item .cx_shortcode.type_icon i.box-bg {
  font-size: 25px;
}
/*.lobby-page-ridirect i.box-bg {font-size: 25px;color: #fff;}*/
.cx-menu-item .cx_shortcode.type_icon span.label-2 {
  background-color: var(--e-primary-light);
  color: var(--e-primary-complement-light);
  padding: 10px;
  border-radius: 100%;
  position: relative;
  top: -22px;
  right: 15px;
  font-size: 0.55rem;
  min-width: 20px;
  text-align: center;
  line-height: 14px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
/*  */


/* ==========================================================================
   - 2.1. ELEMENTOR HEADER END
   ========================================================================== */

.open-box-display {
  transition: all 0.2s ease-in;
}
.item-image-animation {
  transition: all 0.2s ease-in;
  transform: scale(0);
  position: relative;
  max-width: 200px;
  margin: auto;
  top: 0;
  z-index: 1;
}
.box-animation {
  max-width: 200px;
  margin: auto;
  z-index: 9999;
  position: relative;
  top: -200px;
  transform: scale(1.4);
  transition: all 0.2s ease-in;
}
.box-animation.animate-final {
  top: -85px;
  transform: scale(0.7);
}
.item-image-animation.animate-final {
  transform: scale(1);
}


/* 
    user details sidebar 
*/

ul.user-details-sidebar {
  list-style: none;
  padding: 0px;
  margin-top: 15px;
}
ul.user-details-sidebar li {
  border-radius: 6px;
}
ul.user-details-sidebar li:hover {
  background: var(--e-slow-white);
}
ul.user-details-sidebar li a {
  padding: 10px 5px;
  padding-left: 0;
  display: flex;
  align-items: center;
  color: var(--e-brand);
  font-weight: 500;
  text-decoration: none;
}
ul.user-details-sidebar li i {
  padding: 5px;
  border-radius: 6px;
  margin-right: 8px;
}
.site-menu-sidebar li i {
  display: none;
}

/* sidebar-main-menu */

.cx-sidebar-wrapper .cx_cx_render_menu {
  margin-top: 40px;
}

.cx_cx_render_menu .menu-wraper {
  margin-bottom: 15px;
  padding-bottom: 10px;
  margin-top: 25px;
}
.cx_cx_render_menu .menu-wraper:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.cx_cx_render_menu .menu-wraper h3 {
  font-size: 0.875rem;
  color: var(--e-global-color-95eb4e6);
  font-weight: 600;
}

.cx_cx_render_menu .user-details-sidebar span {
  font-size: 0.75rem;
}

/**/

/* 
---------------------------------
-   Product Page Item Clone START
---------------------------------
*/

.cx-sidebar-content ul.sub-menu.user-login-submenu {
  list-style: none;
  padding: 0px;
  padding-bottom: 30px;
}
.cx-sidebar-content ul.sub-menu.user-login-submenu a {
  color: #676767;
  display: block;
  padding: 13px 15px;
  font-weight: 500;
  border-bottom: 1px solid #c0c0c047;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
.cx-sidebar-content ul.sub-menu.user-login-submenu a:hover {
  background-color: #909090;
  color: #fff;
}

.cx-sidebar-content .inner-content .cx-sidebar-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0;
  background-color: var(--e-body-secondary-bg);
  padding: 30px;
  z-index: 99999999;
  box-shadow: 0px 0px 8px #00000038;
}

.cx-sidebar-content .inner-content .cx-sidebar-footer::before {
  content: "";
  display: block;
  height: 1px;
  width: 85%;
  background-color: var(--e-primary);
  position: absolute;
  top: 15px;
  left: 7.5%;
}

/*#cx-sidebar-right .cx-sidebar-footer .btn {background-color: #d2d2d2 !important;outline: none;border: 2px solid #3e4b5f;color: #404040;transition: all .2s ease;}
#cx-sidebar-right .cx-sidebar-footer .btn:hover {border-color: #3e4b5f;background-color: #f3f3f3 !important;}
*/
#cx-sidebar-right .cx-sidebar-footer .buttons-list {
  /*display: flex;column-gap: 10px;*/
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
}

#cx-sidebar-right .cx-sidebar-footer .buttons-list > button {
  flex: 1;
}

/* cart sidebar */
.cart-item-thumbnail.txt-center {
  width: 100px;
}
.cart-item-details {
  width: calc(100% - 100px);
  padding: 0px 5px;
  box-sizing: border-box;
}
.cart-item-single {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid silver;
  padding: 15px 15px;
}

.cx-sidebar-render-content .cart-item-single h5 {
  font-size: 1rem;
  text-transform: capitalize;
}
.cx-sidebar-render-content .cart-item-single a {
  color: #404040;
  text-decoration: none;
}


.inner-content.cart-sidebar .product-list {
  /*max-height: calc( 100vh - 190px);overflow-y: scroll;*/
}
.inner-content.cart-sidebar .product-list .cart-item-single {
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.inner-content.cart-sidebar .cart-details table {
  width: 100%;
  margin-bottom: 15px;
}
.inner-content.cart-sidebar .cart-details table td {
  text-align: right;
}
.inner-content.cart-sidebar .cart-details table tr > td {
  padding: 5px;
}

/* end sidebar */


/* For Header  */

#cx_main_header.cx_sticky {

    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 9999;

}



/* Strong Testimonial Styling  */


.cx-main-testimonial {
/*    padding-bottom: 50px !important;*/
}

.cx-main-testimonial .wpmtst-testimonial-inner {

    padding: 0 !important;
    padding-bottom: calc( 56px + 0px ) !important;

}

.cx-main-testimonial .wpmtst-testimonial-inner.testimonial-inner {

    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    column-gap: 20px;

}

.cx-main-testimonial .wpmtst-testimonial-content.testimonial-content {

    grid-column: 1/-1;

}

.cx-main-testimonial .wpmtst-testimonial-image.testimonial-image {

    grid-column: 1;
    grid-row: 2/5;
    justify-self: end;

}

.cx-main-testimonial .wpmtst-testimonial-field.testimonial-field {

    grid-column: 2;
    justify-self: left;
    align-self: start;

}
.cx-main-testimonial .wpmtst-testimonial-field.testimonial-field.testimonial-name {

    align-self: end;

}

.cx-main-testimonial .wpmtst-testimonial-content {

    margin: 0 !important;
    padding: 0 109px !important;
    margin-bottom: 40px !important;

}

@media ( max-width: 767px ) {

    .cx-main-testimonial .wpmtst-testimonial-content.testimonial-content {

        padding: 0 70px !important;

    }

}

@media ( max-width: 480px ) {

    .cx-main-testimonial .wpmtst-testimonial-content.testimonial-content {

        padding: 0 !important;

    }

}

/* Slider Arrow  */

.cx-main-testimonial .wpmslider-controls {
    bottom: -45px !important;
}

.cx-main-testimonial  .wpmslider-controls-direction a.disabled {
    display: block !important;
    opacity: .5;
}


/* Slider Quotes  */
 
.cx-main-testimonial.strong-view.wpmtst-modern .wpmtst-testimonial-content::before {

    background: url('https://whitecraftanimation.com/wp-content/uploads/2025/01/Frame-16776.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 71px;
    height: 47px;
    left: 0px;
    mask: unset;

}


.cx-main-testimonial.strong-view.wpmtst-modern .wpmtst-testimonial-content::after {

    background: url('https://whitecraftanimation.com/wp-content/uploads/2025/01/Frame-16777.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 71px;
    height: 47px;
    right: 0px;
    mask: unset;

}


.cx-main-testimonial .wpmslider-controls-direction .wpmslider-prev {

    position: relative !important;

}

.cx-main-testimonial .wpmslider-controls-direction .wpmslider-prev::before,
.cx-main-testimonial .wpmslider-controls-direction .wpmslider-next::before {

    content: '' !important;
    position: absolute !important;
    left: calc(50% - 18px) !important;
    top: 0 !important;
    transform: translate(-50%, -50%) !important;
    width: 17px !important;
    height: 14px !important;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="14" viewBox="0 0 17 14" fill="none"%3E%3Cpath d="M15.3555 6.89819L3.52345 6.89819" stroke="%235D5D5D" stroke-width="1.62532" stroke-linecap="round"/%3E%3Cpath d="M6.76172 1.10425C5.86133 3.39809 3.28785 6.20985 0.840253 7.02571" stroke="%235D5D5D" stroke-width="1.62532" stroke-linecap="round"/%3E%3Cpath d="M0.838441 7.19409C3.06935 7.66103 6.66514 10.4934 7.46484 12.6926" stroke="%235D5D5D" stroke-width="1.62532" stroke-linecap="round"/%3E%3C/svg%3E') no-repeat center !important;
    background-size: contain !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    mask: unset !important;

}

.cx-main-testimonial .wpmslider-controls-direction .wpmslider-next::before {

    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="14" viewBox="0 0 17 14" fill="none"%3E%3Cpath d="M15.3555 6.89819L3.52345 6.89819" stroke="%235D5D5D" stroke-width="1.62532" stroke-linecap="round"/%3E%3Cpath d="M6.76172 1.10425C5.86133 3.39809 3.28785 6.20985 0.840253 7.02571" stroke="%235D5D5D" stroke-width="1.62532" stroke-linecap="round"/%3E%3Cpath d="M0.838441 7.19409C3.06935 7.66103 6.66514 10.4934 7.46484 12.6926" stroke="%235D5D5D" stroke-width="1.62532" stroke-linecap="round"/%3E%3C/svg%3E') no-repeat center !important;
    transform: translate(-50%, -50%) rotate(180deg) !important;
    left: unset !important;
    right: calc(50% - 18px) !important;

}

.cx-main-testimonial .wpmslider-controls-direction .wpmslider-prev:hover::before,
.cx-main-testimonial .wpmslider-controls-direction .wpmslider-next:hover::before {

    transform: translate(-50%, -50%) scale(1.8) !important;
    filter: brightness(1.5);

}

.cx-main-testimonial .wpmslider-controls-direction .wpmslider-next:hover::before {

    transform: rotate(180deg) translate(50%, 50%) scale(1.8) !important;

}



/* For Main Form  */

.cx-main-form {

    display: grid;
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);

}

.cx-main-form > p {

    margin: 0;

}

.cx-main-form > p:nth-child(n + 5) {

    grid-column: 1 / -1;

}

.cx-main-form > *:last-child {

    grid-column: 1 / -1;

}


.cx-main-form input,
.cx-main-form textarea,
.cx-main-form select {

    position: relative;
    border: none !important;
    background: #fff;
    color: var(--e-text-dark);
    min-height: 51px;
    padding: 15px 17px !important;

}

.cx-main-form input:focus-visible,
.cx-main-form textarea:focus-visible,
.cx-main-form select:focus-visible {
    outline: none !important;

}

.cx-main-form p:has(input),
.cx-main-form p:has(textarea),
.cx-main-form p:has(select) {

    position: relative;

}

.cx-main-form p:has(input:not(.main-form-submit))::before,
.cx-main-form p:has(textarea)::before,  
.cx-main-form p:has(select)::before { 
    content: '';
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/01/Vector-186.png);
    position: absolute;
    width: 100%;
    z-index: 9;
    height: 5px;
    top: 51px;

}

.cx-main-form p:has(textarea)::before {
    bottom: 6px;
    top: unset;
}

.cx-main-form p:has(input:not(.main-form-submit)):hover::after,
.cx-main-form p:has(textarea):hover::after,
.cx-main-form p:has(select):hover::after {
    
    content: '';
    background: url('https://whitecraftanimation.com/wp-content/uploads/2025/01/form_field_hover.png');
    height: 21px;
    width: 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    animation: fadeIn .5s ease-in-out; 

}

.cx-main-form span:has(select):hover::before {
    opacity: 0;
}

.cx-main-form select {

    appearance: none;

}


.cx-main-form span:has( > select)::before {

    content: "";
    background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 18 12%22 width%3D%2218%22 height%3D%2212%22 fill%3D%22none%22%3E%3Cpath d%3D%22M8.75967 9.70075C9.55658 8.69354 10.2711 7.79724 10.9795 6.8956C12.1397 5.41888 13.2731 3.92009 14.4649 2.4697C14.9618 1.86501 15.5767 1.35617 16.1468 0.813121C16.3916 0.579885 16.7066 0.376252 17.0016 0.652811C17.3292 0.959708 17.1229 1.29465 16.8681 1.55083C14.1256 4.30659 12.2439 7.71801 9.85814 10.7457C9.15503 11.6379 8.56295 11.7541 7.6931 10.9987C7.41425 10.7649 7.15288 10.511 6.91102 10.2391C5.21417 8.26287 3.50104 6.29964 1.85163 4.28436C1.32206 3.63732 0.957411 2.85243 0.545303 2.11486C0.475162 1.98914 0.50355 1.65785 0.560828 1.6382C0.771129 1.56538 1.07874 1.48565 1.23116 1.58685C1.83064 1.98525 2.4607 2.38219 2.94113 2.90643C4.10076 4.17175 5.17969 5.51074 6.29721 6.81478C6.95445 7.58184 7.62479 8.33762 8.28579 9.10152C8.43007 9.26862 8.56053 9.44846 8.75967 9.70075Z%22 fill%3D%22%23848484%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 18px 12px;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 18px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 9;

}
/*
.cx-main-form .main-form-submit  {
    padding: 0 !important;
    min-height: unset;
}*/

.cx-main-form p:has(.main-form-submit) {
  position: relative;
  margin: 0;
  cursor: pointer;
}

.cx-main-form p:has(.main-form-submit) .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: calc(50% + 57px);
    transform: translate(-50%, -50%);
}

.cx-main-form .main-form-submit {
  background-color: transparent !important;
}


.cx-main-form p .main-form-submit {
    width: 100%;
    border: 2px solid var(--e-secondary) !important;
    color: var(--e-secondary);
    border-radius: 0;
    position: relative;
    z-index: 9;
}

.cx-main-form p:has(.main-form-submit)::before {
    content: '';
    background: var(--e-primary);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%);
    transition: clip-path 0.4s ease;
    z-index: 0;
}

.cx-main-form p:hover::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.cx-main-form p:has(.main-form-submit)::after {
    content: '';
    background-image:
    url(https://whitecraftanimation.com/wp-content/uploads/2025/01/Group-37196.png),
    url(https://whitecraftanimation.com/wp-content/uploads/2025/01/Group-37195.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    transition: all .3s ease-in;
}

.cx-main-form p:has(.main-form-submit):hover::after {
    visibility: visible;
}


/* For Video Elementor Widget  */

.cx-custom-video .elementor-custom-embed-image-overlay {
    position: relative;
    background: #0000004d;
}

.cx-custom-video .elementor-custom-embed-image-overlay::before {
    content: '';
    position: absolute;
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/01/Group.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 47px;
    width: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.cx-custom-video .elementor-custom-embed-image-overlay::after {
    content: '';
    position: absolute;
    background: black;
    height: 124px;
    width: 124px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .7;
    border-radius: 50%;
}

.cx-custom-video .elementor-custom-embed-image-overlay .elementor-custom-embed-play {
    display: none;
}




/* For Underline Style  */

[class*="cx_underline_style_"] {
    position: relative;
}

[class*="cx_underline_style_"]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    width: 0;
    background-repeat: no-repeat !important;
    animation: expandWidth 10s ease-in-out infinite;
}

.cx_underline_style_1::before {
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/02/Vector-25-min.png);
}

.cx_underline_style_2::before {
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/02/underline_style_2png-min.png);
    height: 13px;
}

.cx_underline_style_3 {
    margin-bottom: 10px;
    display: inline-block;
}

.cx_underline_style_3::before {
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/02/Vector-203-min.png);
    height: 13px;
    margin-bottom: -20px;
}

.cx_underline_style_4 {
    margin-bottom: 18px;
    display: inline-block;
}

.cx_underline_style_4::before {
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/02/comp-min.png);
    height: 26px;
    margin-bottom: -25px;
    margin-left: 25px;
}

/* Hover Effect For Capsule  */

.cx-capsole {
    position: relative;
    padding: 12px 9px 9px 11px  !important;
    transition: all 0s;

}

.cx-capsole:hover {
    background: url(https://whitecraftanimation.com/wp-content/uploads/2025/02/Frame-16833-min.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* For Listing Grid Carousel  */

.listing-grid-container-wraper .owl-dots {
    position: relative;
}

.listing-grid-container-wraper .owl-dots button.active span {
    background: transparent !important;
}

.listing-grid-container-wraper .owl-dots button.active span::after {
    content: url(https://whitecraftanimation.com/wp-content/uploads/2025/01/Frame-16838.png);
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.listing-grid-container-wraper .owl-nav {
     /*height: 100%;
     top: 0;
     margin: 0 !important;*/
}

.listing-grid-container-wraper .owl-nav .owl-prev,
.listing-grid-container-wraper .owl-nav .owl-next {
    top: 50%;
    transform: translateY(-50%);
}

.listing-grid-container-wraper .owl-nav:has(button.owl-next:not(.disabled))::after {
    /* content: ''; */
    position: absolute;
    top: 5px;
    left: 0;
    right: 3px;
    bottom: 0;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 90%, rgba(0,0,0,.5) 100%);
}

.listing-grid-container-wraper .owl-nav button {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    border: 2px solid #848484 !important;
    height: 50px;
    width: 50px;
    margin: 0 !important;
}

.listing-grid-container-wraper .owl-nav span {
    display: none;
}

.listing-grid-container-wraper .owl-nav button::after {
    content: '';    
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="38" height="28" viewBox="0 0 38 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.1358 8.28791C32.2942 7.31424 31.4563 6.33689 30.6224 5.35585C29.715 4.29326 28.8052 3.23286 27.8931 2.17461C27.5443 1.74889 27.1353 1.37631 26.679 1.06867C26.4057 0.897331 25.8158 0.875217 25.5864 1.08734C25.4607 1.23814 25.376 1.41883 25.3406 1.61192C25.3052 1.80502 25.3202 2.00401 25.3842 2.18961C25.631 2.64211 25.9236 3.06804 26.2576 3.46066C26.3318 3.55383 26.4057 3.64695 26.4782 3.74041C27.5223 5.08678 28.5675 6.43244 29.6139 7.7773C30.8475 9.36439 32.0803 10.952 33.3123 12.5402C33.4133 12.6811 33.5023 12.8301 33.5785 12.9857C33.5969 13.0209 33.6165 13.0571 33.6352 13.095C32.9586 13.0616 32.2939 13.0277 31.6371 12.994C30.0172 12.9113 28.4867 12.8331 26.9359 12.7736C23.6356 12.6476 18.8149 12.525 14.1527 12.4055C10.147 12.3041 6.36307 12.2072 3.58395 12.1118C3.03887 12.0975 2.49372 12.1361 1.95609 12.227C1.13479 12.3576 0.718184 12.7801 0.718751 13.4836C0.718751 14.2687 1.18405 14.7442 2.02772 14.8224C2.26033 14.8439 2.49306 14.8663 2.72585 14.8895C3.68281 14.9835 4.67261 15.0801 5.64996 15.0929C9.54917 15.1435 15.0686 15.1832 20.4051 15.2211C24.5399 15.2494 28.4451 15.2777 31.4375 15.3103C31.6553 15.3183 31.8724 15.3402 32.0874 15.3757L32.2338 15.3964C32.1684 15.4669 32.107 15.5341 32.0481 15.5978C31.8351 15.8292 31.6584 16.0209 31.4743 16.205C28.8884 18.8386 26.727 21.8577 25.0673 25.1543L25.0146 25.2551C24.8503 25.5408 24.7208 25.845 24.6289 26.1614C24.5981 26.3491 24.611 26.5414 24.6665 26.7233C24.6829 26.7964 24.6991 26.8695 24.709 26.9411L24.7294 27.09L24.8767 27.0618C24.9629 27.0467 25.0499 27.0361 25.1372 27.03C25.3597 27.0352 25.5784 26.9707 25.7625 26.8456C25.967 26.6529 26.1506 26.4393 26.3103 26.2081C26.434 26.034 26.569 25.8682 26.7144 25.7117C27.8948 24.5045 29.078 23.2996 30.2638 22.0971C31.8107 20.5249 33.3546 18.9503 34.8954 17.3732C35.5783 16.7169 36.1938 15.9939 36.7329 15.2152C37.5021 14.0209 37.3843 13.0274 36.3421 11.8931C35.3471 10.8113 34.2978 9.63145 33.1358 8.28791Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center center;
}

.listing-grid-container-wraper .owl-nav button.owl-prev::after {
    transform: translate(-50%, -50%) rotate(180deg);
}



/* For Footer Contact Button  */

.footer-contact-button-wrapper {
    
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 12px 20px;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    z-index: 1000;
}

.footer-contact-button-wrapper img:hover {
    cursor: pointer;
}

.footer-contact-button-cross {
    position: absolute;
    top: -20px;
    right: 5px;
    cursor: pointer;
    padding: 5px 10px;
}

.footer-contact-button-wrapper.cx_footer_button_html {
    
    opacity: 1;
    visibility: visible;
    transform: translateY(0);

}


/* For Pagination Load More Button  */

.listing-grid-container-wraper .pagination-container {
    justify-content: center;
}

/* For Collection Loader  */

.category_loader .cx-bar-loader {
  margin: 0 auto;
}