/* Cajadfa.ir is Developer */


body {background:#ffffff;min-height: 100vh;}

 video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}

body,input,textarea,button {font-family: AbarLowFaNum;}


header {}

.rb_flex_row {display:flex;align-items:center;justify-content: space-between;}



/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
  z-index: 1000;
  }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.7;
  width: 4px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
  }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }
	
::selection {
  background-color: #16BECF;
  color: #fff;
}

.su_logo {
	
height: 40px;
	
font-size: 50px;
	
font-weight: 600;
	
position: fixed;
	
top: 15px;
	
right: 6px;
	
z-index: 90;
}

.su_menu {
	
}

.su_menu ul {
	list-style:none;
}

.su_menu li {
	display:inline-black;
	margin-right:15px;
	position:relative;
}

.su_menu a {
	display:black;
	padding:10px;
}

 .top_part{position:fixed;top:0;right:0;left:0;z-index: 9;color: white;}
.bottom_part{
    position:fixed;
    bottom:40px;
    right:0;
    left:0;
    mix-blend-mode: difference;
    z-index: 9;
    }

.su_page_name {}
.su_call_us {}
.su_page_name span{
    display: block;
    transform: rotate(90deg) translate(-12px,10px);
    transform-origin: right bottom;
    position: relative;
    right: 20px;
    font-weight: normal;
}
.su_call_us span{
    display: block;
    transform: rotate(-90deg) translate(10px,10px);
    transform-origin: left bottom;
    position: relative;
    left: 20px;
    font-weight: normal;
}

.container {
    max-width: 1500px;
    width:100%;
    position: relative;
    z-index: 2;
    padding-right: 90px;
    padding-left: 90px;
}

.su_logo img {max-width: 56px;position: relative;right: 2px;}

.inside_sujeh {display:flex;justify-content: space-between;align-items: center;color: white;font-weight: 600;}

.togglepp {
    font-size: 30px;
    padding: 40px 10px 20px 2px;
    display: block;
    cursor: pointer;
    color: gray;
}


.su_slider {
	background:black;min-height:90vh;
}

 
.sectionwithlines {position:relative;background:white;padding-bottom: 120px;}
#main_header {
    position: relative;
    z-index: 12; /* Ensures the header is above the slider */
     /* This inverts the colors based on background */
    mix-blend-mode: difference;
}
.su_slider {
    background: #181818;
    min-height: 100vh;
    z-index: 1; /* Lower z-index to ensure it's below the header */
    position: relative;
    overflow: hidden;
}

.su_logo img {
     /* Ensures the image is affected properly by blend modes */
}

#main_content {
	
position: relative;
	
z-index: 9; /* Ensures the header is above the slider */
	
min-height: 100vh;
}






























/*! CSS Used from: https://ashley.bslthemes.com/wp-content/cache/autoptimize/css/autoptimize_ccacebf26d46a7d36e94a6f33995db7f.css ; media=all */
@media all{

.mil-button{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;letter-spacing:2px;font-size:12px;background-color:#ff9800;color:#000;border-radius:70px;padding:0 15px 0 50px;height:70px;text-transform:uppercase;font-weight:500;-webkit-transition:.4s cubic-bezier(0,0,.3642,1);transition:.4s cubic-bezier(0,0,.3642,1);}
.mil-button svg{margin-left:30px;border-radius:50%;width:40px;height:40px;padding:10px;background-color:#000;-webkit-transition:.4s cubic-bezier(0,0,.3642,1);transition:.4s cubic-bezier(0,0,.3642,1);}
.mil-button svg path{fill:#ff9800;}
.mil-button.mil-icon-button{padding:15px;}
.mil-button.mil-icon-button svg{margin-left:0;}
.mil-button:hover{-webkit-transform:scale(1.015);transform:scale(1.015);-webkit-filter:brightness(110%);filter:brightness(110%);}
.mil-button:hover svg{-webkit-transform:scale(1.15);transform:scale(1.15);}
.mil-button.mil-arrow-down svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.mil-button.mil-arrow-down:hover{-webkit-transform:scale(1.015);transform:scale(1.015);-webkit-filter:brightness(110%);filter:brightness(110%);}
.mil-button.mil-arrow-down:hover svg{-webkit-transform:scale(1.15) rotate(90deg);transform:scale(1.15) rotate(90deg);}
@media screen and (max-width:992px){
.mil-button{height:60px;padding:0 10px 0 40px;}
.mil-button svg{margin-left:25px;}
}
::-webkit-scrollbar{display:none;}
.mil-circle-text{position:absolute;right:0;bottom:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:140px;height:140px;}
.mil-circle-text .mil-ct-svg{-webkit-transform:scale(2);transform:scale(2);width:140px;height:140px;}
.mil-circle-text .mil-ct-svg text{fill:rgba(255,255,255,.4);text-transform:uppercase;font-size:12px;font-weight:500;-webkit-transition:.4s cubic-bezier(0,0,.3642,1);transition:.4s cubic-bezier(0,0,.3642,1);}
.mil-circle-text .mil-button{position:absolute;}
.mil-circle-text:hover svg text{fill:#fff;}
@media screen and (max-width:992px){
.mil-circle-text{}
}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box;}
.elementor a{box-shadow:none;text-decoration:none;}
}



.mi-invert-fix {
    height: 100%;
    position: relative;
    pointer-events: none;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    direction: ltr;
}
@media all{



.mil-animation-frame{width:100%;height:100vh;position:absolute;top:0;-webkit-animation:jump 10s linear infinite;animation:jump 10s linear infinite;pointer-events:none;}
.mil-animation{position:absolute;display:inline-block;width:300px;height:300px;opacity:.2;pointer-events:none;}
.mil-position-1{top:100px;left: 100px;}
.mil-position-1 .mil-pentagon div{border-top:.1px solid #fff;}
.mil-position-2{top:-60px;left:15%;}
.mil-position-2 .mil-pentagon div{border-top:1px solid #fff;}
.mil-position-2 .mil-dodecahedron{-webkit-animation-delay:.5s;animation-delay:.5s;}
@media screen and (max-width:1400px){
.mil-position-2{display:none;}
}
.mil-position-3{bottom:-100px;right:35%;}
.mil-position-3 .mil-pentagon div{border-top:1px solid #fff;}
.mil-position-3 .mil-dodecahedron{-webkit-animation-delay:1s;animation-delay:1s;}
@media screen and (max-width:1400px){
.mil-position-3{display:none;}
}
.mil-dodecahedron{position:relative;left:100px;top:40px;width:100px;height:223px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:rotate 100s infinite linear;animation:rotate 100s infinite linear;}
.mil-pentagon{position:absolute;width:100px;}
.mil-pentagon:nth-child(1){-webkit-transform:rotateY(.2turn) translateZ(69px) rotateX(26.5deg);transform:rotateY(.2turn) translateZ(69px) rotateX(26.5deg);}
.mil-pentagon:nth-child(6){bottom:0;-webkit-transform:rotateY(.2turn) translateZ(-69px) rotateX(206.5deg);transform:rotateY(.2turn) translateZ(-69px) rotateX(206.5deg);}
.mil-pentagon:nth-child(2){-webkit-transform:rotateY(.4turn) translateZ(69px) rotateX(26.5deg);transform:rotateY(.4turn) translateZ(69px) rotateX(26.5deg);}
.mil-pentagon:nth-child(7){bottom:0;-webkit-transform:rotateY(.4turn) translateZ(-69px) rotateX(206.5deg);transform:rotateY(.4turn) translateZ(-69px) rotateX(206.5deg);}
.mil-pentagon:nth-child(3){-webkit-transform:rotateY(.6turn) translateZ(69px) rotateX(26.5deg);transform:rotateY(.6turn) translateZ(69px) rotateX(26.5deg);}
.mil-pentagon:nth-child(8){bottom:0;-webkit-transform:rotateY(.6turn) translateZ(-69px) rotateX(206.5deg);transform:rotateY(.6turn) translateZ(-69px) rotateX(206.5deg);}
.mil-pentagon:nth-child(4){-webkit-transform:rotateY(.8turn) translateZ(69px) rotateX(26.5deg);transform:rotateY(.8turn) translateZ(69px) rotateX(26.5deg);}
.mil-pentagon:nth-child(9){bottom:0;-webkit-transform:rotateY(.8turn) translateZ(-69px) rotateX(206.5deg);transform:rotateY(.8turn) translateZ(-69px) rotateX(206.5deg);}
.mil-pentagon:nth-child(5){-webkit-transform:rotateY(1turn) translateZ(69px) rotateX(26.5deg);transform:rotateY(1turn) translateZ(69px) rotateX(26.5deg);}
.mil-pentagon:nth-child(10){bottom:0;-webkit-transform:rotateY(1turn) translateZ(-69px) rotateX(206.5deg);transform:rotateY(1turn) translateZ(-69px) rotateX(206.5deg);}
.mil-pentagon:nth-child(11){-webkit-transform:translateZ(69px) rotateX(-90deg);transform:translateZ(69px) rotateX(-90deg);}
.mil-pentagon:nth-child(12){bottom:0;-webkit-transform:translateZ(-69px) rotateX(90deg);transform:translateZ(-69px) rotateX(90deg);}
.mil-pentagon div{position:absolute;width:100px;height:69px;-webkit-transform-origin:bottom;transform-origin:bottom;}
.mil-pentagon div:nth-child(1){-webkit-transform:rotate(.2turn);transform:rotate(.2turn);}
.mil-pentagon div:nth-child(2){-webkit-transform:rotate(.4turn);transform:rotate(.4turn);}
.mil-pentagon div:nth-child(3){-webkit-transform:rotate(.6turn);transform:rotate(.6turn);}
.mil-pentagon div:nth-child(4){-webkit-transform:rotate(.8turn);transform:rotate(.8turn);}
.mil-pentagon div:nth-child(5){-webkit-transform:rotate(1turn);transform:rotate(1turn);}
.mil-main-transition .mil-animation-frame{opacity:1;margin-top:0;-webkit-transition:.6s;transition:.6s;-webkit-transition-delay:.3s;transition-delay:.3s;}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box;}
}
/*! CSS Used keyframes */
@-webkit-keyframes jump{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}50%{-webkit-transform:translateY(30px);transform:translateY(30px);}100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}}
@keyframes jump{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}50%{-webkit-transform:translateY(30px);transform:translateY(30px);}100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}}
@-webkit-keyframes rotate{from{-webkit-transform:rotateX(0deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(0deg) rotateY(360deg) rotateZ(360deg);}to{-webkit-transform:rotateX(360deg) rotateY(0deg) rotateZ(-360deg);transform:rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}}
@keyframes rotate{from{-webkit-transform:rotateX(0deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(0deg) rotateY(360deg) rotateZ(360deg);}to{-webkit-transform:rotateX(360deg) rotateY(0deg) rotateZ(-360deg);transform:rotateX(360deg) rotateY(0deg) rotateZ(-360deg);}}


	a {text-decoration:none;color:#333333;}

.product_cat_list {padding: 0px 15px;text-align:center;padding-bottom: 40px;background: #ffffff;position: relative;}
.product_cat_list ul {display: table;margin-bottom: 0px;background: #ffffff;border: 1px solid #515151;margin: auto;padding: 0 20px;border-radius: 5px;}
.product_cat_list li{display:inline-block;margin: 0;}
.product_cat_list li a{display:block;padding: 20px 10px;position:relative;z-index:1;font-weight: 400;color: #686868;font-size: 16px;cursor: pointer;min-width: 100px;}
.product_cat_list li.cqa a{color:#000;}

.ulul {transition:all 1.9s;opacity:0;}
.ulul.revealed {opacity:1;}


body.home {}
.tmorecenter {text-align:center;margin:50px 0px 30px;}
.LLINE {
    position: absolute;
    left: 20px;
    bottom: -25px;
    height: 50px;
    width: 3px;
    background: #16becf;
    transform: scale(0);
    transition: all 0.6s;
    z-index:3;
}
.pr_img {transition:all 0.7s;background: #ffffff;min-height:100px;margin-bottom: 20px;border: 1px solid #efefef;background-size: cover;background-position: center center;background-repeat: no-repeat;filter: grayscale(1);position: relative;}
.pr_imgg {transition:all 0.4s;background-size: cover;background-position: center center;background-repeat: no-repeat;
position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;
}
.pr_box {margin-bottom: 40px;position: relative;}

.pr_box:hover .LLINE {transform:scale(1);}

.pr_box:hover .pr_img {transform: scale(1);filter:grayscale(0);}
.pr_box h3 {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 18px;
}
.pr_box span{
    font-size: 14px;
    opacity: 0.8;
    display: block;
    margin-top: -7px;
}

.product_list .row {
    margin-right: -6px;
    margin-left: -6px;
}.product_list .col-md-3 {
    padding-right: 4px;
    padding-left: 4px;
    flex: 0 0 33.3333333333333333%;
    max-width: 33.333333333333%;
}

.honors {background:#212121;color:white;position: relative;padding-bottom: 80px !important;}


.honor_slider {
    width: 60%;
    text-align: center;
    padding: 40px 5px 30px;
    background: #303030;
    margin: 0px 20px;
}

.bgimg {background-repeat:no-repeat;background-size:contain;}
.honor_img1 {width: 80px;height: 100px;margin-bottom: 15px;display: table;margin: auto auto 19px;}
.honor_img2 {height:50px;margin-bottom:10px;}
.honor_text1 {
    margin-bottom: 20px;
    line-height: 25px;
    font-size: 18px;
    padding: 0px 30px;
    max-height: 50px;
    overflow: hidden;
}
.honor_text2year {margin-bottom:40px;font-weight: bold;font-size: 23px;}
.honor_img3 {height: 230px;margin-bottom:10px;background-position: center;}


@media (min-width: 576px){
header .container,footer .container,.bottom_part .container{
    padding-right: 15px;
    padding-left: 15px;
	max-width:100%;
}
}



 

.image-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 0;
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.image-item {
    border: 1px solid #E6E6E6;
    height: 100px; /* ارتفاع پیش‌فرض برای تصاویر */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
}

/* حذف border-top برای ردیف اول */
.image-item:nth-child(-n+9) {
    border-top: none;
}

/* حذف border-bottom برای ردیف آخر */
.image-item:nth-last-child(-n+9) {
    border-bottom: none;
}

/* حذف border-right برای آیتم‌های اول در هر ردیف */
.image-item:nth-child(9n+1) {
    border-right: none;
}

/* حذف border-left برای آیتم‌های آخر در هر ردیف */
.image-item:nth-child(9n) {
    border-left: none;
}

/* استایل‌های ریسپانسیو */
@media (max-width: 900px) {
    .image-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    /* حذف border-bottom برای ردیف آخر در حالت 3 در 6 */
    .image-item:nth-last-child(-n+6):nth-child(n+19) {
        border-bottom: none;
    }
}

@media (max-width: 600px) {
    .image-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* حذف border-bottom برای ردیف آخر در حالت 3 در 3 */
    .image-item:nth-last-child(-n+3):nth-child(n+10) {
        border-bottom: none;
    }
}

.secTion {padding-bottom: 60px;padding-top: 0px;position: relative;}


.yellOW {
	background: url(../img/footeryellow.png) no-repeat bottom;
	background-repeat: repeat-x;
	background-size:contain;
	height: 40px;
	margin-top: 20px;
}
.yellOw {background:#FFD503; min-height:80px;}
.blUe {background:#16BECF;min-height: 40px;}

.customers.secTion {background:white;padding-bottom: 150px;}

.waves.wave2 {	animation: moveRight 2s linear infinite;}

@keyframes moveRight {
    0% {
      left: 0;
    }
    100% {
      left: 36px;
    }
}
  
@keyframes moveleft {
    0% {
      right: 0;
    }
    100% {
      right: 36px;
    }
 } 
 
 .wave1 {z-index:1;}
 .wave2 {z-index:3;}
 .wave3 {z-index:5;}
 
.ghayegh {
	position:absolute;
	left:50%;
	top: 41px;
	background: url(../img/gh.png) no-repeat top;
	background-repeat: repeat-x;
	background-size:contain;
	width: 140px;
	height: 140px;
	z-index: 2;
	transform: translateX(-50%);	animation: Movetupdown 4s linear infinite;
}


	

.flEx {

display:flex;

justify-content: center;
}

.farda {left:50%;top: 10px;font-size: 40px;font-weight: 900;letter-spacing: -1px;color: white;margin-bottom: 40px;display: block;}

@keyframes Movetupdown {

    0% {
      transform: translate(-50%, 10px) rotate(0);
    }
    50% {
      transform: translate(-50%, 0px) rotate(5deg);
    }

    100% {
      transform: translate(-50%, 10px) rotate(0);
    }	
	
 } 
 
 

.top-btn {
  display: inline-block;
  width: 50px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: relative;
  background-color: #484848;
  overflow: hidden;
  margin-left: auto;
  text-align: center;
  padding-top: 15px;
  font-size: 20px;
  color: white;
  margin-right: auto;
  height: 50px;
}

.top-btn::before,
.top-btn::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 50%;
  translate: -50% 0;
}

.top-btn::before {
  width: 24px;
  aspect-ratio: 1 / 1;
  border-top: var(--width-arrow-line) solid var(--color-arrow);
  border-left: var(--width-arrow-line) solid var(--color-arrow);
  rotate: 45deg;
}

.top-btn::after {
  width: var(--width-arrow-line);
  height: 50%;
  background-color: var(--color-arrow);
}

.scroll--active .top-btn:hover::before,
.scroll--active .top-btn:hover::after {
  animation: top 0.8s infinite;
}

@keyframes top {
  0% {
    top: 100%;
  }

  100% {
    top: -50%;
  }
}



.flUX {
	
	
	
}


.under_HEAD {background-position:center center;background-size:cover;background-color: gainsboro;height:350px;margin-bottom: 0px;position: relative;}
.sujeh_title {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 30px;
    padding-top: 60px;
}


.person {display:flex;margin-bottom: 35px;}
.person_img {background-position:center center;background-size:cover;background-color: gainsboro;height: 306px;width: 33.33333333333333%;margin-bottom: 20px;margin-left: 25px;flex-shrink: 0;    /* Prevent the first child from shrinking */}
.person_data {
    flex-grow: 1;      /* Allow the second child to take up remaining space */
    width: auto;
}
.person_data ul {
    margin-top: 15px;
}
.person_data ul li {
    display: inline-block;
    margin-left: 10px;
}
.person_data ul a {
    display: block;
	cursor:pointer;
	transition:all 0.3s;
}
.person_data ul a:hover {
    color: #16BECF;
	transform:scale(1.2);
}

.person_data ul i {
    font-size: 27px;
}

.person h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.person h4 {
    font-size: 17px;
    margin-bottom: 20px;
    opacity: 0.7;
}
.person p {
    line-height: 28px;
    text-align: justify;
    background: white;
    width: calc(100% - 25px);
}






/*! CSS Used from: https://demo.bravisthemes.com/mrittik/wp-content/themes/mrittik/assets/css/style.css?ver=1.0.3 ; media=all */
@media all{
.pxl-grid-lines{padding: 0 70px;position:absolute;left: 50%;top:0;bottom:0;width:100%;pointer-events:none;overflow:hidden;z-index: 0;transform: translate(-50%, 0px);}
@media screen and (max-width: 767px){
.pxl-grid-lines:not(.grid-mobile){display:none!important;}
}
.pxl-grid-lines span{position:relative;display:inline-block;width:1px;height:100%;background-color: #f1f1f1;mix-blend-mode:difference;-webkit-transition:none!important;-khtml-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important;}
.pxl-grid-lines span:before{content:'';position:absolute;top:0;left:0;width:1px;height:60px;background:#fff;background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.00000001)));background:-o-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.00000001) 100%);background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.00000001) 100%);-webkit-animation:pxl_grid_fall 25s linear infinite;-khtml-animation:pxl_grid_fall 25s linear infinite;-moz-animation:pxl_grid_fall 25s linear infinite;-ms-animation:pxl_grid_fall 25s linear infinite;-o-animation:pxl_grid_fall 25s linear infinite;animation:pxl_grid_fall 25s linear infinite;}
.pxl-grid-lines span:nth-child(2):before{-webkit-animation-delay:1s;animation-delay:1s;}
.pxl-grid-lines span:nth-child(4):before{-webkit-animation-delay:1s;animation-delay:1s;}
.pxl-grid-lines span:nth-child(6):before{-webkit-animation-delay:1s;animation-delay:1s;}
.pxl-grid-lines{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.dark-mode .pxl-grid-lines span{background-color:var(--griddark-color);}
}
/*! CSS Used keyframes */
@keyframes pxl_grid_fall{0%{top:0%;}100%{top:100%;}}



/*! CSS Used from: https://ashley.bslthemes.com/wp-content/cache/autoptimize/css/autoptimize_40ea37f1e796cb2d58190d3aba228a0c.css ; media=all */
@media all{

.mil-breadcrumbs{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
.mil-breadcrumbs:before{content:"";position:absolute;left: calc(100% + 0px);top: 6px;width:100vw;height:1px;background-color:rgba(0,0,0,.1);width: 0;}
.mil-breadcrumbs li{list-style-type:none;}
.mil-breadcrumbs li:after{content:"/";margin:0 15px;color:#000;}
.mil-breadcrumbs li a{color:#000;text-transform:uppercase;letter-spacing: 1px;font-weight:500;font-size: 15px;white-space:nowrap;-webkit-transition:.2s cubic-bezier(0,0,.3642,1);transition:.2s cubic-bezier(0,0,.3642,1);}
.mil-breadcrumbs li a:hover{color:#16BECF;}
.mil-breadcrumbs li:last-child{margin-right:0;}
.mil-breadcrumbs li:last-child a{}
.mil-breadcrumbs li:last-child:after{display:none;}
@media screen and (max-width:768px){
.mil-breadcrumbs{max-width:100%;overflow:hidden;}
}
.mil-mb-60{margin-bottom:60px;}

}


.service_p_img {width: calc(50% + 20px);background-position: center center;background-size: cover;flex-shrink: 0;margin-right: -20px;position: relative;}

.servicepst {
    display: flex;
    justify-content: center;
    align-items: center;
}
.srvic_po {flex-grow: 1;width: auto;padding: 0px 40px;}
.srvic_po h3 {
    font-size: 32px;
    margin-bottom: 0px;
    font-weight: bold;
    line-height: 45px;
    margin-top: -10px;
}

.srvic_po p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 27px;
    height: 112px;
    overflow: hidden;
    opacity: 0.7;
    text-align: justify;
}
.srvic_po .sicon {background-position: center center;background-size: cover;height: 90px;width: 90px;margin-bottom: 20px;}


.srvic_po ul {
            counter-reset: list-counter; /* Initialize the counter */
            list-style: none; /* Remove default list styling */
            padding-left: 0;
            max-height: 94px;
            overflow: hidden;
            margin-bottom: 30px;
        }

.srvic_po ul li {
            counter-increment: list-counter; /* Increment the counter */
            position: relative; /* Needed for positioning the ::before element */
            padding-left: 0px; /* Space for the number */
            margin-bottom: 10px;
        }

.srvic_po ul li::before {
            content: counter(list-counter, decimal-leading-zero) ". "; /* Add the counter value before the list item */
            left: 0;
            top: 0;
            display: inline-block;
            width: 23px;
        }
		
	.required-field-message {display:none;}

.sujeh_btn,button,input[type=submit] {position:relative;max-height: 50px;color: black;display: inline-block;padding: 14px 20px;font-size:16px;border:none;box-shadow:none;cursor:pointer;background: none;}	
.sujeh_btn:before,button:before,input[type=submit]:before {content:'';position: absolute;right: 0;bottom: -3px;height: 2px;background: black;width: 100%;transition:all 1.1s;}	
.sujeh_btn:afteor {content:'';position: absolute;right: -5px;background: black;transition:all 0.4s;width: 36px;height: 36px;top: 0;border-radius: 100px;mix-blend-mode: difference;z-index: -2;}	
.sujeh_btn span,button span,input[type=submit] span{position:relative;z-index:2;color: black;transition:all 0.5s;white-space: nowrap;}	
.sujeh_btn:hover::before ,button:hover::before,input[type=submit]:hover::before{height:120%;}
.sujeh_btn:hover span,button:hover span,input[type=submit]:hover span{color:white;}	
 
.sujeh_btn.whitten {color:white;}
.sujeh_btn.whitten span {color:white;}
.sujeh_btn.whitten:before {background: white;}
.sujeh_btn.whitten:hover span{color:black;}	

.btNs {display:flex;justify-content:space-between;width: 100%;margin-top: 20px;align-items: center;}
.nootes {max-width: 50%;font-size: 13px;line-height: 22px;opacity: 0.7;}
.nootes2 {max-width: 50%;font-size: 18px;line-height: 22px;opacity: 1;font-weight: 600;}
.btNs .sujeh_btn{margin-right:auto;}
.joining {padding-top: 60px;margin-top: 0;}

p {
    line-height: 25px;
    text-align: justify;
    letter-spacing: -1px;
    margin-bottom: 20px;
}		
h3 {font-size:20px;margin-bottom: 15px;line-height: 28px;}		
.contact1 h3 {
    font-weight: bold;
}
.contact1 p {
    line-height: 25px;
    text-align: justify;
    letter-spacing: -1px;
}



.tabs-wrapper {
}
.tabs-wrapper input[type="radio"] {
  display: none;
}
.tabs-wrapper label {
  transition: background 0.4s ease-in-out, height 0.2s linear;
  display: inline-block;
  cursor: pointer;
  color: #060606;
  width: 20%;
  height: 3em;
  background: #525252;
  text-align: center;
  line-height: 3em;
  background: none !important;
  border-bottom: 3px solid #0000;
  position: relative;
  top: 3px;
  transition: all 0.4s;
}
.tabs-wrapper label:last-of-type {
}
.tabs-wrapper label:hover {
  background: #667876;
  /*@include transform (translate(0,-0.2em));*/
}
@media screen and (max-width: 1600px) {
  .tabs-wrapper label {
    width: 20%;
  }
}
@media screen and (max-width: 900px) {
  .tabs-wrapper label {
    width: 20%;
  }
}
@media screen and (max-width: 600px) {
  .tabs-wrapper label {
    width: 100%;
    display: block;
    border-bottom: 2px solid #4d4c47;
    border-radius: 0;
  }
}
@media screen and (max-width: 600px) {
  .tabs-wrapper {
    margin: 0;
  }
}

#tab1:checked + label,
#tab2:checked + label,
#tab3:checked + label,
#tab4:checked + label {
  color: #16BECF;
  border-bottom: 3px solid #16BECF;
}

.tab-body {
  position: absolute;
  top: -9999px;
  opacity: 1;
  padding: 20px 0px;
  display: none;
}

.tab-body-wrapper {
  background: #f7eec600;
  border-top: #E0E0E0 3px solid;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media screen and (max-width: 600px) {
  .tab-body-wrapper {
    border: none;
    border-radius: 0;
  }
}

#tab1:checked ~ .tab-body-wrapper #tab-body-1,
#tab2:checked ~ .tab-body-wrapper #tab-body-2,
#tab3:checked ~ .tab-body-wrapper #tab-body-3,
#tab4:checked ~ .tab-body-wrapper #tab-body-4 {
  position: relative;
  top: 0px;
  display: block;
}

.tab-body-wrapper ul li {display:flex;width:100%;margin-bottom: 13px;justify-content: center;align-items: center;}
.tab-body-wrapper ul li span:first-child {opacity: 0.7;width:35%;}
.tab-body-wrapper ul li span:last-child {width:65%;font-weight: 600;line-height: 25px;}

.sujeh_map {height:400px;width:100%;border-radius:0px;margin: 40px 0px 0px;}

.grayscale {background: #f0f0f0;padding:80px 0px;}




.grayscalei {background: #16BECF;padding:80px 0px;color:white;}
.tcenter {text-align:center;}

.aligncenter {
    align-items: center;
}
.contact2 h3 {margin:0;}

#sujeh_contact {display:flex;margin-top: 30px;flex-wrap:wrap;}
.w50 {width: calc(50% - 20px);margin-left: 20px;}
.w100{width:100%;}
.form_field {position:relative;margin-bottom:10px;}
.form_field label {position:absolute;right:0;top: 50%;transform: translate(0px, -50%);font-size: 14px;}
.form_field input ,.form_field textarea{border:none;border-bottom: 1px solid #000;padding:14px 0px;outline:none;text-shadow:none;background:none !important;font-size:18px;width:100%;padding-right: 80px;font-weight: 600;}
.form_field textarea{min-height: 160px;}

.bbu {margin-top: 20px;}
.bbu label{
	top: 0%;transform: translate(0px, 0%);
}
.bbu textarea{padding-right: 0px;padding-top: 30px;}















.su_logo a {color:#868686;}

/*! CSS Used from: https://themezinho.net/verno/css/style.css */
.sandwich-btn{width:22px;height:22px;float:left;position:relative;cursor:pointer;}
.sandwich-btn span{display:block;height: 3px;width: 30px;background: #ffffff;opacity:1;position:absolute;right:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
.sandwich-btn span:nth-child(1){top:0;}
.sandwich-btn span:nth-child(2){top:8px;}
.sandwich-btn.open span:nth-child(1){top:4px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.sandwich-btn.open span:nth-child(2){top:4px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.sandwich-nav{margin-right:0;color: #ffffff;margin-top: 10px;position: relative;left: 3px;}
.sandwich-nav .sandwich-text{float: right;height: 46px;overflow:hidden;margin: 5px 0px 5px 5px;position: relative;top: 30px;left: -43px;transition: all 0.4s;}
.sandwich-nav .sandwich-text.move-up b{transform:translateY(-50%);}
.sandwich-nav .sandwich-text b{float:left;cursor: pointer;font-weight:400;line-height: 38px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);}
.sandwich-nav .sandwich-btn{float:left;margin-left: 10px;margin-top:18px;}
/*! CSS Used fontfaces */





.navigation-menu{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;position:fixed;left:0;top:-100%;z-index: 11;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);direction: ltr;}
.navigation-menu *{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);}
.navigation-menu .nav-bg{width:10px;height:100%;position:absolute;left:0;top:0;background:#313434;transition-delay:0.4s;}
.navigation-menu .nav-bg2{width:0;height:100%;position:absolute;left:0;top:0;background: #16BECF;transition-delay:0.8s;}
.navigation-menu .inner{position:relative;z-index:2;padding:0 40px;display: flex;width: 100%;justify-content: space-between;}
.navigation-menu .inner address{float:left;color:#fff;font-size: 22px;transform:translateX(-200%);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);margin:0;height: auto;position:absolute;top:50%;margin-top:-85px;}
.navigation-menu .inner address span{display:block;font-size:2vw;font-weight:700;margin-bottom:20px;}
.navigation-menu .inner ul{width:50%;float:right;margin:0;padding:0;margin-left: auto;}
.navigation-menu .inner ul li{display:block;margin:0;padding:0;list-style:none;overflow:hidden;}
.navigation-menu .inner ul li:hover ul{max-height:500px;transition:max-height 0.45s ease-in;}
.navigation-menu .inner ul li a{float:right;font-size:4vw;color:#fff;font-weight:700;transform:translateY(200%);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);position:relative;padding: 10px 0px;}
.navigation-menu .inner ul li a:hover{text-decoration:none;}
.navigation-menu .inner ul li a:hover:before{width:100%;}
.navigation-menu .inner ul li a:before{content:"";width:0;height: 4px;background: #ffffff;position:absolute;right: 0;bottom: 1px;z-index:-1;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);}
.navigation-menu .inner ul li ul{max-height:0;width:100%;transition:max-height 0.25s ease-out;}
.navigation-menu .inner ul li ul li{display:block;}
.navigation-menu .inner ul li ul li a{font-size:26px;}
.navigation-menu .inner ul li ul li a:before{height:4px;bottom:8px;}
.navigation-menu.open{top:0;}
.navigation-menu.open .nav-bg{width:100%;}
.navigation-menu.open .nav-bg2{width:100%;}
.navigation-menu.open address{transition-delay:1s;transform:translateY(0);}
.navigation-menu.open ul li{margin:0;}
.navigation-menu.open ul li:nth-child(1) a{transition-delay:0.8s;}
.navigation-menu.open ul li:nth-child(2) a{transition-delay:0.85s;}
.navigation-menu.open ul li:nth-child(3) a{transition-delay:0.9s;}
.navigation-menu.open ul li:nth-child(4) a{transition-delay:0.95s;}
.navigation-menu.open ul li:nth-child(5) a{transition-delay:1s;}
.navigation-menu.open ul li:nth-child(6) a{transition-delay:1.05s;}
.navigation-menu.open ul li:nth-child(7) a{transition-delay:1.1s;}
.navigation-menu.open ul li:nth-child(8) a{transition-delay:1.15s;}
.navigation-menu.open ul li a{transform:translateY(0);}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px){
.navigation-menu.open address{display:none;}
.navigation-menu .inner ul{width:100%;}
.navigation-menu .inner ul li a{font-size: 30px;padding: 13px 0px;}
}

.sandwich-nav:hover .sandwich-btn span:nth-child(1) {top:4px;}
.sandwich-nav:hover .sandwich-btn span:nth-child(2) {
    top: 4px;
}
.sandwich-text i {font-style:normal;}
.sandwich-nav .sandwich-text.move-up {
    left: -38px;
    transition: all 0.3s;
}
.navigation-menu.open address p {
    line-height: 38px;
    font-size: 24px;
    opacity: 0.8;
}





/*! CSS Used from: https://themezinho.net/verno/css/swiper.min.css */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto;}
.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-pagination-fraction{bottom:10px;left:0;width:100%;}

.header h5{font-size: 27px;color:#fff;margin-bottom: 42px;position:relative;font-weight: 300;font-family: AbarHighFaNum;}
.header h5:before{content:"";width:30px;height: 1px;background:#fff;float: right;margin-top: 13px;margin-left: 16px;}
.header h5 span{position:relative;}
.header h5 span:after{content:"";width:100%;height: 3px;background: #00bbcc;position:absolute;left:0;bottom: -1px;z-index:-1;}
.header h2{font-size: 4.5vw;color:#fff;font-weight: 600;margin-bottom:40px;text-transform:uppercase;margin-top: 17px;text-shadow: 0px 0px 1px #000000;font-family: AbarHighFaNum;}
.header .btn-ghost{min-width: 170px;height: 50px;line-height:52px;display:inline-block;border-radius:54px;border-bottom: 0px solid rgba(0, 0, 0, 0.2);background: #fff;background-size:cover;color: #000;font-weight: 700;font-size: 16px;text-align:center;position:relative;z-index:2;overflow:hidden;box-shadow:0 3px 3px rgba(0, 0, 0, 0.1);}
.header .btn-ghost *{-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
.header .btn-ghost span{position:relative;display:inline-block;}
.header .btn-ghost span:before{position:absolute;top:100%;content:attr(data-hover);left: 0;right: 0;text-align: center;}
.header .btn-ghost span:before{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.header .btn-ghost:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.header .btn-ghost:hover{text-decoration:none;}
.header .btn-play{color:#fff;position:relative;z-index:2;}
.header .btn-play img{height:50px;}
.header .swiper-container{width:100%;height: 100vh;position:absolute;left:0;top:0;z-index:0;}
.header .swiper-container .swiper-slide{overflow:hidden;}
.header .swiper-container .swiper-button-next{width:auto;height:auto;background:none;left: 19px;font-weight: 300;color:#fff;transform: rotate(-90deg);margin-top: -40px;overflow:hidden;right: auto;}
.header .swiper-container .swiper-button-next *{-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
.header .swiper-container .swiper-button-next span{position:relative;display:inline-block;}
.header .swiper-container .swiper-button-next span:before{position:absolute;top:100%;content:attr(data-hover);}
.header .swiper-container .swiper-button-next span:before{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.header .swiper-container .swiper-button-next:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.header .swiper-container .swiper-button-prev{width:auto;height:auto;background:none;left:auto;left: 22px;font-weight: 300;color:#fff;transform: rotate(-90deg);margin-top: 20px;overflow:hidden;}
.header .swiper-container .swiper-button-prev *{-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
.header .swiper-container .swiper-button-prev span{position:relative;display:inline-block;}
.header .swiper-container .swiper-button-prev span:before{position:absolute;top:100%;content:attr(data-hover);}
.header .swiper-container .swiper-button-prev span:before{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.header .swiper-container .swiper-button-prev:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
.header .swiper-container .swiper-pagination-fraction{width:100px;position:absolute;right: auto;left: 90px;bottom:20px;color:#fff;text-align: left;}
.header .swiper-container .swiper-pagination-fraction .swiper-pagination-current{font-size:50px;font-weight: 700;}
.header .swiper-container .swiper-pagination-fraction .swiper-pagination-current:before{content:"0";}
.header .swiper-container .swiper-pagination-fraction .swiper-pagination-total{font-size: 22px;font-weight:600;opacity:0.7;}
.header .slide-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;padding: 0 0px;text-align: right;direction: rtl;}
.header .slide-inner .roWs{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/hero-lines-bg.png) center;opacity:0.2;}
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px){
.header .slide-inner{padding:0 60px;padding-left:120px;}
.header .swiper-container .swiper-slide h5{font-size:28px;}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px){
.header .swiper-container .swiper-button-prev{display:none;}
.header .swiper-container .swiper-button-next{display:none;}
.header .slide-inner{padding:0 10px;}
.header .swiper-container .swiper-slide h5{font-size: 17px;margin-bottom: 10px;opacity: 0.8;}
.header .swiper-container .swiper-slide h5:before{display:none;}
.header .swiper-container .swiper-slide h2{font-size: 36px;}
.header .swiper-container .swiper-pagination-fraction{display:none;}
}

.header .pxl-grid-lines  {
	width: calc(100% - 140px);
}
.header .pxl-grid-lines span {
    background: #ffffff1a;
}

.header {
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    max-height: 100dvh;
    z-index: 100;
    direction: ltr;
}



.pxl-grid-lines span:nth-child(1) {
	opacity:1;
}
.pxl-grid-lines span:nth-child(2) {
	opacity:0;
}
.pxl-grid-lines span:nth-child(6) {
	opacity:0;
}
.pxl-grid-lines span:nth-child(3) {
	opacity:0;display:none;
}
.pxl-grid-lines span:nth-child(5) {
	opacity:0;display:none;
}
.pxl-grid-lines span:nth-child(7) {
	opacity:1;
}


.product_list {background: #ffffff;position: relative;padding-bottom: 50px;}

.line_title {font-size: 49px;text-align:center;margin: 30px 0px 20px;font-weight: 900;font-family: AbarLOWFaNum;letter-spacing: -2px;line-height: 60px;}
.line_titlei {display: table;height: 140px;width: 6px;position: relative;z-index: 2;margin-bottom: 20px;background: rgb(0 0 0 / 0%);margin: auto;}
.line_titlei:after {transition:all 1.9s;content:'';height: 0px;width: 6px;background: #616161;position: absolute;z-index: 2;margin-bottom: 20px;background: #16becf;margin: auto;display: inline-block;right: 0;top: 0;}
.line_titlei.revealed:after {height:140px;}

.product_cat_list li a span {position:relative;z-index:2;transition: all 0.5s;}
.product_cat_list li:hover a span {}

.product_cat_list li.cqa a {font-weight:bold;}
.product_cat_list li a:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 13px solid #4b4b4b;
  content:'';
  position: absolute;
  bottom: -13px;
  left: 50%;
  z-index:1;
  transform: translate(-50%, 0px) scale(0);
  transition:all 0.6s;
  transform-origin:top;
}
.product_cat_list li.cqa a:after {
  transform: translate(-50%, 0px) scale(1);

}


.sujeh_btn.cj_animator {}
.sujeh_btn.cj_animator span {opacity: 0;bottom: -15px; }
.sujeh_btn.cj_animator.revealed span {opacity: 1;bottom: 0px; }
.sujeh_btn.cj_animator:before {width:0%;right: 50%;transform: translate(50%, 0px);}
.sujeh_btn.cj_animator.revealed:before {width:100%;right: 50%;transform: translate(50%, 0px);}


.product_cat_list li.cqa a:before {opacity:0;}

.product_cat_list li:hover a:before {
    transform: scaleX(1);
    transform-origin: right;
}

.product_cat_list li a:before {
    position: absolute;
    bottom: -1px;
    right: 0%;
    content: '';
    height: 5%;
    background: #16becf;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.9s;
    border-radius: 0;
    max-width: 100%;
    content:'';
    z-index: 2;
}

.product_list .container{padding:0px 85px;}

.pxl-grid-lines.darken span {

background-color: #f1f1f11c;
}


.righten {text-align:right;}

.wraping {
	background: url(../img/line.webp) no-repeat center;
	background-repeat: no-repeat;
	background-size:contain;
	width: 100%;
	height:400px;
	max-width: 400px;
	margin: auto;
	display: table;
	opacity: 0.3;
}


.SLide {width: 20%;margin-bottom: -30px;}
.Slide_img {position:relative;}
.Slide_imgg {background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top: 50%;right: 30px;left: 30px;height: 55%;filter: grayscale(1);transform: translate(0px, -50%);}
.sflag {

background-repeat:no-repeat;

background-size: cover;

background-position:center;

height: 46px;

width: 70px;

position:absolute;

top: 40%;

right:0;

transform: scale(0.7) translate(0px, -100%);

border-radius: 5px;
}


.SSLides {display:flex;margin-top: 0px;flex-wrap: wrap;margin-left: -20px;}




.waves {
	background: url(../img/footerwave.png) no-repeat top;
	background-repeat: repeat-x;
	background-size:contain;
	height: 40px;
	position:relative;
	animation: moveleft 2s linear infinite;
	margin-top: -10px;
	width: calc(100% + 100px);
	transform: translateX(50px);
	filter: grayscale(1);
}

.wave1 {
		background-image: url(../img/footerwave.png);

}.wave2 {
		background-image: url(../img/gr1.png) ;

}.wave3 {
		background-image: url(../img/gr2.png);

}.wave4 {
		background-image: url(../img/gr3.png);
		z-index: 5;
}




.shoab {border-top: 2px solid #cccccc3d;margin-top: 40px;padding-top: 40px;flex-direction: row-reverse;padding-bottom: 20px;}

.shoablist  {
    width: 100%;
}
.shoablist li {display:flex;justify-content: space-between;width: 65%;margin-bottom: 20px;text-align: right;}
.shoablist span {display:block;display: none;}
.shoablist strong {display:block;font-weight: 600;}
.shoablist i {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.top-btn {transition:all 0.4s;}
.top-btn:hover {background:white;color:black;}

.sectionwithlines:last-child {
    padding-bottom: 200px !important;
}

body.home #main_content{padding-top:100vh;}



.honors_slider .flickity-prev-next-button.next {
    right: 0px;
    opacity: 1;
    height: 100%;
    border-radius: 0px;
    width: 70px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(33,33,33,0) 3%, rgb(33 33 33) 100%) !important;
    max-height: 100%;
}

.honors_slider .flickity-prev-next-button.previous {
    left: 0px;
    opacity: 1;
    height: 100%;
    border-radius: 0px;
    width: 70px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgb(33 33 33) 0%, rgba(0,0,0,0) 97%) !important;
    max-height: 100%;
}

.honors_slider .flickity-prev-next-button.next .flickity-button-icon {
    color: white;
    transform: scale(0.6);
    transform-origin: center right;
    right:10px;display:block;
		opacity:0.5;

}
.honors_slider .flickity-prev-next-button.previous .flickity-button-icon {
    color: white;
    transform: scale(0.6);
    transform-origin: center left;
    left: 10px;display:block;
	opacity:0.5;
}
.honors_slider .flickity-prev-next-button.previous .flickity-button-icon,.honors_slider .flickity-prev-next-button.next .flickity-button-icon {transition:all 0.4s;}
.honors_slider .flickity-prev-next-button.previous:hover .flickity-button-icon,.honors_slider .flickity-prev-next-button.next:hover .flickity-button-icon { opacity:1;}






















.locomotive-scroll .c-scrollbar {
    position: fixed;
    right: 10px;
    top: 0;
    width: 8px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 10;
    transition: opacity 0.3s;
    opacity: 1;
}

.locomotive-scroll .c-scrollbar:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.locomotive-scroll .c-scrollbar .c-scrollbar__track {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.locomotive-scroll .c-scrollbar .c-scrollbar__handle {
    position: absolute;
    right: 0;
    width: 100%;
    background-color: #000;
    border-radius: 4px;
    cursor: pointer;
}


.line_title .word,h3 .word,h4 .word {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
	overflow:hidden;
	opacity: 0;
      transform: translateY(50px);
      transition: all 1.2s ease;	
	
}

.line_title.revealed .word,h3.revealed .word,h4.revealed .word {
      opacity: 1;
      transform: translateY(0);
}
/*
p .linex span{ }
p.revealed .linex span {}

p .linex span{ position:relative;top:100%;}
p.revealed .linex span{top:0;}
p .linex {overflow:hidden;}
*/

 .linex {
      overflow: hidden;
      position: relative;
      height: 1.8em; /* Adjust based on your font size and line height */
    }

    .linex span {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 100%; /* Start below the line */
      width: 100%;
      transition: top 1.5s ease, opacity 1.5s ease;
      opacity: 0;
    }

    .revealed .linex span {
      top: 0;
      opacity: 1;
    }

ul:not([class]) li {
opacity:0;transition:all 0.8s;transform:translateX(100px);
}
ul.revealed li {opacity:1;transition:all 1.5s;transform: translateX(0px);}


@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}	
	.wraping {
		
	  animation: rotate 5s infinite linear; /* Adjust the duration as needed */
	
		
	}
	
.cj_animator1 {opacity:0;transition:all 2.5s;}
.cj_animator1.revealed {opacity:1;}


.SLide {opacity:0;transition:all 1.0s;transform:scale(0);}
.SLide.revealed {opacity:1;transform:scale(1);}

.sicon {opacity:0;transition:all 1.0s;transform:scale(0);}
.sicon.revealed {opacity:1;transform:scale(1);}



.darkcontent {background:#212121;color:white;padding: 70px 50px 0px;margin-top:-2px;}
.darkcontent p {line-height: 32px;opacity:0.9;}

.darkcontent h5 {
    margin: -20px 0px 40px;
    opacity: 0;
    font-family: monospace;
    font-size: 15px;
}


.flickity-button:before {display:none;}
.darkcontent h5.cj_animator1.revealed {opacity:0.6;}

.maskK {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000052;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.maskK a,.maskK .mil-breadcrumbs li a ,.maskK .mil-breadcrumbs li:after{color:white;}
.inlinst {position:relative;margin-top: 40px;}

.inpra .col-md-3{padding-right:4px;padding-left:4px;}



.single-project .sujeh_title{
    font-size: 40px;
}
.snn {padding-top: 60px;}

v {display:block;font-weight: bold;margin-bottom: 18px;}
.DWT {display:block;margin-bottom: 12px;}

.sujeh_img {margin-bottom: 20px;position:relative;text-align: center;}
.pr_imgu,.sujeh_img:after{
  content: '';
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  transition:  all  cubic-bezier(1, 0, 0, 1) 2s;
  -webkit-transition:  all  cubic-bezier(1, 0, 0, 1) 2s;
  -moz-transition:  all  cubic-bezier(1, 0, 0, 1) 2s;
  -ms-transition:  all  cubic-bezier(1, 0, 0, 1) 2s;
  -o-transition:  all  cubic-bezier(1, 0, 0, 1) 2s;
  z-index: 2;
}

.pr_imgu.revealed,.sujeh_img.revealed:after{
  width: 0;
}
.nnjh {margin-bottom:50px;}
 
.sujeh_content {min-height:50dvh;margin-bottom:100px;}
.sujeh_content img {max-width:100%;height:auto;}

.suj_related {margin-top:100px;}
.suj_related .line_title,.normaleheading{font-size:39px;text-align: right;margin-bottom: 0px;}


.srv {
    padding-top: 0px;
}
.suj_service ul li{margin-bottom:10px;}

.sicon {
    background-position: center center;
    background-size: cover;
    height: 90px;
    width: 90px;
    margin-bottom: 20px;
}
.snnsrv .sicon {width: 180px;height: 180px;margin-right: 40px;}

.snnsrv {display:flex;align-items: center;}
.srvx {width: calc(100% - 270px);}

.bluepill {color:#16BECF;font-weight: bold;font-size: 36px;line-height: 37px;}

.pills{margin-top: 50px;}
.pills:after{content:'';display:table;clear:both;}
.pill {float:right;width: calc(25% - 20px);margin-left: 20px;}

.num3 {
    font-size: 52px;
    font-weight: 500;
    display: block;
    margin-bottom: 35px;
}
.num2 {
    line-height: 27px;
    font-size: 14px;
    text-align: justify;
    display: block;
    letter-spacing: -1px;
    margin-bottom: 0px;
    height: 162px;
    overflow: hidden;
    margin-top: 50px;
}
.num1 {
    display: block;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
    border-top: 0px solid #ccc;
    padding-top: 0px;
    margin-top: -25px;
    margin-bottom: 40px;
}




.pills  .flickity-prev-next-button.previous {
    left: 0px;
    opacity: 1;
    height: 60px;
    width: 60px;
    background: none !important;
    top: -80px;
    left: 70px;
    right: auto;
    border: 2px solid #16becf;
    border-radius: 100px;
    filter: grayscale(0);
    color: #16becf;
    text-align: center;
}

.pills .flickity-prev-next-button.previous .flickity-button-icon {
    color: #16becf;
    transform: scale(0.8);
    transform-origin: center left;
    left: 1px;
    display: inline-block;
    opacity: 1;
    position: relative;
    top: 5px;
}


.pills  .flickity-prev-next-button.next {
    left: 0px;
    opacity: 1;
    height: 60px;
    width: 60px;
    background: none !important;
    top: -80px;
    left: 0px;
    right: auto;
    border: 2px solid #16becf;
    border-radius: 100px;
    filter: grayscale(0);
    color: #16becf;
    text-align: center;
}

.pills .flickity-prev-next-button.next .flickity-button-icon {
    color: #16becf;
    transform: scale(0.8);
    transform-origin: center left;
    left: 1px;
    display: inline-block;
    opacity: 1;
    position: relative;
    top: 5px;
}



.pills  .flickity-prev-next-button.previous .flickity-button-icon,.pills  .flickity-prev-next-button.next .flickity-button-icon {transition:all 0.4s;}
.pills  .flickity-prev-next-button.previous:hover .flickity-button-icon,.pills  .flickity-prev-next-button.next:hover .flickity-button-icon { opacity:1;}
.pills .flickity-prev-next-button:disabled {opacity:0.5;filter:grayscale(1);}


.suj_rlsrv .prj_cat{display:none;}

.normaleheading {text-align:center;line-height: 54px;font-weight: bold;}

.siproject {
    display: table;
    margin: auto;
    height: 110px;
    width: 110px;
    margin-bottom: -40px;
}

.blogbox {
    border: 1px solid #cccccc;
}

.prRRR {
	padding: 40px 20px 0px;
	display: flex;
	justify-content: space-between;
}
.prCat {margin-bottom:10px;}

.prRRR .sujeh_btn:hover::before {height:140%;}
.blogbox .pr_img {margin-bottom:0;    max-height: 260px;}
.blogbox .LLINE {display:none;}
.blogbox h3 {max-height: 40px;overflow:hidden;}


.pill {
    background: #16becf;
    padding: 30px 25px;
}
.pill:nth-child(2n) {
    background: #ffd503;
}


#respond p {overflow:visible;height: auto;}
#respond .linex {overflow:visible;height: auto;}
#respond .linex span {position:static;}

.logged-in-as,#email-notes,.comment-notes ,.comment-form-cookies-consent{display:none !important;}

input[type=submit] {background:#000;color:white;transition:all 0.9s;max-height: 60px;}
input[type=submit]:hover {background:#fff;color:black;}
textarea,input[type=text],input[type=email],input[type=url] {background:none !important; border:none; border-bottom:1px solid #000;width:100%;display:block;box-shadow:none !important;outline:none !important;}

.comment .avatar  { display:none;}
.comment-author  {margin-bottom:20px;}
.comment  {
    background: #f0f0f0;
    padding: 30px;
    margin-bottom:30px;
}
.comments-title {font-size:30px;margin-bottom:30px;}
.comment-content {margin:20px 0px;}

.comment footer {
    padding: 0;
    margin: 0;
    background: none;
}

#respond {background: #f0f0f0;padding: 30px;margin-bottom: 50px;}

.tagssss {padding:20px 0px;border-top:2px solid #000;margin-bottom: 80px;}
.tagssss li {display:inline-block;margin-left: 12px;padding: 10px 15px;border: 1px solid #aaa;border-radius: 100px;font-size: 14px;margin-bottom: 10px;}

.gotoUP {margin-top:-120px;}

.person_img {position:relative;}






















.timeline__event__icon img {height: 100px;width: 100px;object-fit: contain;}

.timeline {
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  position: relative;
  direction:ltr;
}
.timeline__event {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  margin: 20px 0;
  border-radius: 6px;
  align-self: center;
  width: 50vw;
}
.timeline__event:nth-child(2n+1) {
  flex-direction: row-reverse;
}
.timeline__event:nth-child(2n+1) .timeline__event__date {
  border-radius: 0 6px 6px 0;
}
.timeline__event:nth-child(2n+1) .timeline__event__content {
  border-radius: 6px 0 0 6px;
}
.timeline__event:nth-child(2n+1) .timeline__event__icon:before {
  content: "";
  width: 2px;
  height: 200%;
  background: #16becf75;
  position: absolute;
  top: 0%;
  left: 50%;
  right: auto;
  z-index: -1;
  transform: translateX(-50%);
  -webkit-animation: fillTop 2s forwards 4s ease-in-out;
  animation: fillTop 2s forwards 4s ease-in-out;
}
.timeline__event:nth-child(2n+1) .timeline__event__icon:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #16becf85;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  -webkit-animation: fillLeft 2s forwards 4s ease-in-out;
  animation: fillLeft 2s forwards 4s ease-in-out;
}
.timeline__event__title {
  font-size: 1.2rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  color: #15bccd;
  margin-bottom: 20px;
}
.timeline__event__content {
  padding: 20px;
  box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  background: #fff;
  width: calc(40vw - 84px);
  border-radius: 0 6px 6px 0;
  direction: rtl;
  box-shadow: none;
  border: 1px solid #ccc;
}
.timeline__event__date {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  background: #16becf;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 20px;
  border-radius: 6px 0 0 6px;
}
.timeline__event__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9251ac;
  padding: 20px;
  align-self: center;
  margin: 0 20px;
  background: #16becf;
  border-radius: 100%;
  width: 40px;
  box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  padding: 40px;
  height: 40px;
  position: relative;
}
.timeline__event__icon i {
  font-size: 32px;
}
.timeline__event__icon:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #f6a4ec;
  position: absolute;
  top: 0%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-animation: fillTop 2s forwards 4s ease-in-out;
          animation: fillTop 2s forwards 4s ease-in-out;
}
.timeline__event__icon:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #16becf85;
  position: absolute;
  left: 0%;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: fillLeftOdd 2s forwards 4s ease-in-out;
  animation: fillLeftOdd 2s forwards 4s ease-in-out;
}
.timeline__event__description {
  flex-basis: 60%;
  max-height: 170px;
  overflow: hidden;
}
.timeline__event--type2:after {
  background: #555ac0;
}
.timeline__event--type2 .timeline__event__date {
  color: #87bbfe;
  background: #555ac0;
}
.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
  background: #87bbfe;
}
.timeline__event--type2 .timeline__event__icon {
  background: #87bbfe;
  color: #555ac0;
}
.timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after {
  background: #87bbfe;
}
.timeline__event--type2 .timeline__event__title {
  color: #555ac0;
}
.timeline__event--type3:after {
  background: #24b47e;
}
.timeline__event--type3 .timeline__event__date {
  color: #aff1b6;
  background-color: #24b47e;
}
.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
  background: #aff1b6;
}
.timeline__event--type3 .timeline__event__icon {
  background: #aff1b6;
  color: #24b47e;
}
.timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after {
  background: #aff1b6;
}
.timeline__event--type3 .timeline__event__title {
  color: #24b47e;
}
.timeline__event:last-child .timeline__event__icon:before {
  content: none;
}

@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
    align-self: center;
  }
  .timeline__event__content {
    width: 100%;
  }
  .timeline__event__icon {
    border-radius: 6px 6px 0 0;
    width: 100%;
    margin: 0;
    box-shadow: none;
  }
  .timeline__event__icon:before, .timeline__event__icon:after {
    display: none;
  }
  .timeline__event__date {
    border-radius: 0;
    padding: 20px;
  }
  .timeline__event:nth-child(2n+1) {
    flex-direction: column;
    align-self: center;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__date {
    border-radius: 0;
    padding: 20px;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__icon {
    border-radius: 6px 6px 0 0;
    margin: 0;
  }
}
@-webkit-keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@-webkit-keyframes fillTop {
  100% {
    top: 100%;
  }
}
@keyframes fillTop {
  100% {
    top: 100%;
  }
}
@-webkit-keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}
@keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}


.softersize {font-size:39px;margin-bottom: -20px;}


.galleryis {}
.product_cat_list.galleryis ul {border:none;}
.product_cat_list.galleryis li a:before {
    background: black;
    transform: translate(0%, 0px) scale(1);
    height: 3%;
}
.product_cat_list.galleryis li  {
    margin-left: 10px;
}
.product_cat_list.galleryis li a {
    padding: 20px 0px;
    min-width: 80px;
}

.product_cat_list.galleryis li.cqa a:before {
    opacity: 1;
}


.gallerycol {margin-left:10px;margin-right:0px;margin-bottom: 0px;width:calc(33.33333333333333% - 20px);}
.gallerycol .pr_img {filter: grayscale(0);}
.gallerycol .pr_box {margin-bottom: 30px;}

.gallerinpra {min-height:850px;}


.galleryline .gallerycol .pr_img{min-height: 300px !important;}
.galleryline .gallerycol .pr_box {margin-bottom:0;}
.galleryline .pr_box h3 {display:none;}
.galleryline.projectint .pr_box h3 {display:block;}
.arrowwant .flickity-prev-next-button  {background:black !important;color:white !important;top:50%;}
.arrowwant .flickity-prev-next-button svg{transform:scale(0.8);}

.projectint .flickity-viewport {min-height:390px;}
.gotoUPP {margin-top:0px;}


/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}