/*
Theme Name: Neo
Theme URI: https://neo.divi.expert/
Description: Neo - Creative Agency Divi Child  Theme is ready for customization. Neo is a flexible and multifunctional Divi child theme created to assist you in building beautiful and expert websites for any purpose. It gives you all the tools you need to develop a stunning and useful website, whether you're creating a blog, a business website, or an online store. 
Author: Eugene Dimov Divi.expert
Author URI: https://divi.expert/
Template: Divi
Version: 1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  divi-child-theme
*/


/* Four  "+" in corners */
.plus-corners {
    position: relative;
    box-sizing: border-box;
}

/* Top-left + */
.plus-corners::before {
    content: "+";
    position: absolute;
    top: 0px;
    left: 95px;
    font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Top-right + */
.plus-corners::after {
    content: "+";
    position: absolute;
    top: 0px;
    right: 100px;
     font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Bottom-left + */
.plus-corners > *:first-child::before {
    content: "+";
    position: absolute;
    bottom: -8px;
    left: 95px;
     font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Bottom-right + */
.plus-corners > *:first-child::after {
    content: "+";
    position: absolute;
    bottom: -8px;
    right: 100px;
    font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Tablet view */
@media (max-width: 768px) {
  /* Top-left + */
.plus-corners::before {
    content: "+";
    position: absolute;
    top: 0px;
    left: 195px;
    font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Top-right + */
.plus-corners::after {
    content: "+";
    position: absolute;
    top: 0px;
    right: 180px;
     font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Bottom-left + */
.plus-corners > *:first-child::before {
    content: "+";
    position: absolute;
    bottom: -8px;
    left: 175px;
     font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Bottom-right + */
.plus-corners > *:first-child::after {
    content: "+";
    position: absolute;
    bottom: -8px;
    right: 178px;
    font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}


}

 /* Tablet view */
  @media (max-width: 480px) {
  /* Top-left + */
.plus-corners::before {
    content: "+";
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Top-right + */
.plus-corners::after {
    content: "+";
    position: absolute;
    top: 0px;
    right: 20px;
     font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Bottom-left + */
.plus-corners > *:first-child::before {
    content: "+";
    position: absolute;
    bottom: -8px;
    left: 20px;
     font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}

/* Bottom-right + */
.plus-corners > *:first-child::after {
    content: "+";
    position: absolute;
    bottom: -8px;
    right: 20px;
    font-size: 25px;
    font-weight: 200;
    color: #000;
    line-height: 1;
}


}




/* end*/




/*blinking text*/
.blink {
  animation: blink 1s steps(2, start) infinite;
}

@keyframes blink {
  to { visibility: hidden; }
}


/*end*/


/* Cursor: cross (crosshair) instead of arrow – works site-wide */
/* 1. Global cross cursor */
*,
*:before,
*:after {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2323FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>') 12 12, crosshair !important;
}

/* 2. Orange arrow pointing UP on all interactive elements */
a,
a:hover,
button,
button:hover,
input[type="submit"],
input[type="button"],
.et_pb_button,
.et_pb_button:hover,
[role="button"],
[onclick],
label,
select,
textarea,
.mobile_menu_bar,
.et_pb_toggle_title,
.et_pb_contact_field input,
.et_pb_contact_field textarea {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="%2323FF" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5M5 12l7-7 7 7"/></svg>') 12 6, pointer !important;
}

/*end*/


/* Cut Corners button */
.btn-cut {
  --cut: 25px;            /* size of the cut — change this */
  display: inline-block;
  padding: 0.65em 1.2em;
  background: var(--btn-bg);
  color: var(--btn-color);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  line-height: 1;
  transition: transform .15s ease, filter .15s ease;
  /* Use clip-path to cut top-left and bottom-right corners */
  clip-path: polygon(
    /* x y */
    var(--cut) 0%, 100% 0%, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%,
    0% 100%, 0% var(--cut));
}

/*end*/





/* ——— BUTTON SHUFFLE EFFECT ON HOVER ——— */
.shuffle-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

/* Wrap every single letter in a span (will be done by JS) */
.shuffle-button .letter {
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.4, 1);
}

/* Hover state – triggered by JS */
.shuffle-button:hover .letter {
    animation: shuffleLetter 0.55s ease-out forwards;
}

/* Individual letter scramble animation */
@keyframes shuffleLetter {
    0%   { transform: translateY(0) rotate(0deg); }
    40%  { transform: translateY(-12px) rotate(6deg); opacity: 0.7; }
    100% { transform: translateY(0) rotate(0deg); opacity: 1; }
}

/*end*/


/* - Vertical Fullwidth Menu Style - */
/* Fullscreen Menu with Split Layout */
.et_header_style_fullscreen .et_slide_in_menu_container {
    display: flex !important;
    flex-direction: row !important;
    height: 100vh !important; /* full height */
    width: 100vw !important;  /* full width */
    background: #000 !important; /* solid black background */
    align-items: center !important; /* center all children vertically */
    justify-content: center !important; /* center horizontally */
    z-index: 99999 !important;  /* Ensure it's on top */
    position: fixed !important;  /* Fix to viewport */
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;  /* Force full opacity */
    transform: translateX(0) !important;  /* Force no initial slide */
    transition: opacity 0.5s ease, visibility 0.5s ease !important;  /* Only fade and visibility */
}

/* Left column: vertical menu */
.et_header_style_fullscreen .et_slide_in_menu_container .et_slide_menu_top {
    flex: 0 0 50% !important; /* take 50% of screen */
    background: #000 !important; /* Solid black to match container */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 3% !important;
    margin: 0 !important;
}

/* Fullscreen nav container */
#et-boc .et_pb_fullscreen_menu_opened .et_pb_fullscreen_nav_container {
    padding-top: 30% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
}

/* Force slide-in menu container width and alignment */
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide {
    max-width: 300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: auto !important;
}

/* =============================== */
/* Menu links (style + brackets)  */
/* =============================== */
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li a {
    text-align: left !important;
    padding-left: 15px !important;
    display: block !important;
    color: #ffffff !important;         /* text color */
    font-size: 18px !important;        /* base font size */
    font-weight: 400 !important;       /* bold */
    letter-spacing: 1px !important;    /* letter spacing */
    line-height: 1.6em !important;     /* vertical spacing */
    text-decoration: none !important;
    transition: color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

/* Hover effect */
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li a:hover {
    color: #f7452c !important;
}

/* Submenu items */
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li li a {
    font-size: 18px !important;
    font-weight: 400 !important;
    padding-left: 25px !important;
    color: #cccccc !important;
}

/* Submenu hover */
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li li a:hover {
    color: #f7452c !important;
}

/* Brackets */
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li a::before {
    content: "[" !important;
    margin-right: 5px !important;
}
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li a::after {
    content: "]" !important;
    margin-left: 5px !important;
}

/* =============================== */
/* Right column: image container   */
/* =============================== */
.et_header_style_fullscreen .et_slide_in_menu_container::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 50% !important;
    width: 80% !important;
    height: 80% !important;
    background: url('https://neo.divi.expert/neo/wp-content/uploads/2025/12/robot_3dMax_1600x1600_orangebg_1600x1600.jpg') no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    margin: 0 auto !important;
    align-self: center !important;
    opacity: 1 !important;
    transition: opacity 0.8s ease !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container:hover::after {
    opacity: 1 !important;
}

/* Hide all default Divi elements in the right column except #mobile_menu_slide */
.et_header_style_fullscreen .et_slide_menu_top > *:not(#mobile_menu_slide) {
    display: none !important;
}

/* Mobile/Tablet Version */
@media (max-width: 980px) {
    .et_header_style_fullscreen .et_slide_in_menu_container {
        flex-direction: column !important;
        height: 100vh !important;
        width: 100vw !important;
        background: #000 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
    }
    .et_header_style_fullscreen .et_slide_in_menu_container::after {
        display: none !important;
    }
    .et_header_style_fullscreen .et_slide_in_menu_container .et_slide_menu_top {
        max-width: 1600px !important;
        width: 100% !important;
        height: auto !important;
        margin: 20px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        min-height: 0 !important;
    }
    #et-boc .et_pb_fullscreen_menu_opened .et_pb_fullscreen_nav_container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 300px !important;
        margin: 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide {
        max-width: 300px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-bottom: 0 !important;
        text-align: left !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .et_header_style_fullscreen .et_pb_fullscreen_nav_container > ul li {
        margin: 5px 0 !important;
    }
    .et_pb_fullscreen_menu_animated .mobile_menu_bar {
        top: 15px !important;
        right: 20px !important;
        transform-origin: center !important;
    }
    .et_pb_fullscreen_menu_opened .et_slide_in_menu_container.et_pb_menu_closed {
        transform: none !important;
    }
}

/* Hamburger */
.mobile_menu_bar {
    cursor: pointer;
}
.mobile_menu_bar:hover:before {
    transform: rotate(180deg);
    transition: transform 0.5s ease;
}
.et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    transform: rotate(270deg);
    transition: transform 0.5s ease;
}
.et_header_style_fullscreen .mobile_menu_bar:before {
    color: #000;
}
.et_header_style_fullscreen .et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    color: #fff;
}

/* Fullscreen Menu Overlay Fix: Make it fully opaque black */
.et_pb_fullscreen_menu_opened {
    z-index: 99999 !important;  /* On top of everything */
    background: #000 !important;  /* Black background on parent */
    opacity: 1 !important;  /* Full opacity */
}



/* ==== End Menu ===== */ 
  
/* make the column a positioning container */
.et_pb_column {
  position: relative;
}

/* place the text at bottom right */
.bottom-text {
  position: absolute;
  bottom: 10px;   /* distance from bottom */
  right: 20px;    /* distance from right */
  text-align: right;
}
/* end*/


/* LOGO */

 /* Default fullscreen menu logo (desktop/tablet) */
.et_pb_fullscreen_logo {
    width: 35px; /* adjust as needed */
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.et_pb_fullscreen_logo img {
    width: 100%;
    height: auto;
}

/* Hide or resize logo on mobile */
@media (max-width: 980px) {
    .et_pb_fullscreen_logo {
        width: 30px;  /* smaller on mobile */
        height: auto;
    }
    .et_pb_fullscreen_logo img {
        width: 100%;
        height: auto;
    }
}

/* Resize logo on mobile devices */
@media only screen and (max-width: 980px) {
    .logo_container img,
    .logo_container #logo {
        width: 25px !important; /* Укажи желаемую ширину */
        height: auto !important; /* Сохраняет пропорции */
        max-width: 100%; /* Предотвращает переполнение */
    }
}

/* end*/


    
    /* FLEX TRICKS - place left column under right column on mobile only*/
     @media (max-width:766px) {
      .rcm {
        display: flex;
        flex-direction: column-reverse;
      }
    }
 

/* end*/



/* section content vertical align  */ 

.va { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* end */







/* footer reveal code*/
#page-container:has(.divi-site-footer-section) #main-content{
  z-index: 2;
  position: relative;
}

/* hiding footer for edit in Visual Builder when open the webpage*/
body #theme-builder-area--et_footer_layout{
    display:none;
}

/* end*/



/* arrow style */

/* Base wrapper */
.image_after_text {
  position: relative;
  display: inline-flex; 
  align-items: center;
  gap: 40px;
  cursor: pointer;
  width: 100%;           
  justify-content: space-between; 
}

/* Arrow */
.image_after_text::after {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url("https://neo.divi.expert/neo/wp-content/uploads/2025/11/Arrow-right-down-line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transition: transform 0.4s ease;
  transform: rotate(0deg);
}

.image_after_text:hover::after {
  transform: rotate(90deg);
}

/* Tablet: smaller arrow */
@media (max-width: 980px) {
  .image_after_text::after {
    width: 50px;
    height: 50px;
  }
}

/* Mobile: even smaller arrow */
@media (max-width: 480px) {
  .image_after_text::after {
    width: 35px;
    height: 35px;
    gap: 12px;
  }
}


/*end*/
  
/* Small arrow after Text */
.image_after_text_small {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px; /* space between text and arrow */
  cursor: pointer; /* makes it feel interactive */

}

.image_after_text_small::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' viewBox='0 0 24 24'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");
  display: inline-block;
  width: 40px;
  position: absolute;
bottom:7px !important;
right:-60px;
  
  transition: transform 0.4s ease; /* smooth rotation */
  transform: rotate(-90deg); /* hover-turn left */
}

.image_after_text_small:hover::after {
  transform: rotate(-180deg); /* hover-turn 180 */
}

  .image_after_text_small_down_right{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px; /* space between text and arrow */
  cursor: pointer; /* makes it feel interactive */

}
.image_after_text_small_down_right::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' viewBox='0 0 24 24'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");
  display: inline-block;
  width: 25px;
  position: absolute;
bottom:13px !important;
right:-40px;
  
  transition: transform 0.4s ease; /* smooth rotation */
  transform: rotate(-180deg); /* hover-turn left */
}

.image_after_text_small_down_right:hover::after {
  transform: rotate(180deg); /* hover-turn 180 */
}

/*end*/




/* txt selection style */
    
    ::-moz-selection { /* Code for Firefox */
      color: #ffffff !important;
      background: #f7452c !important;
    }
    
    ::selection {
      color: #ffffff !important;
      background: #f7452c !important;
    }
    /*end txt selection style */



/* Hide image titles on hover */
img {
pointer-events:none;
}

/*Mobile Menu style*/

/*changing the Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/*rotating the Divi Menu icon*/

.mobile_menu_bar:before {
    transition: all .4s ease;
    transform: rotate(0deg);
    display: block;
}


/*rotate the Divi Menu icon on click*/

.mobile_nav.opened .mobile_menu_bar::before {
    transition: all .4s ease;
    transform: rotate(90deg);
    display: block;
}

/* Remove the top line in the mobile menu */
.et_mobile_menu {
border-top:0;
}

/*making the Divi Menu full width*/


.et_mobile_menu {
  position: fixed; /* Instead of absolute */
  top: 120px !important; /* Adjust it to set the top value */
	 padding-bottom: 100vh!important;
}







/* GENERAL *
.aur-secondary-color{
	color:var(--divi-secondary-color);
}
.aur-color-black{
	color:black;
}
@media screen and (max-width: 420px) {
	.aur-dn-420{
		display:none !important;
	}
}
.aur-vertical-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}
body .wp-pagenavi a.last,
body .wp-pagenavi a.first,
body .wp-pagenavi .extend{
	display: none !important;
}
@media screen and (max-width: 767px) {
	body article.et_pb_post .post-meta{
		flex-direction: column-reverse !important;
		flex-wrap: wrap;
	}
	body article.et_pb_post p.post-meta {
		font-size: 0 !important;
		line-height: 0;
	}
	body article.et_pb_post p.post-meta * {
		font-size: 12px !important;
		line-height: 1em;
	}
}



/*end*/

/* back to top button */
.et_pb_scroll_top:before {
    content: '\21';
    position: absolute;
    right: -60px;
    background: #191919;
    border-radius: 20%;
    -webkit-transition: .4s cubic-bezier(0,0,.3642,1);
    transition: .4s cubic-bezier(0,0,.3642,1);
    opacity: 1;
    transform: rotate(90deg) scaleY(0.7) scaleX(0.7);
    padding: 14px;
}
.et_pb_scroll_top:hover:before {
	transform: rotate(90deg) scaleY(0.8) scaleX(0.8);
}

/* back to top button */
@media screen and (max-width: 767px) {
	.et_pb_scroll_top.et-pb-icon{
		display:none !important;
	}
	body .et_pb_scroll_top{
		display:none !important
	}
}
#et-main-area .et_pb_scroll_top{
	/*display:none !important;*/
}
body .et_pb_scroll_top{
	background: none !important;
	-webkit-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	transform: rotate(-90deg) !important;
	display: flex !important;
	mix-blend-mode: difference;
	flex-direction: row-reverse;
	align-items: center;
	bottom: 80px !important;
}
body .et_pb_scroll_top:after {
	content: "Go Up!" !important;
    font-family: 'Outfit';
    margin-left: 20px !important;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}


/* cursor*/
#aur-circle-pointer {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 101;
	background-color: #04D9FF;
	border-radius: 50%;
	pointer-events: none;
	opacity: .4;
	transition: transform 0.6s ease;
}
#aur-circle-pointer.aur-hidden{
	-webkit-transform: scale(0);
    transform: scale(0)
}
/* if touchscreen */
@media (hover: none) and (pointer: coarse) {
	#aur-circle-pointer{
		display:none !important;
	}
}

/* page title */
#aur-page-title{
    pointer-events: none;
    position: fixed;
    left: 70px;
    bottom: 50px;
    z-index: 10;
    mix-blend-mode: difference;
    transform-origin: left;
    transform: rotate(-90deg);
    width: fit-content;
}
#aur-page-title span{
	width: fit-content;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2px;
    position: relative;
    display: block;
    text-transform: uppercase;
	font-weight: 200;
}
@media screen and (max-width: 980px) {
	#aur-page-title{
		display: none !important;
	}
}
/* cursor */
.circle {
    border: 2px solid white;
    border-radius: 50%;
    box-shadow: 0 0 10px white;
    pointer-events: none;
    position: fixed;
    top: -10rem;
    left: -10rem;
    height: 2rem;
    width: 2rem;
    transition: transform 0.4s, background 0.4s;
}

.circle.big {
    background: white;
    transform: scale(2);
}
/* scrollbar */
/* General style reset (your code) */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html, body {
    padding: 0;
    margin: 0;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, .5);
    line-height: 150%;
    overflow-x: hidden;
}

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

.aur-thin {
    font-weight: 100;
}

/* Scrollbar styling: cross-browser version with salmon thumb on white track */

/* For Firefox and standard */
html {
    scrollbar-width: thin; /* thin | none | auto */
    scrollbar-color: salmon white; /* thumb track */
}

/* For WebKit (Chrome, Safari, Edge) — updated for white track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); /* Lightened shadow for white bg */
    background-color: white;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: white; /* Matches track */
}

::-webkit-scrollbar-thumb {
    background-color: salmon;
}

/* Hover effect (optional: makes it slightly darker on hover) */
::-webkit-scrollbar-thumb:hover {
    background-color: #e0745b; /* Darker salmon variant */
}

/* Additional: for older versions or full control */
body {
    /* If you need to hide/show globally */
    /* scrollbar-width: auto; */
}

/*------------------------*/



/*-------*/




/* HOME */
#aur-cursor-anim{
	position: absolute;
	z-index: 10;
	top: 0;
	height: 100vh;
	pointer-events: none;
	width: 100%;
}


/* -------- */

/* Rotating Text Header new *
.mil-circle-text {
  position: relative;
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mil-ct-svg {
  transform: scale(2);
  width: 100px;
  height: 100px;
  animation: rotating 20s linear infinite;
}

.mil-ct-svg text {
  fill: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 300;
  transition: 0.4s cubic-bezier(0,0,.3642,1);
}

.mil-circle-text:hover .mil-ct-svg text {
  fill: #fff;
}

/* dot *
.mil-red-dot {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  z-index: 2;
}

/* rotating *
@keyframes rotating {
  from { transform: scale(2) rotate(0deg); }
  to { transform: scale(2) rotate(360deg); }
}


/* end */

/*-------*/

/* Rotating Text Footer *

/* Circle Container *
.mil-footer-circle-wrap {
  position: absolute;
  right: -770px;   
  top: 25%;        
  transform: translateY(-25%); /* чтобы центр совпал */
  width: 600px;    
  height: 600px;
  overflow: visible;
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
}

/* SVG *
.mil-footer-circle-svg {
  width: 100%;
  height: 100%;
  animation: mil-footer-rotate 60s linear infinite;
}

/* txt *
.mil-footer-circle-svg text {
  fill: rgba(255, 255, 255, 0.5);
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 10px;
}

/* animation *
@keyframes mil-footer-rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (max-width: 767px) {
    .mil-footer-circle-wrap {
top:-150px;        
right: -130px;  
        width: 200px;
        height: 200px;
		 opacity: 0.45;
    }
}




/* ------ */





/* slider *
.aur_testimonial{
	padding: 5px 0 0;
}
.aur_testimonial:before {
	left: 50%;
    top: 0;
    width: 30px;
    height: 60px;
    display: flex;
    justify-content: center;
    color: var(--divi-secondary-color) !important;
    font-size: 60px;
}
.aur_testimonial .et_pb_testimonial_content p {
	padding-bottom: 0;
}
.aur_testimonial .et_pb_testimonial_portrait {
	text-align: center;
	width: 100px !important;
	height: 100px !important;
	z-index: 9;
	margin: 0 auto !important;
	border: 10px solid var(--divi-global-color-1);
	border-radius: 50%;
	position: relative;
}
.aur_testimonial .et_pb_testimonial_portrait:before {
	width: auto;
	height: auto;
	box-shadow: none;
}
.aur_testimonial .et_pb_testimonial_portrait:after, .aur_testimonial .et_pb_testimonial_portrait:before {
	content: "";
	border: 5px solid var(--divi-secondary-color);
	border-radius: 50%;
	transform: rotate(36deg);
	position: absolute;
	left: -15px;
	top: -15px;
	bottom: -15px;
	right: -15px;
	clip-path: polygon(0 0, 0 87.5%, 87% 0);
}
.aur_testimonial .et_pb_testimonial_portrait:after {
	transform: rotate(36deg);
	clip-path: polygon(100% 10%, 100% 100%, 11% 100%);
}
.aur_testimonial .et_pb_testimonial_portrait{
	display:none;
}
.aur_testimonial .et_pb_testimonial_description {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
}
.aur_testimonial .et_pb_testimonial_meta{
	order:2;
	margin-bottom: 30px;
}
.aur_testimonial .et_pb_testimonial_author{
	order:1;
	margin-bottom: 5px !important;
	margin-top: 40px !important;
}
.aur_testimonial .et_pb_testimonial_description_inner{
	order:3
}
.aur_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
	margin: 20px 0px 10px;
	font-weight:500 !important;
}

/* Blog */
span.aur-category-post a,
.aur-category-post-active{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 20px;
	height:40px;
	border-radius:40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items:center;
	color:black;
	-webkit-transition: .4s cubic-bezier(0,0,.3642,1);
    transition: .4s cubic-bezier(0,0,.3642,1);
}
span.aur-category-post a:hover {
	background-color: #e5e5e5;
}
span.aur-category-post-active {
    background: var(--divi-secondary-color);
}

/* Single Post */
blockquote {
    font-size: 18px;
    color: #000;
    border-left: solid 4px var(--divi-secondary-color) !important;
}
@media screen and (max-width: 768px) {
    blockquote {
        padding:30px;
        font-size: 16px
    }
}
.single-post-text p{
	padding-bottom:0px;
}
.single-post-text>*:first-child,.single-post-text>div>*:first-child {
    margin-top: 0
}
.single-post-text>*:last-child {
    margin-bottom: 0
}
.single-post-text ul,.single-post-text ol {
    line-height: 2
}
.single-post-text ul {
    display: block;
    list-style-type: disc;
    margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px
}
.single-post-text ul>li {
    list-style-type: disc
}
.single-post-text li {
    display: list-item;
    text-align: -webkit-match-parent
}
.single-post-text ol {
    display: block;
    list-style-type: decimal;
    margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:1.25rem
}
.single-post-text ol>li {
    list-style-type: decimal
}
.single-post-text p {
    margin-top: 30px;
    margin-bottom: 30px
}
.single-post-text img {
    max-width: 100%
}
.single-post-text img+figure {
    margin-top: 30px
}
.single-post-text table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background: 0 0;
    border: 1px solid rgba(0,0,0,.3)
}
.single-post-text table th {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700;
    background: #fff;
    border: 1px solid #f2f3f5;
    text-align: left
}
.single-post-text table tbody th {
    background: #fff
}
.single-post-text table td {
    border: none;
    padding: 10px;
    font-size: 17px;
    background: #fff;
    border: 1px solid #f2f3f5
}
.single-post-text table td#today {
    background: rgba(0,0,0,.3);
    font-weight: 700
}
.single-post-text table caption {
    margin: 0 0 10px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    caption-side: top;
    text-align: center
}
@media screen and (max-width: 720px) {
    .single-post-text table th {
        padding:10px;
        font-size: 13px
    }

    .single-post-text table td {
        padding: 10px;
        font-size: 13px
    }
}
.single-post-text {
    line-height: 1.6;
    word-wrap: break-word
}
.single-post-text:after {
    content: '';
    position: relative;
    clear: both;
    display: block
}
.single-post-text img {
    max-width: 100%;
    height: auto
}
.single-post-text p a:hover {
    text-decoration: underline
}
.single-post-text dt {
    margin-bottom: 5px;
    font-weight: 700;
    color: #000
}
.single-post-text dd {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 20px
}
.single-post-text blockquote p {
    margin-bottom: .5rem!important;
    font-style: normal;
    font-weight: 600
}
.single-post-text blockquote p:first-child {
    margin-top: 0
}
.single-post-text blockquote cite {
    font-size: 17px;
    font-style: normal
}
.single-post-text blockquote cite:before {
    margin-right: 5px;
    content: '-'
}
.single-post-text blockquote cite br {
    display: none
}
.single-post-text blockquote.has-text-align-right cite:before {
    display: none
}
.single-post-text blockquote.has-text-align-right cite:after {
    margin-left: 5px;
    content: '-'
}
.wp-block-file__button {
    padding: 0 1rem
}
.single-post-text figure {
    margin-bottom: 30px;
    max-width: 100%;
    overflow: auto
}
.single-post-text figure .wp-caption-text,.gallery-caption {
    font-style: italic
}
.single-post-text .gallery {
    margin-bottom: 0
}
.single-post-text h1,.single-post-text h2,.single-post-text h3,.single-post-text h4,.single-post-text h5,.single-post-text h6 {
    margin-top: 30px;
    margin-bottom: 30px
}
.single-post-text h1+h2,.single-post-text h2+h3,.single-post-text h3+h4,.single-post-text h4+h5,.single-post-text h5+h6,.single-post-text h6 {
    margin-top: 30px
}
.single-post-text pre.wp-block-code,.single-post-text pre {
    padding: 20px;
    overflow: auto;
    white-space: pre-wrap;
    background: linear-gradient(159deg,#000 0%,#23232d 100%);
    background: -webkit-linear-gradient(159deg,#000 0%,#23232d 100%);
    color: #f2f3f5;
    font-size: 15px
}
.single-post-text blockquote {
    margin: 30px 0;
    color: #000;
    background: 0 0;
    padding: 30px 30px 30px 40px;
    font-style: italic;
    position: relative
}
.single-post-text blockquote p:last-child {
    margin-bottom: 0!important
}
.single-post-text blockquote:before {
	position: absolute;
	font-family: ETmodules !important;
	font-weight: 900 !important;
	content: "\7b" !important;
	font-size: 30px;
	opacity: .3;
	color: #000;
	top: -5px;
	left: 10px;
	line-height: 1em;
	transform: scaleX(-1);
}
.single-post-text blockquote:after {
    position: absolute;
    font-family: ETmodules !important;
    font-weight: 900 !important;
    content: "\7b" !important;
    font-size: 30px;
    opacity: .3;
    color: #000;
    bottom: 0;
    right: 0;
}
.single-post-text footer {
    width: auto
}

.single-post-title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    word-break: break-word
}

.single-post-text ul {
    padding: 0;
    margin: 0
}

.single-post-text h1 {
    font-size: 48px
}

.single-post-text h2 {
    font-size: 36px
}

.single-post-text h3 {
    font-size: 24px
}

.single-post-text h4 {
    font-size: 17px
}
.single-post-text h5 {
    font-size: 16px
}
.single-post-text h6 {
    font-size: 15px
}
.single-post-text ul>li,.single-post-text ol>li {
    margin-bottom: .25rem
}
.single-post-text ul ul,.single-post-text ol ol,.single-post-text ul ol,.single-post-text ol ul {
    margin-top: .25rem
}
.single-post-text ul>li {
    display: block;
    line-height: 150%;
    list-style-type: none;
    position: relative;
    padding-left: 27px
}
.single-post-text ul>li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--divi-secondary-color);
}
.single-post-text ol {
    padding: 0;
    margin: 0 0 0 1.25rem
}
.single-post-text ol>li {
    line-height: 150%;
    list-style-type: decimal
}
.single-post-text ol>li::marker {
    color: #000
}
.single-post-text p,.single-post-text ul,.single-post-text ol,.single-post-text h1,.single-post-text h2,.single-post-text h3,.single-post-text h4,.single-post-text h5,.single-post-text h6,.single-post-text iframe,.single-post-text table,.single-post-text object,.single-post-text blockquote {
    margin-bottom: 30px
}
.single-post-text p:last-child,.single-post-text ul:last-child,.single-post-text ol:last-child,.single-post-text h1:last-child,.single-post-text h2:last-child,.single-post-text h3:last-child,.single-post-text h4:last-child,.single-post-text h5:last-child,.single-post-text h6:last-child,.single-post-text iframe:last-child,.single-post-text table:last-child,.single-post-text object:last-child,.single-post-text blockquote:last-child {
    margin-bottom: 0
}


/*Slick CSS*
.slick-slide {
	float: left;
	margin-bottom: 80px !important
}
.slick-list{
	overflow:hidden;
}
button{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.slide-arrow{
	position: absolute;
	top: 50%;
	margin-top: 35px;
}
.prev-arrow{
	left: -140px;
	width: 40px;
	height: 40px;
}
.slide-arrow:before{
	background-color: #e5e5e5;
	border-radius: 100%;
	content: "\39";
	font-family: ETmodules;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	font-weight: 600;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	border: 9px solid #e5e5e5;
	-webkit-transition: .4s cubic-bezier(0,0,.3642,1);
    transition: .4s cubic-bezier(0,0,.3642,1);
	cursor:pointer;
}
.slide-arrow.prev-arrow:before{
	content: "\38";
}
.slide-arrow:hover:before{
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.next-arrow{
	right: -140px;
	width: 40px;
	height: 40px;
}

.slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 1rem 0 !important;
	list-style-type: none !important;
	overflow: auto;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.slick-dots {
		flex-wrap: wrap;
	}
	body .slick-dots li:nth-child(2n) {
		margin-top: 0px !important;
	}
}
.slick-dots li {
	margin: 0 0.25rem;
}
.slick-dots button {
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0;
	border: none;
	border-radius: 100%;
	display: none;
	text-indent: -9999px;
}
.slick-dots li.slick-active button {
	background-color: red;
}

.slick-dots li img{
	border-radius: 100%;
	width: 110px;
	height: 110px;
	padding: 10px;
	background-size: cover;
	background-position: top;
	-webkit-transition: .4s cubic-bezier(0,0,.3642,1) !important;
	transition: .4s cubic-bezier(0,0,.3642,1) !important;
	display: block;
	object-fit: cover;
}
.slick-dots li:nth-child(2n) {
    margin-top: 30px !important;
}
.slick-dots li img:hover{
	-webkit-box-shadow: inset 0 0 0 4px #fff;
	box-shadow: inset 0 0 0 4px #fff;
}
.slick-dots li.slick-active img{
	-webkit-box-shadow: inset 0 0 0 4px var(--divi-secondary-color);
	box-shadow: inset 0 0 0 4px var(--divi-secondary-color);
}



/*============PRELOADER old center========================*/

/* Preloader overlay */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; /* White background */
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease-out; /* Smooth fade-out */
	
}


/*============PRELOADER on WooCommerce pages ========================*/

body.woocommerce #preloader,
body.woocommerce-page #preloader {
    align-items: flex-start !important;
    padding-top: 40vh !important; 
}



/* Loader container */
.loader {
    text-align: center;
}

/* Text percentage */
.loader-text {
    font-size: 48px; /* Adjust size as needed */
    font-weight: bold;
    color: #000000; /* Black color */
    margin: 0 0 20px 0; /* Space below for progress bar */
    animation: pulse 1s infinite; /* Light pulse for dynamism */
}

/* Progress bar container */
.progress-bar {
    width: 200px; /* Width of the bar */
    height: 4px; /* Thickness of the line */
    background-color: #e0e0e0; /* Light gray for unfilled part */
    border-radius: 2px;
    margin: 0 auto;
    overflow: hidden;
}

/* Progress fill (black line) */
.progress-fill {
    height: 100%;
    background-color: #000000; /* Black color for filled part */
    width: 0%; /* Starts at 0 */
    transition: width 0.3s ease; /* Smooth fill animation */
    border-radius: 2px;
}

@keyframes pulse {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}

/* Hiding preloader */
#preloader.fade-out {
    opacity: 0;
    pointer-events: none;
}

/* =====end============== */