/*======================================
Theme Name: Divi Child
Theme URI: https://divicake.com/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.1
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
:root {
    --content-width: 90%;
    --theme-color1: #8c41a8; 
    --theme-color1-rgb: 140, 65, 168; 
    --theme-color2: #37459a; 
    --theme-color2-rgb: 55, 69, 154; 
    --bs-black: #000000;
    --bs-black-rgb: 0, 0, 0;
    --bs-white: #ffffff;
    --bs-white-rgb: 255, 255, 255;
    --transition: all 500ms ease;
    --font-awesome-free: "Font Awesome 7 Free";
    --font-awesome-brands: "Font Awesome 7 Brands";
}
@-moz-document url-prefix() {
    * {
        scrollbar-width: thin; 
        scrollbar-color: var(--theme-color1) #efefef; 
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #efefef; 
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--theme-color1);
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    background: var(--theme-color1);
    border-radius: 10px;
    transition: var(--transition);
}

::-moz-selection {
    background: var(--theme-color1);
    color: var(--bs-white);
}
::selection {
    background: var(--theme-color1);
    color: var(--bs-white);
}
::-webkit-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
::-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
::placeholder {
    color: inherit !important;
    opacity: 1;
}
body {
    overflow-y: auto;
    overflow-x: hidden;
    accent-color: var(--theme-color1);
    /* word-break: break-word; */
}
div#page-container {
    overflow-y: visible;
    overflow-x: hidden;
}
header #dd-hamburger .et_pb_blurb_content {
    display: flex;
    align-items: center;
}
body:not(.et-fb) #et-boc .et-l #dd-section {
    z-index: 999999 !important;
}
#wpadminbar {
    z-index: 9999999 !important;
}
.et_pb_row {
    width: 90%;
}

footer .et_pb_column .et_pb_widget.widget_nav_menu,
footer .et_pb_column .et_pb_widget_area {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    border-right: 0;
    padding-right: 0;
}
.wpcf7-spinner {
    position: absolute;
}
.wpa-test-msg {
    display: block;
    width: 100%;
    float: left;
}
.contact-form-sec form .et_pb_column {
    margin-bottom: 20px !important;
}
.equal-img, .equal-img * {
    height: 100%;
    display: flex;
    object-fit: cover;
}
.aspect-ratio-1 img {
    aspect-ratio: 1;
    object-fit: cover;
}
.aspect-ratio-2 img {
    aspect-ratio: 2;
    object-fit: cover;
}
.aspect-ratio-unset img {
    aspect-ratio: unset;
}
p:empty {
    padding-bottom: 0;
}
.grecaptcha-badge {
    margin-bottom: 160px!important;
     z-index:10;
}
/* --list-style-- */

.list-style {
    --size: 20px;
    & ul {
        padding: 0;
        display: grid;
        gap: 6px;
        line-height: inherit;
        margin-top: 10px;
        & li {
            list-style: none;
            position: relative;
            padding-left: calc(var(--size) * 1.5);
            left: 0;
            &:before {
                content: "\f00c";
                font-family: var(--font-awesome-free);
                font-weight: 900;
                margin-right: 0;
                color: var(--bs-white);
                position: absolute;
                left: 0;
                top: 2px;
                background: var(--theme-color1);
                width: var(--size);
                height: var(--size);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: var(--size);
                font-size: calc(var(--size) * 0.5);
                margin: 0;
            }
        }
    }
}
/* --list-style-close-- */
/* --main-title-- */
.main-title {
    & h5 {
        
    }
    & h2 {  
        padding-bottom: 0;   
        &:before {
            content: "";
            position: relative;
            background-image: url(/wp-content/uploads/2025/11/title-bg.svg);
            display: block;
            margin: auto;
            padding: clamp(0.375rem, 0.2763rem + 0.3158vw, 0.5625rem);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin-bottom: 10px;
        }
    }
    & span {
        color: var(--theme-color1);
    }
    &.et_pb_bg_layout_dark {
        & h2 {
            &:before {
                filter: brightness(0) invert(1);
            }
        }
    }
    &.et_pb_text_align_left h2 {
        &:before {
            margin-left: 0;
            background-position: left;
        }
    }
}

/* --main-title-close-- */

/*--back-to-top--*/
body .et_pb_scroll_top.et-pb-icon {
    z-index: 9999999;
    position: fixed;
    right: 70px;
    bottom: 110px;
    background: var(--theme-color1);
    height: auto;
    box-shadow: 0 2px 18px 0px rgb(255 255 255 / 20%);
    -webkit-transition: all 0.2s ease,-webkit-transform 0.6s ease;
    transition: all 0.2s ease,-webkit-transform 0.6s ease;
    transition: all 0.2s ease,transform 0.6s ease;
    transition: all 0.2s ease,transform 0.6s ease,-webkit-transform 0.6s ease;
    cursor: pointer;
    padding: 4px 20px;
    font-size: 14px;
}
.et_pb_scroll_top:before {
  display: none;
}
.et_pb_scroll_top:after {
    content: "\49";
    font-family: ETmodules !important;
    color: var(--bs-white);
    font-size: 16px;   
    font-weight: 700;
    margin-left: 11px;
    position: relative;
    top: 3px;
}
.et_pb_scroll_top, .et_pb_scroll_top.et-visible,.et_pb_scroll_top.et-hidden {
  -webkit-animation: none !important;
          animation: none !important;
}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden {
  -webkit-transform: scale(0) rotate(0deg);
          transform: scale(0) rotate(0deg);
}
.et_pb_scroll_top.et-visible {
  -webkit-transform: scale(1) rotate(360deg);
          transform: scale(1) rotate(360deg);
}
.et_pb_scroll_top .et-pb-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.et_pb_scroll_top {
  right: 0;
  width: auto;
  padding: 0 20px;
  line-height: 40px;
}
.et_pb_scroll_top:before {
  content: 'Back To Top';
  display: inline-block;
  color: var(--bs-white);
  font-weight: 700;
  font-family: 'Adobe Garamond',Helvetica,Arial,Lucida,sans-serif !important;
}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden {
  right: 40px;
  bottom: 100px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(1) translate(100%, 0) rotate(-90deg);
          transform: scale(1) translate(100%, 0) rotate(-90deg);
}
.et_pb_scroll_top.et-visible {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.et_pb_scroll_top .et-pb-icon {
  display: none;
}
/*--back-to-top-close--*/

/*--btn-design--*/
.et_pb_button {
    --padding: clamp(0.6rem, 0.5184rem + 0.3211vw, 0.7rem) clamp(1.275rem, 1.1rem + 1.026vw, 1.5rem); /*16px 40px*/
    --text-transform: capitalize;
    --icon-size: 10px;
    position: relative !important;
    padding: var(--padding) !important;
    z-index: 2;
	cursor:pointer;
    color: var(--bs-white) !important;
    font-size: clamp(0.875rem, 0.8092rem + 0.2105vw, 1rem);
    font-weight: 500;
    text-transform: var(--text-transform);
    border: 0px solid var(--theme-color1) !important;
    overflow: hidden;
    background-color: var(--theme-color1) !important;
    border-radius: 3px !important;
    display: inline-flex !important;
    transition: var(--transition);
    line-height: 1.5 !important;
    white-space: nowrap;
    align-items: center;
    flex-direction: row-reverse;
    gap: 20px;
    &:before,
    &:after {        
        content: "" !important;
        display: block !important;
        margin: 0 !important;
        opacity: 1 !important;
        transition: var(--transition);
    }
    &:before {        
        content: "\f178" !important;
        font-family: var(--font-awesome-free) !important;
        font-weight: 900;
        position: relative !important;
        font-size: 100%;
        margin-right: -10px !important;
        background: var(--bs-white);
        color: var(--theme-color1);
        padding: clamp(0.4375rem, 0.3388rem + 0.3158vw, 0.625rem) clamp(0.375rem, 0.2763rem + 0.3158vw, 0.5625rem);
        border-radius: 3px;
    }
    &:before {                 
    }
    &:hover {       
         background-color: var(--bs-black) !important;
    }
    &.et_pb_bg_layout_dark {        
        background-color: var(--bs-white) !important;
        color: var(--theme-color1) !important;
        &:before {        
            content: "\f178" !important;
            font-family: var(--font-awesome-free) !important;
            font-weight: 900;
            position: relative !important;
            font-size: 100%;
            margin-right: -16px !important;
            background: var(--theme-color1);
            color: var(--bs-white);
        }
        &:hover {
            background-color: var(--theme-color2) !important;
        }
    }
}

/*--btn-design-close--*/


/*******  | HEADER CODE |  *******/
/* --header-- */

/* --header-close-- */


/*******  | HOMEPAGE CODE |  *******/

/* --contact-us-- */

/*******  | FOOTER CODE |  *******/
.main-footer {
    & .et_pb_gallery_items {
        &.et_post_gallery {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;

            img {
                padding: 0;
                border: 1px solid var(--bs-white);
                object-fit: cover;
                aspect-ratio: 1.7;
                width: 100%;
            }
        }
    }

    & .et_pb_gallery_grid {
        & .et_pb_gallery_item {
            display: block !important;
            margin: 0 !important;
            width: 100%;
        }
    }
}
/*******  | MEDIA QUERY CODE |  *******/

@media screen and (width >= 981px) {
    
    .row-reverse {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        &>.et_pb_column {
            margin-left: auto !important;
            margin-right: 0 !important;
            &.et-last-child {
                margin-left: 0 !important;
            }
        }
    }  

.row-reverse {
    & .product-img .et_pb_image_wrap {
        float: left;
        &:before {
            left: -20px;
        }
    }
}

}

@media screen and (width <= 980px) {

}

@media screen and (width <= 767px) {

}