/* 
Theme Name: Brnd
Theme URI: https://github.com/elementor/hello-theme/
Description: Israpol Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: brnd
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*FOR MOBILE HERE*/

body, img {
    /* -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none; */
    
}
body{
    cursor: url(./brnd/arrowhead.svg), auto;
}
a,[type=submit]:not(:disabled), button:not(:disabled){
    cursor: url(./brnd/hand-pointer.svg), auto!important;
}
#footer, #ctn, .darker, .darker img{
    cursor: url(./brnd/arrowheadw.svg), auto;
}
#footer a, #footer[type=submit]:not(:disabled), #footer button:not(:disabled), #ctn button, .darker a{
    cursor: url(./brnd/hand-pointerw.svg), auto!important;
}

#my-sticky-button{
    background-color: white;
    color: #0057FF;
    border: solid #0057FF;
    border-width:  1px 1px 1px 0;
        border-radius: 0 50px 50px 0;
    font-size: 1em;
    position: fixed;
    left: 0;
    bottom: 20px;
    padding: 10px 20px;
    transition: all .3s ease-in-out;
    }
    #my-sticky-button:hover{
        background-color: #0057FF;
        color: white;
        border-color: white;
    }

.elementor-icon-wrapper{ line-height: 0;}
input#search-1fc16c3{transition: all .3s ease;}
input#search-1fc16c3:hover{
/*    border: 1px solid var( --e-global-color-primary );*/
}
#breadcrumbs a{color: #415871;}
#breadcrumbs .breadcrumb_last{color: #081B2E;}

/*----------------------------------------------------- header ---------------------------------------------------------*/
    .page-header{
        display: none;
    }

    #show-hide-header{
      background: #fff !important;
      transition: background-color .3s ease, box-shadow .3s ease, top .8s ease-in-out;
    }

    /* After scrolling, make it white */
    #show-hide-header.is-scrolled{
      background: #fff !important;
      /* optional: add a subtle shadow */
      box-shadow: 0 8px 24px rgba(0,0,0,.08);
    }



.blurry {
    backdrop-filter: blur(5px);
}

/* typography */
    p {
        margin: 0!important;
    }


/* shrinking header section */

.shrinker {
	background: transparent;
        height: 50px;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #fff;
        height: 50px!important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

/* shrinking logo image */

.shrinking-logo .elementor-icon svg {
	height: 60px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects img {
	width: 30px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
.hmk-logo svg{
/*    animation: rotator 10s ease-in-out infinite;*/
}

@keyframes rotator{
    0%{
        transform: rotate3d(0, 1, 0, 0deg);
    }
    5%{
        transform: rotate3d(0, 1, 0, 90deg);
    }
    10%,100%{
        transform: rotate3d(0, 1, 0, 0deg);
    }
}

#ctn button {
    min-height: 150px;
}

.menu-icon line {
  transition: all 0.4s ease;
}

.menupop:hover .menu-icon line:nth-child(1) {
  transform: translateY(8px);
}

.menupop:hover .menu-icon line:nth-child(2) {
  transform: scaleX(0.8);
}
.menupop:hover .menu-icon line:nth-child(3) {
  transform: translateY(-8px);
}

/*apts center carousel*/
.center-carousel .swiper-slide img {
    /*height: 400px;*/
    aspect-ratio: 3 / 4;
object-fit:cover;
}

.center-carousel figcaption.elementor-image-carousel-caption{
/*    text-align: left;*/
/*            font-family: 'Outfit', sans-serif;*/
/*            font-size: 14px!important;*/
    font-style: normal!important;
            color: white;
            position: absolute;
            bottom: 0;
            background: #292929;
            width: 100%;
            min-height: 40px;
            padding: 10px 20px;
}

.center-carousel .swiper-slide.swiper-slide-active {
    transform-origin: left;
}

.center-carousel .swiper-slide.swiper-slide {
    transform-origin: left;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu{
    justify-content: space-between;
    width: 100%;
}
/*----------------------------------------------------- Home ---------------------------------------------------------*/

.acf-popular-links{
	display:flex;
	align-items:center;
	gap:10px;
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size:0.9em;
}

.acf-popular-links__items{
	display:flex;
	flex-wrap:wrap;
	gap:13px 5px;
    justify-content: center;
}

.acf-popular-links__a{
	display:inline-block;
	border:1px solid var( --e-global-color-secondary );
    background-color: transparent;
	border-radius:50px;
	padding:10px 15px;
	text-decoration:none;
	color:#232528;
	line-height:1;
    transition: all .3s ease-in-out;
    }
        .acf-popular-links__a:hover{
            background-color: #0057FF;
            color: white;
            border-color: #0057FF;
        }
    
    .acf-popular-links__label{
        color: var( --e-global-color-secondary );
        font-weight: 500;
    }
    .elementor.elementor-159 .acf-popular-links{
        flex-direction: column;
        align-items: flex-start;
    }

/*----------------------------------------------------- Services ---------------------------------------------------------*/
    .service-carousel {
        overflow: visible; /* Allow overflow to show the bleeding edge */
    }

    .service-carousel .elementor-image-carousel-wrapper {
        padding-right: 100px; /* Create space for the bleeding edge */
    }

    .service-carousel .elementor-image-carousel {
        margin-right: -100px; /* Shift the carousel to the left */
    }

    .service-carousel .swiper-slide-image {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .service-carousel .elementor-swiper-button.elementor-swiper-button-next {
        background: white;
        padding: 10px;
        border-radius: 50px;
        right: -20px !important;
        box-shadow: 0 8px 24px #00000015;
    }

    .service-carousel .elementor-swiper-button.elementor-swiper-button-next:hover{
        background-color: var( --e-global-color-e3fd5cd );
    }

    .service-carousel .elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-prev.swiper-button-disabled{
        display: none !important;
    }

    .canonical_h1 h1{
        font-family: var(--e-global-typography-primary-font-family), Sans-serif;
        font-weight: 600!important;
        color: var(--e-global-color-secondary);
        /* font-size: 2.6em; */
        text-align: center;
    }
    .service-loop-wrap:hover .service-loop-arrow{
        background: white;

    }

    .service-loop-wrap:hover .service-loop-arrow path{
        stroke: var( --e-global-color-primary );
        z-index: 9;
    }

/*----------------------------------------------------- Magazine ---------------------------------------------------------*/
    .article-loop-item:hover .article-loop-img{
        transform: scale(1.1);
    }
    /*----------------------------------------------------- Testimonials ---------------------------------------------------------*/


.slide-nav nav > ul {
    justify-content: space-between;
}
.slide-nav nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li {
    position: relative;
    z-index: 1;
    flex-grow:0;
}
.slide-nav nav > ul > li::before {
    content:'';
    position:absolute;
    width: 100%;
    height:2px; /* How thick the line is */
    background: linear-gradient(270deg, #698996, #698996); /* Color of the line */
    transition: transform 0.7s cubic-bezier(1, 0, 0, 1); /* Adjust the transition duration and timing function here , use website cubic-bezier.com for a fancy timing function */
    bottom:4px; /* Vertical positioning of the line*/
    opacity: 1 !important; /* !important is only needed for nav menu element , you can delete it for the others */
    left:0;
    z-index: -3;
    transform: scaleX(0);
    transform-origin:right;
}
.slide-nav nav > ul > li:hover::before {
    transform:scaleX(1);
    transform-origin:left; 
}
.slide-nav nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li > a {
margin-inline-end:0px;
margin-inline-start:0px;
}
.slide-nav .elementor-nav-menu:after {
    content: none;
}

.slide-nav-v nav > ul {
display: flex;
flex-direction: column;
align-items: center;
}


/*floaty buttons*/
              .floaty {
                  display: inline-block;
                  height: 60px;
                  line-height: 55px;
                  overflow: hidden;
                  /*position:relative;*/
                  text-align: center;
                  font-family: "Montserrat", Sans-Serif;
                  background-color: transparent;
                  color: white;
                  border-radius: 100px;
                  transition: 0.4s;
                  border: 1px solid white;
                  padding: 0px 40px;
                  font-size: 18px;
                  font-weight: 400;
              }

              .floaty:hover {
                  color: #131211;
                  background: #fff;
                  border-color: #131211;


              }

              .floaty svg {}

              /* BUTTON UP */
              .label-up {
                  display: flex;
                  /*margin:0px 30px;*/
                  height: 100%;
                  position: relative;
                  top: 0%;
                  transition: 0.4s;
                  align-items: center;
                  gap: 20px;
              }

              .floaty:hover .label-up {
                  top: -100%;
              }

              .floaty2 {
                  color: #131211 !important;
                  border-color: black;
              }

              .floaty2 svg path {
                  stroke: black;
              }

              .floaty2:hover,
              .floaty2:hover svg path {
                  stroke: white !important;
                  color: white !important;
                  background: #131211;
              }

/*
.elementor-31 .elementor-element.elementor-element-9d58c45 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before {
    background: linear-gradient(270deg, #bfdcd4, #f5c0c2);
}
.e--pointer-overline .elementor-item:before {
    top: 45px!important;
}
*/



.grad-text{
/*    background: rgb(255,206,106);*/
    background: -moz-linear-gradient(270deg, rgb(0, 87, 255) 0%, rgb(171, 213, 253) 100%);
    background: -webkit-linear-gradient(270deg, rgb(0, 87, 255) 0%, rgb(171, 213, 253) 100%);
    background: linear-gradient(270deg, rgb(0, 87, 255) 0%, rgb(171, 213, 253) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057FF",endColorstr="#ABD5FD",GradientType=1);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.grad-main {
    background: linear-gradient(270deg, #0057FF, #ABD5FD);
    background-size: 400% 400%;

    -webkit-animation: grad_color 15s ease infinite;
    -moz-animation: grad_color 15s ease infinite;
    animation: grad_color 15s ease infinite;
}

@-webkit-keyframes grad_color {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes grad_color {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes grad_color {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}




.bg-move:before, .bg-mobe:after{
    -webkit-animation: bg-move 10s ease infinite;
    -moz-animation: bg-move 10s ease infinite;
    animation: bg-move 10s ease infinite;
}
@-webkit-keyframes bg-move {
    0%{background-position:0% 50%}
    50%{background-position:100% 0%}
    100%{background-position:0% 50%}
}
@-moz-keyframes bg-move {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes bg-move {
    0%{background-position:0% 50%}
    50%{background-position:100% 0%}
    100%{background-position:0% 50%}
}



 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}


/**************************** reveal down **********************/
.reveal{
    --speed: 2s !important;
    animation: none !important;
}
.reveal > *{
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) !important;
    transition: all var(--speed) ease-in-out !important;
}
.reveal.animated > *{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;

}

.reveal-up{
        --speed: 2s !important;
        animation: none !important;
    }
    .reveal-up > *{
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%) !important;
        transition: all var(--speed) ease-in-out !important;
    }
    .reveal-up.animated > *{
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0) !important;

    }

        .reveal-left{
            --speed: 2s !important;
            animation: none !important;
        }
        .reveal-left > *{
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%) !important;
            transition: all var(--speed) ease-in-out !important;
        }
        .reveal-left.animated > *{
            clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%) !important;

        }


/*
#elementor-popup-modal-40 .dialog-widget-content{
    opacity: .97;
}
.close-popup{cursor: pointer;
}
*/




.rotate {
  -webkit-animation: rotate 15s normal linear infinite;
  animation: rotate 15s normal linear infinite;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

/* forms */
    /*
    input#form-field-name:focus, input#form-field-phone:focus, input#form-field-email:focus {
        color: #292929;
        border-bottom: 1px solid #292929;
        }
    */

    input::placeholder {
    /*    text-align: right;*/
        transition: opacity .3s ease;
    }

    input:focus::placeholder {
        opacity: 1 !important;
    }

    .elementor-field-type-acceptance {
        order: 2;
    }

/*accordion apt*/
.main-search-btn .e-search-submit {
    pointer-events: none !important;
}



/*DESKTOP ONLY*/
@media only screen and (min-width: 769px) {
        
        .shrinking-logo img {
        width: 100px!important;
    }

    .shrinker.elementor-sticky--effects img {
        width: 50px!important;
    }

 
}
@media only screen and (max-width:768px) {
      .service-carousel .swiper-slide-image {
        height: 200px;
      }
      .canonical_h1 h1{
        font-size: 1.5em;
      }
      .testi-carousel .elementor-swiper-button.elementor-swiper-button-prev, .testi-carousel .elementor-swiper-button.elementor-swiper-button-next{
        display: none!important;
    }
    #elementor-popup-modal-159 .acf-popular-links {
        flex-direction: column;
    }
    #elementor-popup-modal-159 .acf-popular-links__items{
        justify-content: center;
    }
}

@media only screen and (max-width: 1440px) {
    #ctn button {
    min-height: 120px;
    }
    .canonical_h1 h1{
        font-size: 1.8em;
      }
}

/*TABLET ONLY*/
@media (max-width: 1024px) and (min-width: 768px) {

}


/* Media query for small screens (e.g., mobile) */
@media only screen and (min-width: 600px) {
    
}

/* Media query for medium screens (e.g., tablets) */
@media only screen and (min-width: 768px) {
    
}

/* Media query for large screens (e.g., desktops) */
@media only screen and (min-width: 1024px) {
    
}
/*****************************************************************************/