/*
Theme Name: Astra Child
Theme URI: [your child theme URL]
Description: Child theme for the Astra theme
Author: honeycombsoftwares
Author URI: [your website URL]
Template: astra
Version: 1.0.0
*/

/* Add your custom CSS here */

.cursor {
  width: 50px;
  height: 50px;
	border: 2px solid #fff;
  background-color: transparent;
	opacity: .4;
  z-index: 99999;
  transition: all 0.3s ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%)rotate(45deg);
}
  .cursor.is-moving {
    transform: scale(1);
  }
.cursor.button-hover{
	transition: all 0.3s ease;
    transform-style: preserve-3d;
    width: 30px;
    height: 30px;
	mix-blend-mode: difference;

	background:#fff;
    opacity: 1;
}
.cursor span{
  display: none;
}
.cursor.portfolio_cursor{
  width: 60px;
  height: 60px;
  font-size: 1rem;
  border-radius: 40px;
  mix-blend-mode: normal;
}
.cursor.portfolio_cursor span{
  display: block;
  font-size: 0.75rem;
  transform: rotate(315deg);
  line-height: normal;
  margin-left: 3px;
  margin-top: 1rem;
  color: #000;
}
.cursorinner {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: .8;
  z-index: 999999;
  position: fixed;
  transform: translate(-50%, -50%)rotate(45deg);
  pointer-events: none;
  transition: width .3s, height .3s, opacity .3s;
}
.cursorinner.drag:after{
	content:"";
	width: 0;
	height: 0;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #ffffffb7;
	border-style: solid;
	position:absolute;
	left:0.8rem;
	top:-90%;
  z-index: 999999;
	transform:translate(0 , -72%)rotate(315deg);
}
.cursorinner.drag:before{
	content:"";
	width: 0;
	height: 0;
	border-width: 8px 10px 8px 0;
	border-color: transparent #ffffffb7 transparent transparent;
	border-style: solid;
	position:absolute;
	right:0.8rem;
	top:90%;
  z-index: 999999;
	transform:translate(0 , 27%)rotate(315deg);
}
/* ------- scroll css -------*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #5a5a5a;
}

::-webkit-scrollbar
{
	width: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #f38533;
    border-radius: 20px;
}
/* -------------------------------*/
@keyframes load-loop {
  0% {
    background-position: 100%;
  }

  40% {
    background-position: 50%;
  }

  50% {
    background-position: 50%;
  }

  90% {
    background-position: 0%;
  }

  100% {
    background-position: 0%;
  }
}

.loader {
  position: relative;
  font-family: sans-serif;
  display: flex;
  height: auto;
  width: auto;
  letter-spacing: 3px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  font-size: 1.45em;
  color: transparent;
  background: linear-gradient(to right,#fff 33.3%,#008cdd 33.3%, #008cdd 66.6%, #fff 66.6%) no-repeat;
  background-size: 300%;
  background-position: 100%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: infinite 1.4s load-loop ease;
}

.loader::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background: linear-gradient(to right,#008cdd 33.3%, transparent 33.3% , transparent 66.6%, #008cdd 66.6%) no-repeat;
  background-size: 300%;
  background-position: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  animation: infinite 1.4s load-loop ease;
}



body{
	background-color:rgb(39, 39, 39) !important;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
#page .site-content{
  overflow-x: hidden;
}

.main-header-bar,.site-below-footer-wrap{
	/* backdrop-filter: blur(5px);
  background: #0000000a !important; */
}
header{
  transition: all 0.3s ease;
  position: relative;
}
header.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #0f0f0fd4;
  transition: all 0.3s ease;
  /* -webkit-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #ffffff0a !important; */
  /* Add any other styles you want for the sticky header */
}


.menu-link.active{
  color: #f38533 !important;
}
.menu-item.menu-item-has-children > button, .menu-item.menu-item-has-children > .menu-link > span, .menu-item.menu-item-has-children > .sub-menu {
    display: none !important;
}
.main-navigation .main-header-menu > .menu-item.current_page_item.page_item > a, .main-navigation .main-header-menu > .menu-item.current-menu-ancestor.current-menu-parent > a, .main-navigation .main-header-menu > .menu-item > a:is(:focus, :active) {
    color: #f38533 !important;
}

/* .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link{
  color: #f38533 !important;
} */
.ast-builder-menu-1 .menu-item > .menu-link{
  color: #fff !important;
}



.round_bg_left,.round_bg_right{
    position: relative;
}
.round_bg_left::before,.round_bg_right::before{
    content: "";
    background: url(https://shivayassociates.com/wp-content/uploads/2023/05/color-svg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 60rem;
    height: 60rem;
    z-index: -1;
    opacity: 0.5;
}
.round_bg_left::before{
    top: 19%;
    transform: translateY(-50%);
    left: -70%;
}
.round_bg_right::before{
    top: 19%;
    transform: translateY(-50%);
    right: -70%;
}
.about_us_img .elementor-widget-wrap{
    position: relative;
}
.about_us_img .elementor-widget-wrap::before{
    content: "";
    background: url(https://shivayassociates.com/wp-content/uploads/2023/05/dot-svg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 24%;
    transform:rotate(45deg);
    left: 7%;
    width: 30%;
    height: 30%;
    z-index: 0;
    opacity: 0.2;
    -webkit-animation: slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
	animation: slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
}

.parallax-card {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	/* padding: 1rem; */
	border: 1px solid #ffffff0a;
  }
  .parallax-card .elementor-widget-container{
    width: 100%;
  }
  .parallax-card .elementor-widget-container a{
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
  }
  .parallax-card .elementor-widget-container a .eael-infobox{
    height: 100%;
    width: 100%;
  }
  .parallax-card  .infobox-content{
    height: 100% !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .parallax-card:hover{
	border: 1px solid #ffffff0a;
  }
  .parallax-card-effect.is-out {
	transform: rotateX(0) rotateY(0) !important;
	transition-duration: all 0.3s ease;
  }
  .parallax-card-effect{
    transition: all 0.3s ease;
  }
  .parallax-card-effect:hover{
    border: 1px solid #ffffff0a;
    transform: scale(1.02);
	  box-shadow: 0 0 2rem #0000008a;
    background: #202020;
  }
.service_card .elementor-widget-wrap{
    display: flex;
    gap: 1rem;
}
.service_card .parallax-card{
    width: calc(33.33% - 1rem) !important;
    position: relative;
    /* margin-bottom: 0 !important; */
    overflow: hidden;
    height:30vh;
    background-size: 120% 120% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.3s ease-in !important;
}
.service_card .parallax-card::before{
    content: "";
    background: #00000086 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.service_card .parallax-card::after{
    content: "";
    background: transparent;
    border: 1px solid #909090 !important;
    position: absolute;
    width: 90%;
    height: 82%;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%); 
    z-index: -1;
}
.service_card_section .elementor-container .service_card:first-child  .parallax-card{
  background: url(https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoic2hpdmF5YXNzb2NpYXRlcy5jb20iLCJ2IjoyMzE5NzcwOTk4LCJyIjoxfQ/wp-content/uploads/2023/05/service_1-scaled.jpg);
}
.service_card_section .elementor-container .service_card:nth-child(2)  .parallax-card{
  background: url(https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoic2hpdmF5YXNzb2NpYXRlcy5jb20iLCJ2IjoyMzE5NzcwOTk4LCJyIjoxfQ/wp-content/uploads/2023/05/service_2-scaled.jpg);
}
.service_card_section .elementor-container .service_card:last-child  .parallax-card{
  background: url(https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoic2hpdmF5YXNzb2NpYXRlcy5jb20iLCJ2IjoyMzE5NzcwOTk4LCJyIjoxfQ/wp-content/uploads/2023/05/service_3-scaled.jpg);
}
.service_card .parallax-card .eael-infobox{
  height: 100% !important;
}
.our_service .elementor-background-overlay{
  width: 118% !important;
  filter: invert(100%) sepia(1%) saturate(5%) hue-rotate(11deg) brightness(61%) contrast(101%);
}

.why_choose_us .elementor-icon-box-wrapper,.why_choose_us .elementor-image-box-wrapper{
    background: #202020;
}
.why_choose_us .elementor-icon-box-icon{
    display: flex;
    justify-content: center;
}
.why_choose_us .elementor-icon,.why_choose_us .elementor-image-box-img{
    width: 8rem !important;
    height: 8rem;
    background: #b86526;
    margin-top: -4.5rem !important;
    transform: rotate(45deg);
    position: relative;
}
.why_choose_us .elementor-image-box-img::before{
  content: "";
  background: transparent;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  width: 120%;
  height: 120%;
}
.why_choose_us .elementor-image-box-img img{
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%)rotate(315deg);  
  filter: invert(95%) sepia(100%) saturate(20%) hue-rotate(288deg) brightness(105%) contrast(105%);
}
.why_choose_us .elementor-icon i{
    transform: rotate(315deg);
}
.why_choose_us .elementor-image-box-content{
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.why_choose_us .elementor-image-box-title{
  margin-bottom: 0.3rem;
}


/* .top-review, .bottom_review{
  color: #fff;
} */

/*=============== testimonials bottom sofa- svg ====================*/

.svg-animate .bottom-review,.svg-animate .top-review{
  color: #F38533D1;
 }

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 31282.455078125px;
    stroke-dasharray: 31282.455078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31282.455078125px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 31282.455078125px;
    stroke-dasharray: 31282.455078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31282.455078125px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(243, 231, 209);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(243, 231, 209);
  }
}

.svg-animate .bottom-review-svg-1 {
  opacity: 0.6;
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s  both,
                       animate-svg-fill-1 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s  both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s  both,
               animate-svg-fill-1 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s  both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 19437.755859375px;
    stroke-dasharray: 19437.755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19437.755859375px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 19437.755859375px;
    stroke-dasharray: 19437.755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19437.755859375px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 200, 126);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 200, 126);
  }
}

.svg-animate .bottom-review-svg-2 {
  opacity: 0.6;
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s  both,
                       animate-svg-fill-2 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s  both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s  both,
               animate-svg-fill-2 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s  both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 9273.97265625px;
    stroke-dasharray: 9273.97265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9273.97265625px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 9273.97265625px;
    stroke-dasharray: 9273.97265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9273.97265625px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 200, 127);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 200, 127);
  }
}

.svg-animate .bottom-review-svg-3 {
  opacity: 0.6;
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s  both,
                       animate-svg-fill-3 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1s  both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s  both,
               animate-svg-fill-3 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1s  both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 28286.5234375px;
    stroke-dasharray: 28286.5234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28286.5234375px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 28286.5234375px;
    stroke-dasharray: 28286.5234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28286.5234375px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #508c4d;
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #508c4d;
  }
}

.svg-animate .bottom-review-svg-4 {
  /* fill: #508c4d !important; */
  opacity: 0.6;
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s  both,
                       animate-svg-fill-4 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s  both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s  both,
               animate-svg-fill-4 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s  both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 192998.59375px;
    stroke-dasharray: 192998.59375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 192998.59375px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 192998.59375px;
    stroke-dasharray: 192998.59375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 192998.59375px;
  }
}

.svg-animate .bottom-review-svg-5 {
  -webkit-animation: animate-svg-stroke-5 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}
/*=============== ====================*/


/*=============== testimonials top lights- svg ====================*/

 @-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 5474.949712262857px;
    stroke-dasharray: 5474.949712262857px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5474.949712262857px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 5474.949712262857px;
    stroke-dasharray: 5474.949712262857px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5474.949712262857px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(252, 218, 206);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(252, 218, 206);
  }
}

.svg-animate .top-review-svg-1 {
  opacity: 0.3;
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-11 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-11 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 9772.10182525197px;
    stroke-dasharray: 9772.10182525197px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9772.10182525197px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 9772.10182525197px;
    stroke-dasharray: 9772.10182525197px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9772.10182525197px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(252, 218, 206);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(252, 218, 206);
  }
}

.svg-animate .top-review-svg-2 {
  opacity: 0.3;
  -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-22 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-22 8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 5054.61089839785px;
    stroke-dasharray: 5054.61089839785px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5054.61089839785px;
  }
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 5054.61089839785px;
    stroke-dasharray: 5054.61089839785px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5054.61089839785px;
  }
}

@-webkit-keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(242, 231, 211);
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(242, 231, 211);
  }
}

.svg-animate .top-review-svg-3 {
  opacity: 0.3;
  -webkit-animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-33 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-33 8s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-44 {
  0% {
    stroke-dashoffset: 97133.078125px;
    stroke-dasharray: 97133.078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97133.078125px;
  }
}

@keyframes animate-svg-stroke-44 {
  0% {
    stroke-dashoffset: 97133.078125px;
    stroke-dasharray: 97133.078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97133.078125px;
  }
}

.svg-animate .top-review-svg-4 {
  -webkit-animation: animate-svg-stroke-44 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-44 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}


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

/*=============== contact-us ====================*/
.contact_us .elementor-background-overlay{
  height: 113%;
  width: 108%;
  margin-left: -11rem;
}

.contact_card .elementskit-info-box-icon{
  width: 100%;
  height: 100%;
}
.contact_card .elementskit-info-box-icon svg{
  width: 1.3rem;
  height: 1.3rem !important;
}

.contact-form .wpforms-container{
  margin-top: 0;
}
.contact-form .wpforms-container .wpforms-field fieldset{
   background-color: transparent !important;
}
.contact-form .wpforms-field-label{
  margin-bottom: 0.4rem !important;
    color: #c7c7c7 !important;
}
.contact-form input,.contact-form textarea{
  background-color: transparent !important;
    border-color: #a5a5a5 !important;
    color: #fff !important;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{
  color: #a8a8a8 !important;
}
.contact-form input[type=number]::-webkit-inner-spin-button, 
.contact-form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.contact-form .wpforms-error{
  margin-top: 0;
}
.contact-form .elementor-widget-wrap{
  background: #1b1b1b;
}
.wpforms-form .wpforms-submit-container .wpforms-submit{
  background-color: #f28634 !important;
} 
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){
  background-color: #f28634 !important;   
}

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

.site-footer .site-primary-footer-wrap{
  background: #1b1b1b;
  border-top: none;
  padding: 0.5rem;
}
.site-footer .site-footer-section-2{
  justify-content: center !important;
}
.site-footer figure{
  margin-bottom: 0;
}
.site-footer .site-below-footer-wrap{
  background: #0000007d;
    border-top: 1px solid #ffffff38;
    min-height: 65px;
    padding: 0.5rem;
}
.site-footer .wp-block-image img{
  width: 145px;
  height: 88px;
}

#astra-footer-menu{
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}
#astra-footer-menu li a{
  padding: 0.1rem;
  color: #cccccc;
  position: relative;
}
#astra-footer-menu li a:hover,#astra-footer-menu li a:focus{
  color: #f38533;
}
#astra-footer-menu li a::before{
  content: "";
  background: #f38533;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -0.8rem;
  transform: translate(0 , -50%);
}
.site-footer-section{
  height: 100%;
  display: flex;
  align-items: center !important;
  justify-content: flex-start;
}

#ast-scroll-top{
  font-size: 1.233333rem;
}
#ast-scroll-top .ast-icon.icon-arrow svg{
  color: #fff;
}

.portfolio_slide .slides li:nth-child(even){
  margin-top: 8rem !important;
}
.portfolio_slide .slides li{
  position: relative !important;
}
/* .portfolio_slide .slides li a{
  position: relative;
  z-index: 99;
} */
.portfolio_slide .slides li::after{
  content: "" ;
  background: transparent;
  display: block !important;
  width: 113.7%;
  height: 81%;
  border: 1px solid #F38533;
  border-bottom: none;
  position: absolute;
  top: -7%;
  left: 50%;
  transform: translate(-50% , 0);
  z-index: -1;
}
.portfolio_slide .slides li:nth-child(even)::after{
  border-bottom: 1px solid #F38533;
  border-top: none;
  bottom: -7% !important;
  top: inherit;
}
.portfolio_slide .flex-viewport{
  overflow: inherit !important;
}
.portfolio_slide .flex-control-nav{
  bottom: -50px !important;
}
.portfolio_slide .flex-direction-nav li a{
  opacity: 1 !important;
  width: 50px !important;
  height: 50px !important;
  background-color: #F38533 !important;
  background-position: center !important;
  border-radius: 30px;
}
.portfolio_slide .flex-direction-nav li .flex-prev{
  background-image: url(https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoic2hpdmF5YXNzb2NpYXRlcy5jb20iLCJ2IjoyMzE5NzcwOTk4LCJyIjoxfQ/wp-content/uploads/2023/07/left_aerrow.png) !important;
}
.portfolio_slide .flex-direction-nav li .flex-next{
  background-image: url(https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoic2hpdmF5YXNzb2NpYXRlcy5jb20iLCJ2IjoyMzE5NzcwOTk4LCJyIjoxfQ/wp-content/uploads/2023/07/left_aerrow.png) !important;
  transform: rotate(180deg);
}

.portfolio .entry-header .entry-title{
  text-align: center;
  color: #fff;
}
.portfolio .entry-header .entry-meta{
  display: none;
}
.portfolio.type-portfolio{
  padding: 0 !important;
}
.ast-primary-header-bar{
  background-color: #363636;
}
/* .sticky.site-header .ast-primary-header-bar{
  backdrop-filter: blur(5px);
  background: #ffffff0a !important;
} */
.ast-page-builder-template .entry-header.sticky{
  -webkit-backdrop-filter: blur(7px);
  -moz-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #ffffff33 !important;
  margin-top: 6.6em;
}
.wp-block-essential-blocks-image-gallery{
  min-height: 100vh !important;
}
.fslightbox-slide-btn{
  background: #f38533 !important;
    border-radius: 50px;
}

.single .post-navigation a{
  color: #f38533;
}
.vp-portfolio__items-style-fly{
  --vp-items-style-fly--overlay__background: #00000096 !important;
}

.swiper-button-prev:after, .swiper-button-next:after{
  display: none;
}
.vp-portfolio__items{
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
}
.vp-portfolio__item-wrap{
  position: initial !important;
  width: 33.33% !important;
}

.justified-gallery>div>div>.caption, .justified-gallery>div>div .caption{
  display: none !important;
  opacity: 0 !important;
}
.envira-gallery-item-inner .envira-gallery-link .envira-gallery-image{
  transition: all 0.3s ease-in-out !important;
}
.envira-gallery-item-inner .envira-gallery-link:hover .envira-gallery-image{
  transform: scale(1.1);
  transition: all 0.3s ease-in-out !important;
}
.gallery-item-caption-over{
  height: 100% !important;
}
.gallery-item-caption-over .fg-item-title{
  margin-bottom: 25px !important;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5{
  -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.gallery-item-caption-wrap.caption-style-hoverer .fg-item-title{
  text-align: center;
}
#envirabox-content{
  border-width: 0 !important;
}
#envirabox-outer{
  background: none !important;
}
#envirabox-left, #envirabox-right{
 visibility: visible !important;
 position: fixed !important;
 width: auto !important;
}
#envirabox-content{
  display: inline !important; 
}
#envirabox-left{
  left: 0 !important;
}
#envirabox-right{
  right: 0 !important;
}
#envirabox-left-ico{
  left: 1rem !important;
}
#envirabox-right-ico{
  right: 1rem !important;
  left: unset !important;
}
#envirabox-close{
    position: fixed !important;
    top: 1rem !important;
    right: 1rem !important;
    z-index: 999999 !important;
}
.gallery-item-caption-wrap .gallery-item-hoverer-bg{
  opacity: 1 !important;
}
.content-area.primary{
      margin-top: 1rem !important;
}
.elementor-lightbox .swiper{
  display: none;
}
.envirabox-title-float{
  display: none !important;
}
.elementor-lightbox .dialog-widget-content{
  display: none !important;
}
.portfolio__page .eael-gallery-load-more{
  text-decoration: none !important;
}
.read_more_text{
  margin-bottom: 0 !important;
}
.read_more_text p{
  margin-bottom: 1rem;
  font-size: 0.9rem;
  line-height: 25px;
  color: #B1B1B1;
  font-family: "Montserrat", Sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.read_more_text p:last-child{
  margin-bottom: 0;
}
.read_more_text .yrm-btn-wrapper .yrm-toggle-expand{
  color: #f38533;
  width: auto !important;
}
.read_more_text .yrm-btn-wrapper{
  text-align: right;
  width: 100%;
}
.about_us .elementor-widget-text-editor{
  margin-bottom: 0.5rem !important;
}

.choose_us_card .elementor-container{
  flex-wrap: wrap;
}
.choose_us_card .elementor-container .elementor-column{
  width: 33.33%;
}
.choose_us_card .elementor-container .elementor-column:first-child .elementor-widget-wrap,.choose_us_card .elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap,.choose_us_card .elementor-container .elementor-column:nth-child(3) .elementor-widget-wrap{
  margin-bottom: 8rem;
}
.why_choose_us .elementor-image-box-content{
  min-height: 17rem;
}

/* .choose_us_card .elementor-widget-container .elementor-image-box-wrapper{
  display: grid;
}
.choose_us_card .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{
  align-self: center;
  justify-self: center;
} */
/* .choose_us_card_top .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{
  order: 2;
  margin-top: 3rem !important;
  margin-bottom: -4.5rem !important;
} */
.choose_us_card_top{
  margin-bottom: 2rem;
}
.choose_us_card_bottom{
  margin-right: -5rem !important;
  margin-top: -2rem !important;
}
/* .choose_us_card_top .elementor-column .elementor-image-box-wrapper .elementor-image-box-content{ 
  padding: 0.5rem;
} */
/* .choose_us_card_bottom .elementor-container{
  margin-right: -6rem !important;
  margin-left: 6rem !important;
} */
/* .choose_us_card_bottom .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{
  margin-bottom: 2rem !important;
} */

.choose_us_card_top .elementor-column:first-child .elementor-image-box-img{
  background: #4b9d30;
}
.choose_us_card_top .elementor-column:nth-child(2) .elementor-image-box-img{
  background: #49adb5;
}
.choose_us_card_top .elementor-column:nth-child(3) .elementor-image-box-img{
  background: #812f5f;
}
.choose_us_card_top .elementor-column:nth-child(4).elementor-image-box-img{
  background: #a94141;
}
.choose_us_card_top .elementor-column:nth-child(5) .elementor-image-box-img{
  background: #bba51f;
}
.choose_us_card_top .elementor-column:last-child .elementor-image-box-img{
  background: #26bb8f;
}
.service_card .elementor-widget-wrap{
  position: relative;
  padding: 0 !important;
  transition: all 0.3s ease-in;
}
.service_card .elementor-widget-wrap:hover,.service_card .elementor-widget-wrap:focus{
  transform: scale(1.03);
  box-shadow: 0 0 1.5rem #000;
}
.service_card .elementor-widget-wrap:hover .parallax-card,.service_card .elementor-widget-wrap:focus .parallax-card{
  background-size: 100% 100% !important;
}
.service_card .elementor-widget-wrap .parallax-card-effect{
  width: 100% !important;
  margin: 0;
}
.service_card .infobox-content .title{
  margin-bottom: 0;
  transition: all 0.3s ease-in;
}
.service_card .elementor-widget-wrap:hover .infobox-content .title,.service_card .elementor-widget-wrap:focus .infobox-content .title{
  color: #f38533 !important;
}
.modal_btn{
  position: absolute !important;
  width: 100%;
  height: 100%;
}
.modal_btn .elementor-widget-container,.modal_btn .elementor-widget-container .ekit-wid-con,.modal_btn .elementor-widget-container .ekit-wid-con .ekit-btn-wraper{
  width: 100%;
  height: 100%;
}
.modal_btn .elementskit-btn{
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: none !important;
} 

.pum-container{
  background: #313131 !important;
}
.pum-container .pum-title{
  color:#f38533 !important;
  font-weight: 400 !important;
}
.pum-container .pum-content{
  color: #fff !important;
}


/* -----portfolio -tabs----- */
.tab_btn{
  margin: 0 2rem !important;
  padding: 0 !important;
  list-style-type: none;
  width: calc(100% - 4rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.tab_btn li .back-button{
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: #000;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  text-decoration: none !important;
  color: #fff;
  box-shadow: 0.2rem 0.2rem 0.5rem #00000052;
}
.tab_btn li .back-button img{
  width: 1.5rem;
  height: 1.5rem;
}
.tab_btn li .tab-button{
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: #f38533;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  color: #fff;
  box-shadow: 0.2rem 0.2rem 0.5rem #00000052;
}
.tab_btn li .tab-button:hover{
  background: #b66426;
}
.portfolio_tab_btn li a{
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: #000;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  text-decoration: none !important;
  color: #fff;
  box-shadow: 0.2rem 0.2rem 0.5rem #00000091;
}
.portfolio_tab_btn li a.active{
  background: #f38533;
}
.tab-section.sticky_tab {
  position: fixed;
  top: 8.5rem;
  background: #ffffff7a;
  z-index: 9;
}

.tab_btn img{
  width: 2rem;
  height: 2rem;
  filter: brightness(0) invert(1);
}

/* .tab-content{
  display: none !important;
}
.tab-content.active{
  display: block !important;
} */

/* .portfolio_page_title h2{
  position: relative;
  padding-left: 1rem;
} */
/* .portfolio_page_title h2::before{
  content: "";
  background: #f38533;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;

} */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
 @-webkit-keyframes slide-top {
    0% {
      -webkit-transform: translateY(0) rotate(45deg);
              transform: translateY(0) rotate(45deg);
    }
    100% {
      -webkit-transform: translateY(-30px) rotate(45deg);
              transform: translateY(-30px) rotate(45deg);
    }
  }
  @keyframes slide-top {
    0% {
      -webkit-transform: translateY(0) rotate(45deg);
              transform: translateY(0) rotate(45deg);
    }
    100% {
      -webkit-transform: translateY(-30px) rotate(45deg);
              transform: translateY(-30px) rotate(45deg);
    }
  }
  

  /**
 * ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 *  =========================================================================  Responsive  ==============================================================================
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 */


  /* ----------------------------- max-width: 1600px ---------------------------------*/


 @media screen and (max-width: 1600px){
  .why_choose_us .parallax-card-effect{
    height: 100%;
  }
  .why_choose_us .parallax-card-effect .elementor-widget-container{
    height: 100%;
  }
  .why_choose_us .parallax-card-effect .elementor-widget-container .elementor-image-box-wrapper{
    height: 100%;
  }
 }


/* ----------------------------- max-width: 1350px ---------------------------------*/


 @media screen and (max-width: 1350px){
    .about_us_img  .elementor-widget-image img{
      max-width: 85%;
    }
    .about_img_small{
      left: -7%;
    }
    .client_slider_col .elementor-widget-wrap{
      padding: 10px 40px !important;
    }
    .about_us_img .elementor-widget-image{
      text-align: end !important;
    }
    .about_us_img .elementor-widget-wrap::before{
      left: 15%;
    }
 }


/* ----------------------------- max-width: 1280px ---------------------------------*/


 @media screen and (max-width: 1280px){
  .elementor-widget-heading .elementor-heading-title{
    font-size: 2.2rem;
  }
  .elementor-widget-text-editor .elementor-widget-container {
    font-size: 0.9rem;
    line-height: 25px;
  }
  .why_choose_us .elementor-icon, .why_choose_us .elementor-image-box-img{
    width: 8rem !important;
    height: 8rem;
  }
  .main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{
    font-size: 0.93rem;
  }
  .swiper-button-prev{
    left: -12%;
  }
  .swiper-button-next{
    right: -12%;
  }
 }


 /* ----------------------------- max-width: 1060px ---------------------------------*/


 @media screen and (max-width: 1060px){
  .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
      font-size: 5rem !important;
    }
    .main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{
      font-size: 0.85rem;
    }
 }


 /* ----------------------------- max-width: 1024px ---------------------------------*/


 @media screen and (max-width: 1024px){
  .about_us_img  .elementor-widget-image img{
    max-width: 65%;
    margin-right: 3rem;
  }
  .about_us_img .elementor-widget-wrap::before{
    width: 33%;
    height: 46%;
  }
  .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
    font-size: 6rem !important;
  }
  .about_svg_draw{
    position: inherit !important;
    bottom: unset !important;
    left: unset !important;
  }
  #astra-footer-menu{
    gap: 1.5rem;
  }
  .read_more_text p{
    text-align: center;
  }
  .read_more_text .yrm-btn-wrapper{
    text-align: center;
    width: 100%;
  }
  .read_more_text .yrm-btn-wrapper .yrm-toggle-expand{
    width: auto;
  }
  .choose_us_card .elementor-container .elementor-column:first-child .elementor-widget-wrap,.choose_us_card .elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap,.choose_us_card .elementor-container .elementor-column:nth-child(3) .elementor-widget-wrap{
        margin-bottom: 2rem;
  }
  .portfolio_switch .elementor-column {
    width: 100% !important;
    }
    .portfolio_switch .ekit_double_button {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .portfolio_switch .ekit_double_button a {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        max-width: 10rem;
    }
    .portfolio_switch .ekit_double_button a i {
        font-size: 15px;
    }
 }
 @media (min-width: 993px) and (max-width: 1024px) {
  .mobile_top_svg{
    left: -16% !important;
  }
  .mobile_bottom_svg{
    bottom: -38% !important;
  }
  .over_work_content{
    margin-bottom: 10rem !important;
  }
 }
 /* ----------------------------- max-width: 992px ---------------------------------*/

 @media screen and (max-width: 992px){
  .ast-mobile-header-inline{
    /* -webkit-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #ffffff0a !important; */
    background: #0f0f0fd4 !important;
  }
  .service_card .parallax-card{
    height: 11rem;
  }
  .about_us {
    min-height: 100% !important;
  }
  .service_card .parallax-card{
    width: calc(50% - 1rem) !important;
  }
  .testimonials {
    min-height: auto !important;
  }
  .vp-portfolio__item-wrap{
    width: 50% !important;
  }
  .testimonials .client_say_inner .elementor-container{
    min-height: 100% !important;
  }
  .n2-ss-slider{
    min-height: 90vh !important;
  }
  .contact_us .elementor-background-overlay{
    margin-left: 0rem;
    opacity: 0.3;
    mix-blend-mode: color-burn;
  }
  .n2-ss-layer h1{
    font-size: 400% !important;
  }
  .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
    color: #ffffff1c !important;
    white-space: pre;
    transform: none !important;
    text-align: center !important;
    font-size: 5rem !important;
  }
  .ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row{
    grid-template-columns: auto;
  }
  .ast-mobile-header-wrap .ast-mobile-header-content{
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
    background: #ffffff0a !important;
  }
  .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu{
    -webkit-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #ffffff1f !important;
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{
    color: #000;
  }
  .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{
    /* color: var(--ast-global-color-0); */
    background: #ffffffb9;
  }
  .portfolio_page_title .elementor-container{
  min-height: 27vh;
  }
  
 }

 /* ----------------------------- max-width: 768px ---------------------------------*/


 @media screen and (max-width: 768px){
  .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
    font-size: 4rem !important;
  }
  
  .choose_us_card .elementor-container .elementor-column{
    width: 50%;
  }
  .vp-portfolio__item-wrap{
    width: 50% !important;
  }
  
  .our_service .elementor-background-overlay{
    background-size: 100% 100%;
  }
  #astra-footer-menu .menu-item > a{
    padding-left: 0px;
    padding-right: 10px;
  }
  .portfolio_page_title .elementor-container{
      min-height: 18vh;
    }
    .why_choose_us .elementor-image-box-content{
      padding: 1rem;
      min-height: auto;
    }
 }

  /* ----------------------------- max-width: 600px ---------------------------------*/


  @media screen and (max-width: 600px){
    .n2-ss-slider{
      min-height: 70vh !important;
    }
    .service_card .parallax-card{
      width: 100% !important;
    }
    .choose_us_card .elementor-container .elementor-column{
      width: 100%;
    }
    .choose_us_card .elementor-container .elementor-column .elementor-widget-wrap{
      margin: 0rem 0rem 7rem 0rem !important;
    }
    .vp-portfolio__item-wrap{
      width: 100% !important;
    }
    .elementor-widget-heading .elementor-heading-title {
      font-size: 1.8rem;
    }
    .round_bg_left::before, .round_bg_right::before{
      width: 40rem;
      height: 40rem;
    }
    .round_bg_left::before {
      top: 19%;
      transform: translateY(-50%);
      left: -85%;
    }
    .round_bg_right::before{
      top: 22%;
      transform: translateY(-50%);
      right: -87%;
    }
    #astra-footer-menu{
      gap: 0rem;
    }
    .footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item{
      width: 20%;
    }
    .contact-form .elementor-widget-wrap{
      margin: 0 !important;
    }
    .about_us_img .elementor-widget-image img{
      margin-right: 0;
    }
    .ast-footer-copyright p {
      font-size: 0.8rem;
    }
    .portfolio_page_title .elementor-container{
      min-height: 15vh;
      }
     .portfolio_page_title .elementor-widget-image .elementor-widget-container{
        margin: 0rem 0rem -3rem 0rem;
      }
      .pum-container .pum-title{
        font-size: 1.6rem !important;
        text-align: center !important;
      }
      .pum-container .pum-content{
        font-size: 1rem !important;
        line-height: 25px !important;
        text-align: center !important;
      }
  }

  /* ----------------------------- max-width: 476px ---------------------------------*/


  @media screen and (max-width: 476px){
    .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
      font-size: 3rem !important;
    }
    .footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item{
      width: 25%;
    }
    .client_slider_col .elementor-widget-wrap {
      padding: 0px !important;
  }
  }

  /* ----------------------------- max-width: 425px ---------------------------------*/


  @media screen and (max-width: 425px){
    .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
      font-size: 2.5rem !important;
    }
    .elementor-widget-heading .elementor-heading-title {
      font-size: 1.6rem;
    }
    .n2-ss-layer h1 {
      font-size: 350% !important;
  }
  .n2-ss-layer h4{
    font-size: 130% !important;
  }
  }

  
  /* ----------------------------- max-width: 375px ---------------------------------*/


  @media screen and (max-width: 375px){
    .right-to-left .elementor-widget-container .elementor-heading-title ,.left-to-right .elementor-widget-container .elementor-heading-title,.left-to-right-review .elementor-widget-container .elementor-heading-title,.hero_card-bg .elementor-widget-container .elementor-heading-title{
      font-size: 2rem !important;
    }
    .elementor-widget-heading .elementor-heading-title {
      font-size: 1.4rem;
    }
  }