:root{
    --grid-column-gap: 30px;
    --grid-row-gap: 40px;
}
/*-------------------
default css
----------------*/
/*-------twenty theme button style-----------*/
.theme-twentytwentythree .button,
.theme-twentytwentytwo .button {
    padding: 10px 15px;
    background-color: #000;
    color: #fff;
    transition: all 0.3s;
}
.theme-twentytwentythree .button:hover, 
.theme-twentytwentytwo .button:hover{
    background-color: #373737;
    color: #fff;
}
.theme-twentytwentythree .ua-as-slider-button,
.theme-twentytwentytwo .ua-as-slider-button{
    background-color: #fff;
    color: #000;
}
.theme-twentytwentythree .ua-as-slider-button:hover, 
.theme-twentytwentytwo .ua-as-slider-button:hover {
    background-color: #eee;
    color: #000;
}
/*-------twenty theme button style ends here-----------*/
.elementor-grid {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap)
}

.elementor-grid .elementor-grid-item {
    min-width: 0
}

.elementor-grid-0 .elementor-grid {
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap))
}

.elementor-grid-0 .elementor-grid .elementor-grid-item {
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word
}

.elementor-grid-1 .elementor-grid {
    grid-template-columns: repeat(1,1fr)
}

.elementor-grid-2 .elementor-grid {
    grid-template-columns: repeat(2,1fr)
}

.elementor-grid-3 .elementor-grid {
    grid-template-columns: repeat(3,1fr)
}
.ua-woo-products ul.type-carousel,
.ua-woo-products ul.elementor-grid {
    margin: 0;
}
.elementor-grid-4 .elementor-grid {
    grid-template-columns: repeat(4,1fr)
}

.elementor-grid-5 .elementor-grid {
    grid-template-columns: repeat(5,1fr)
}

.elementor-grid-6 .elementor-grid {
    grid-template-columns: repeat(6,1fr)
}

.elementor-grid-7 .elementor-grid {
    grid-template-columns: repeat(7,1fr)
}

.elementor-grid-8 .elementor-grid {
    grid-template-columns: repeat(8,1fr)
}

.elementor-grid-9 .elementor-grid {
    grid-template-columns: repeat(9,1fr)
}

.elementor-grid-10 .elementor-grid {
    grid-template-columns: repeat(10,1fr)
}

.elementor-grid-11 .elementor-grid {
    grid-template-columns: repeat(11,1fr)
}

.elementor-grid-12 .elementor-grid {
    grid-template-columns: repeat(12,1fr)
}
.utp-ig-item{
    width: 33.33%;
    padding: 20px;
}
svg {
    width: 20px;
}
.slick-slider button.slick-arrow {
    position: absolute;
    bottom: inherit;
    top: 50%;
    left: inherit;
    height: 35px;
    width: 35px;
    border: 0;
    background-color: transparent;
    display: flex!important;
    align-items: center;
    border-radius: 50px!important;
    padding: 0;
    transition: .3s ease-in-out;
    z-index: 1;
    font-size: 0;
    transform: translateX(-50%);
    outline: 0;
    background-image: none
}
.ua .slick-slider button.slick-arrow:before{
    margin-top: 2px!important;
}
.ua .slick-slider button.slick-arrow:after {
    margin-bottom: 3px!important;
}
.ua .slick-slider button.slick-arrow{
    width: 45px!important;
    height: 45px!important;
    border: 1px solid #dedede;
    border-radius: 50%;
}
.ua .slick-slider button.slick-arrow:hover{
    border-color:#000;
    background-color: #000;
}
.ua .slick-slider button.slick-arrow:hover:before,
.ua .slick-slider button.slick-arrow:hover:after{
    background-color: #fff;
}
.ua .slick-slider.arrow-design-square button.slick-arrow{
    border-radius: 0%!important;
}
.ua .slick-slider:hover .slick-next{
    right: -35px!important;
}

.ua .blog-post-wrap.slick-slider .slick-prev{
    left: -35px!important;
}
.ua .blog-post-wrap.slick-slider .slick-next{
    right: -50px!important;
}
.ua .outside-box ul.slick-dots{
    margin-top: 50px;
}
.ua .slick-slider.dots-design-square ul.slick-dots li button{
    border-radius: 0!important;
}
.ua .slick-slider ul.slick-dots {
    position: relative;
    display: flex!important;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    margin-top: 25px;
    list-style-type: none;
    width: 100%;
}
.ua .slick-slider ul.slick-dots li button {
    font-size: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%!important;
    border: 0!important;
    margin: 0 5px;
    background-color: #a0a0a0;
}
.ua .slick-slider ul.slick-dots li.slick-active button {
    background-color: #4A4A4A;
}



/*---------------
mega menu
-------------*/
/*-------
mega menu
------*/
sup.menu-label {
    padding: 3px;
    margin-left: 5px;
}
.navbar-nav li.has-ua-mega-menu,
.menu li.has-ua-mega-menu,
nav li.has-ua-mega-menu {
    position: static;
}

.navbar-nav li.has-ua-mega-menu ul.nav-dropdown,
.menu li.has-ua-mega-menu ul.nav-dropdown  {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    background-color: #fff;
}

/*----dots and pagination---*/
ul.slick-dots {
  position: relative;
  display: flex !important;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0;
}
.outside-box ul.slick-dots{
	bottom: -35px;
}
.outside-box ul.slick-dots{
	bottom: 0;
}
ul.slick-dots li button {
  font-size: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 100% !important;
  border: 0 !important;
  margin: 0 5px;
  background-color: #a0a0a0;
  cursor: pointer;
}
ul.slick-dots li.slick-active button{
  background-color: #323232;
}
.ua-client-wrapper.carousel .arrow-design-square button.slick-arrow,
.dots-design-square ul.slick-dots li button {
  border-radius: 0 !important;
}
ul.slick-dots li::marker{
	font-size:0;
}
button.slick-arrow {
  position:absolute;
  bottom:inherit;
  top:50%;
  left:inherit;
  height:35px;
  width:35px;
  border:0;
  background-color:#e8e8e8;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:50px!important;
  padding:0;
  transition:.3s ease-in-out;
  z-index:1;
  font-size:0;
  transform:translateX(-50%);
  outline:0;
  background-image:none
}
.widget .widget-title+.slick-slider button.slick-arrow {
  top:-75px;
  right:0
}
:not(h4.widget-title) .ultrapress-recent-slider button.slick-arrow {
  top:0
}
button.slick-prev.slick-arrow {
  left:-20px
}
button.slick-next.slick-arrow {
  transform:rotate(180deg);
  right:-20px
}
.widget .widget-title+.slick-slider button.slick-prev.slick-arrow {
  left:inherit;
  margin-right:15px
}
.widget .widget-title+.slick-slider button.slick-next.slick-arrow {
  margin-left:10px;
  right:0
}
button.slick-arrow:focus,
button.slick-arrow:hover {
	background-color:#d0cfcf;
}
/* button.slick-arrow:after, */
button.slick-arrow:before {
	content: '\f054'; 
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display: block;
	background-color: transparent !important;
	position: absolute;
	color: #333;
	font-size: 15px;
	margin: 0;
 margin-top: 0px;
 line-height: 0;
 margin-top: 0px !important;
 transition: .3s ease-in-out;
}
/*---------slick arrow----------*/
.ua-slider-controls button.slick-arrow {
    position: static;
    transform: none;
    top: inherit;
    bottom: inherit;
}

.ua-slider-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.arrows_position-default .ua-slider-controls{
    height: 0px;
}
.ua-slider-controls button.slick-arrow:before,
.ua-slider-controls button.slick-arrow i{
   display: none;
}
.ua-slider-controls button.slick-arrow:after {
    content: '';
    position: static;
    background: transparent;
    width: 40%;
    height: 40%;
    border: 2px solid #000;
    border-right: 0;
    border-top: 0;
    display: block;
}
.ua-slider-controls button.slick-arrow.slick-prev{
    left: 0;
    margin-left: 0px;
}
.arrows_position-default .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-woo-products .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-woo-categories .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-blog-list .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-blog-grid .ua-slider-controls button.slick-arrow.slick-prev{
    margin-left: -40px;
}
div.arrows_position-default[class*="inside-placement"] .ua-slider-controls button.slick-arrow.slick-prev{
    margin-left: 10px;

}
div[class*="arrows_position-default"]:hover .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-woo-products:hover .ua-slider-controls button.slick-arrow.slick-prev, 
.elementor-widget-ultra-addons-woo-categories:hover .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-blog-list:hover .ua-slider-controls button.slick-arrow.slick-prev,
.elementor-widget-ultra-addons-blog-grid:hover .ua-slider-controls button.slick-arrow.slick-prev {
    margin-left: -30px;
    
}
div[class*="arrows_position-default"][class*="inside-placement"]:hover .ua-slider-controls button.slick-arrow.slick-prev{
    margin-left:20px;

}
.ua-slider-controls button.slick-arrow.slick-next{
    transform: none;
    right: 0;
    margin-right: 0px;
}
.arrows_position-default .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-woo-products .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-woo-categories .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-blog-list .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-blog-grid .ua-slider-controls button.slick-arrow.slick-next{
    margin-right: -40px;
}
div.arrows_position-default[class*="inside-placement"] .ua-slider-controls button.slick-arrow.slick-next{
    margin-right: 10px;

}
div[class*="arrows_position-default"]:hover .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-woo-products:hover .ua-slider-controls button.slick-arrow.slick-next, 
.elementor-widget-ultra-addons-woo-categories:hover .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-blog-list:hover .ua-slider-controls button.slick-arrow.slick-next,
.elementor-widget-ultra-addons-blog-grid:hover .ua-slider-controls button.slick-arrow.slick-next {
    margin-right: -30px;
    
}
div[class*="arrows_position-default"][class*="inside-placement"]:hover .ua-slider-controls button.slick-arrow.slick-next{
    margin-right:20px;

}
.ua-slider-controls button.slick-arrow.slick-prev:after{
    margin: 0 0 0 6px;
    transform: rotate(45deg);
}

.ua-slider-controls button.slick-arrow.slick-next:after {
    transform: rotate(-135deg);
    margin: 0 0 0 -6px;
}
/*--------slick arrow vertical-------*/
div[class*="arrows_position-vertical"] .ua-slider-controls {
    min-width: initial;
    right: initial;
    left: inherit;
    width: auto;
    display: flex;
    flex-direction: column;
    margin: 10px;
}
div.arrows_position-vertical-left .ua-slider-controls{
    right: 100%;
}
div.arrows_position-vertical-right .ua-slider-controls{
    left: 100%;
}
div[class*="arrows_position-vertical"] .ua-slider-controls button.slick-arrow {
    transform: rotate(90deg);
}
/*-------slick dots------*/
.dots_position-default .slick-slider>.slick-dots{
    margin-top: 20px;
}
div[class*="arrows_position"] , 
div[class*="dots_position-"] .slick-slider{
    display: flex;
    flex-wrap: wrap;
}
div[class*="dots_position-"]{
    position: relative;
}
div[class*="dots_position-"] .slick-slider {
    position: static;
    padding: 0;
}
div[class*="arrows_position"]>div,
div[class*="dots_position-"] .slick-slider>div{
    min-width: 100%;
}
div[class*="dots_"] .slick-slider>.slick-dots{
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
}
div[class*="dots_"] .slick-slider>.slick-dots>li{
    margin: 0;
    line-height: 0;
}
div[class*="arrows_position-top"] .ua-slider-controls,
div[class*="arrows_position-bottom"] .ua-slider-controls {
    position: relative;
    top: inherit;
    transform: none;
    bottom: inherit;
    width: auto;
    min-width: inherit;
}
div[class*="dots-inside-placement"] .slick-slider{
    position: relative;
}
div[class*="dots-inside-placement"][class*="dots_position-bottom"] .slick-slider,
div.dots_position-default[class*="dots-inside-placement"] .slick-slider{
    padding-bottom: 0px;
}
div[class*="dots_position-bottom"] .slick-slider,
div.dots_position-default .slick-slider{
    padding-bottom: 60px;
}
div[class*="arrows_position-bottom"] .slick-slider{
    padding-bottom: 0px;
}
div[class*="dots_position-top"] .slick-slider{
    padding-top: 60px;
}
div[class*="dots-inside-placement"][class*="dots_position-top"] .slick-slider{
    padding-top: 0px;
}
div[class*="arrows_position-top"] .slick-slider{
    padding-top: 0px;
}
div[class*="arrows_position-top"]>div,
div[class*="dots_position-top"] .slick-slider>div {
    order: 2;
}
div[class*="arrows_position-top"] .ua-slider-controls,
div[class*="dots_position-top"] .slick-slider>.slick-dots {
    top: 0;
    bottom: auto;
    order: 1;
    margin-bottom: 20px;
}
div[class*="dots_position-top"] .slick-slider>.slick-dots {
    top: 10px;
}
div[class*="inside-placement"][class*="dots_position-top"] .slick-slider>.slick-dots{
    top: 30px;
}
div[class*="arrows_position-bottom"]>div,
div[class*="dots_position-bottom"] .slick-slider>div {
    order: 1;
    bottom: 0;
    top: inherit;
}
div[class*="arrows_position-bottom"] .ua-slider-controls,
div[class*="dots_position-bottom"] .slick-slider>.slick-dots {
    order: 2;
    margin-top: 20px;
}

div[class*="dots-inside-placement"][class*="dots_position-bottom"] .slick-slider>.slick-dots,
div.dots_position-default[class*="dots-inside-placement"] .slick-slider>.slick-dots{
    bottom: 30px;
}
div[class*="dots-inside-placement"][class*="dots_position"] .slick-slider>.slick-dots,
div[class*="arrows-inside-placement"][class*="arrows_position"]:not(.arrows_position-default) .ua-slider-controls{
    position: absolute;
    left: 20px;
    right: 20px;
    min-width: auto;
    width: auto;
    z-index: 1;
}
div[class*="arrows-inside-placement"][class*="arrows_position-top"] .ua-slider-controls{
    top: 20px;
}
div[class*="arrows-inside-placement"][class*="arrows_position-bottom"] .ua-slider-controls{
    bottom: 20px;
}
div[class*="arrows-inside-placement"][class*="arrows_position-top-left"]:not(.arrows_position-default) .ua-slider-controls,
div[class*="arrows-inside-placement"][class*="arrows_position-bottom-left"]:not(.arrows_position-default) .ua-slider-controls{
    right: inherit;
}
div[class*="arrows-inside-placement"][class*="arrows_position-top-right"]:not(.arrows_position-default) .ua-slider-controls,
div[class*="arrows-inside-placement"][class*="arrows_position-bottom-right"]:not(.arrows_position-default) .ua-slider-controls{
    left: inherit;
}
div[class*="arrows-inside-placement"][class*="arrows_position-top-center"]:not(.arrows_position-default) .ua-slider-controls,
div[class*="arrows-inside-placement"][class*="arrows_position-bottom-center"]:not(.arrows_position-default) .ua-slider-controls{
    justify-content: center;
}
div.arrows_position-top-left .ua-slider-controls,
div.arrows_position-bottom-left .ua-slider-controls {
    margin-right: auto;
}
div.arrows_position-top-right .ua-slider-controls,
div.arrows_position-bottom-right .ua-slider-controls {
    margin-left: auto;
}
div.arrows_position-top-center .ua-slider-controls,
div.arrows_position-bottom-center .ua-slider-controls {
    margin-left: auto;
    margin-right: auto;
}
div.dots_position-bottom-left .slick-slider>.slick-dots,
div.dots_position-top-left .slick-slider>.slick-dots{
    justify-content: flex-start;
}

div[class*="dots-inside-placement"].arrows_position-top-left .slick-slider>.slick-dots,
div[class*="dots-inside-placement"].arrows_position-bottom-left .slick-slider>.slick-dots{
    padding-left: 100px;
}
div.dots_position-bottom-center .slick-slider>.slick-dots,
div.dots_position-top-center .slick-slider>.slick-dots{
    justify-content: center;
}
div.dots_position-bottom-right .slick-slider>.slick-dots,
div.dots_position-top-right .slick-slider>.slick-dots{
    justify-content: flex-end;
}
div[class*="dots-inside-placement"].arrows_position-bottom-right .slick-slider>.slick-dots,
div[class*="dots-inside-placement"].arrows_position-bottom-right .slick-slider>.slick-dots{
    padding-right: 100px;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    cursor: pointer;
}
/*========sticky========*/
.utap-hf-sticky-header-transparent,
.utap-hf-sticky-header {
    position: sticky;
    top: 0;
    z-index: 9999;
}
.utap-hf-sticky-header-transparent{
    position: absolute;
    left: 0;
    right: 0;
}
.utap-hf-sticky-header {
    animation: smoothScrollTop 0.4s forwards;
}
.utap-hf-sticky-header.utap-hf-sticky-header-transparent{
    position: fixed;

}
@keyframes smoothScrollTop {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}
.admin-bar .utap-hf-sticky-header,
.admin-bar .utap-hf-sticky-header-transparent{
    top: 32px;
}
/*------------------------------------
Responsive Common CSS
------------------------------------*/
@media only screen and (max-width: 991px) {
    
    .slick-slider:hover .slick-prev{
        left: 0!important;
    }
    .slick-slider:hover .slick-next{
        right: 0!important;
    }
    .elementor-grid-tablet-4 .elementor-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .slick-slider .slick-arrow{
        width: 45px;
        height: 35px;
    }
    .elementor-grid-tablet-4 .elementor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}