.ocean {
  height: 5%;
  width: 100%;
  position: absolute;
  bottom: -100px;
  left: 0;
}

.wave-2 {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;
  position: absolute;
  width: 6400px;
  top: 800px;
  left: 0;
  height: 198px;
  transform: translate(0, 0, 0);
  animation: wavee 7s ease infinite;
}

.wave-2:nth-of-type(2) {
  top: 800px;
  animation: swell 4s ease infinite;
  opacity: 1;
}

@keyframes wavee {
  0% { margin-left: 0; }
  100% { margin-left: -1600px;}
}
@keyframes swell {
  0%, 100% {
    transform: translate(0, -30px);
  }
  50% {
    transform: translate(0, 5px);
  }
}
@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; 
    scroll-behavior: smooth;
}

 svg:not(:root) {
            overflow: hidden;
        }

        .path-0 {
            animation: pathAnim-0 10s;
            -webkit-animation: pathAnim-0 10s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .wave {
            position: absolute;
            left: 0%;
            top: auto;
            right: 0%;
            bottom: -300px;
            overflow: hidden;
        }

        .w-embed:after {
            clear: both;
        }

        .w-embed:before,
        .w-embed:after {
            content: " ";
            display: table;
            grid-column-start: 1;
            grid-row-start: 1;
            grid-column-end: 2;
            grid-row-end: 2;
        }



        .white-wave {
            width: 140vw;
            position: absolute;
            z-index: 20;
            bottom: 0;
            left: -20%;
            filter: blur(10px);
            -webkit-filter: blur(10px);
            margin-bottom: -5%;
        }

        .cursor-wrapper {
            pointer-events: none;
            mix-blend-mode: difference;
        }

        .cursor {
            mix-blend-mode: difference;
        }

        .path-0 {
            animation: pathAnim-0 10s;
            -webkit-animation: pathAnim-0 10s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @keyframes pathAnim-0 {
            0% {
                d: path("M 0,500 C 0,500 0,250 0,250 C 93.78571428571428,297.75 187.57142857142856,345.5 295,324 C 402.42857142857144,302.5 523.4999999999999,211.75 662,205 C 800.5000000000001,198.25 956.4285714285713,275.5 1089,297 C 1221.5714285714287,318.5 1330.7857142857142,284.25 1440,250 C 1440,250 1440,500 1440,500 Z");
            }

            25% {
                d: path("M 0,500 C 0,500 0,250 0,250 C 142.3214285714286,232.57142857142856 284.6428571428572,215.14285714285714 416,203 C 547.3571428571428,190.85714285714286 667.7499999999998,184 780,187 C 892.2500000000002,190 996.3571428571429,202.85714285714286 1105,215 C 1213.642857142857,227.14285714285714 1326.8214285714284,238.57142857142856 1440,250 C 1440,250 1440,500 1440,500 Z");
            }

            50% {
                d: path("M 0,500 C 0,500 0,250 0,250 C 125.60714285714286,236.25 251.21428571428572,222.5 378,228 C 504.7857142857143,233.5 632.7499999999999,258.25 745,254 C 857.2500000000001,249.74999999999997 953.7857142857142,216.5 1067,211 C 1180.2142857142858,205.5 1310.107142857143,227.75 1440,250 C 1440,250 1440,500 1440,500 Z");
            }

            75% {
                d: path("M 0,500 C 0,500 0,250 0,250 C 149.39285714285714,263.2857142857143 298.7857142857143,276.57142857142856 397,270 C 495.2142857142857,263.42857142857144 542.2499999999999,236.99999999999997 665,229 C 787.7500000000001,221.00000000000003 986.2142857142858,231.42857142857142 1128,238 C 1269.7857142857142,244.57142857142858 1354.892857142857,247.28571428571428 1440,250 C 1440,250 1440,500 1440,500 Z");
            }

            100% {
                d: path("M 0,500 C 0,500 0,250 0,250 C 93.78571428571428,297.75 187.57142857142856,345.5 295,324 C 402.42857142857144,302.5 523.4999999999999,211.75 662,205 C 800.5000000000001,198.25 956.4285714285713,275.5 1089,297 C 1221.5714285714287,318.5 1330.7857142857142,284.25 1440,250 C 1440,250 1440,500 1440,500 Z");
            }
        }

        .path-0 {
            animation: pathAnim-0 10s;
            -webkit-animation: pathAnim-0 10s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @keyframes pathAnim-0 {
            0% {
                d: path("M 0,400 C 0,400 0,200 0,200 C 123.39285714285714,236.53571428571428 246.78571428571428,273.07142857142856 357,270 C 467.2142857142857,266.92857142857144 564.2499999999999,224.25 674,192 C 783.7500000000001,159.75 906.2142857142858,137.92857142857144 1036,141 C 1165.7857142857142,144.07142857142856 1302.892857142857,172.03571428571428 1440,200 C 1440,200 1440,400 1440,400 Z");
            }

            25% {
                d: path("M 0,400 C 0,400 0,200 0,200 C 99.14285714285714,231.07142857142856 198.28571428571428,262.1428571428571 314,258 C 429.7142857142857,253.85714285714286 562.0000000000001,214.49999999999997 707,192 C 851.9999999999999,169.50000000000003 1009.7142857142856,163.85714285714286 1134,168 C 1258.2857142857144,172.14285714285714 1349.1428571428573,186.07142857142856 1440,200 C 1440,200 1440,400 1440,400 Z");
            }

            50% {
                d: path("M 0,400 C 0,400 0,200 0,200 C 136.78571428571428,203.60714285714286 273.57142857142856,207.21428571428572 397,220 C 520.4285714285714,232.78571428571428 630.4999999999999,254.75 755,249 C 879.5000000000001,243.25 1018.4285714285716,209.78571428571428 1135,197 C 1251.5714285714284,184.21428571428572 1345.7857142857142,192.10714285714286 1440,200 C 1440,200 1440,400 1440,400 Z");
            }

            75% {
                d: path("M 0,400 C 0,400 0,200 0,200 C 152.53571428571428,227.67857142857142 305.07142857142856,255.35714285714283 424,256 C 542.9285714285714,256.64285714285717 628.2499999999999,230.25000000000003 718,224 C 807.7500000000001,217.74999999999997 901.9285714285713,231.64285714285714 1023,231 C 1144.0714285714287,230.35714285714286 1292.0357142857142,215.17857142857144 1440,200 C 1440,200 1440,400 1440,400 Z");
            }

            100% {
                d: path("M 0,400 C 0,400 0,200 0,200 C 123.39285714285714,236.53571428571428 246.78571428571428,273.07142857142856 357,270 C 467.2142857142857,266.92857142857144 564.2499999999999,224.25 674,192 C 783.7500000000001,159.75 906.2142857142858,137.92857142857144 1036,141 C 1165.7857142857142,144.07142857142856 1302.892857142857,172.03571428571428 1440,200 C 1440,200 1440,400 1440,400 Z");
            }
        }

        .grad-wave {
            width: 140vw;
            filter: blur(30px);
            -webkit-filter: blur(30px);
            margin-bottom: -10%;
            left: -20%;
            position: relative;
            z-index: 19;
        }

        .white-wave {
            width: 140vw;
            position: absolute;
            z-index: 20;
            bottom: 0;
            left: -20%;
            filter: blur(10px);
            -webkit-filter: blur(10px);
            margin-bottom: -5%;
        }



.head-fs-40{
        font-size: 50px;
    font-weight: 700;
    margin-bottom: 50px;
    font-family: 'Ubuntu', sans-serif;
}

pre {
    overflow: hidden !important;
}

.var-highlight {
  color: #c0ad60;
}

.string-highlight {
  color: #29BB11;
}

.string-highlight-1{
      color: #29BB11;
    font-size: 100px;
}

#typewriter {
font-size: 25px;
        
    text-wrap: inherit !important;
  margin: 0;
      font-family:'Scada', sans-serif;
 
  &:after {
    margin-left: 2px;
    animation: blink 500ms linear infinite alternate;
    content: "";
    width: 8px;
    height: 19px;
    background: white;
    display: inline-block;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.sm-img1{
    height: 300px;
}
.img-1 {
       width: 192px;
    position: relative;
    text-align: center;
    line-height: 93px;
    margin-left: 20px;
}
/*

.img-1:after {
        content: '';
    width: 67px;
    height: 100%;
    position: absolute;
    transform: skewX(-25deg);
    right: -29px;
    background: white;
}
*/

.about-img-wrap {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    
}
.about-img-wrap .about-img-big {
    text-align: right;
}

 .about-img-wrap .about-img img {
    border-radius: 15px;
}
.about-img-wrap .about-img-sm {
    position: absolute;
    top: 80px;
    left: 0;
}
.about-img-wrap .about-img-sm img{
    -webkit-animation-name: alltuchtopdown;
    animation-name: alltuchtopdown;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
 @keyframes alltuchtopdown {
  0% {
        transform: rotateX(0deg) translateY(0px);
    }
  50% {
        transform: rotateX(0deg) translateY(-30px);
    }
  100% {
        transform: rotateX(0deg) translateY(0px);
    }
}
    
.z-index{
    z-index: 9;
    position: relative;
}
.main-menu .navbar-collapse li a:hover.dropdown-btn span{
        color: #29BB11;
}
.homepage-header-wrapper {
background-color: black;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.homepage-header-wrapper video {
    height: 100vh;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 1;
    opacity: 0.3;
}
.homepage-header-content {
    color: #fff;
    position:relative;
    text-align: center;
    top: 30%;
   
    z-index: 2;
}
.homepage-header-content p{
         text-transform: uppercase;
    font-family: "YAFcfiEWarI 0", _fb_, auto;
    font-size: 18px;
}

 #heading {
       display: contents;
    font-family: "YAFdJjTk5UU 0", _fb_, auto;
    font-size: 70px;
     font-weight: 700;
        }
        #cursor {
            animation: blink 1s infinite;
      border-right: 10px solid #29BB11;


        }
        @keyframes blink {
            0%, 100% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
        }
        .green {
            color: #29BB11;
        }

[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
	background-size: contain;
	background-repeat: no-repeat;
}

.ca3-scroll-down-link {
  cursor:pointer;
	height: 40px;
	width: 40px;
	line-height: 60px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	color: #FFF;
	text-align: center;
	font-size: 70px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
top: 400px;
	-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}
@keyframes typing {
    from { width: 100% }
    to { width: 0 }
    
}


.con-1 {
  position: relative;
}

.typing-1 {
  position: absolute;
  top: 0;
  margin: 0;
  z-index: -1;
}

.hiders {
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.hiders p {
  position: relative; 
  clear: both; 
  margin: 0;
  float: right; /* makes animation go left-to-right */
  width:0; /* graceful degradation: if animation doesn't work, these are invisible by default */
  animation: typing 2s steps(30, end);
  animation-fill-mode: both;  /* load first keyframe on page load, leave on last frame at end */
}
  
.hiders p:nth-child(2) {
  animation-delay: 2s;
}
.hiders p:nth-child(3) {
  animation-delay: 4s;
}
.hiders p:nth-child(4) {
  animation-delay: 6s;
}
.hiders p:nth-child(5) {
  animation-delay: 8s;
}
.color-green{
color:green;
}

body {
  color: var(--ygency-body-color);
  line-height: 32px;
  font-size: 16px;
  --ygency-primary-font: Inter;
  --ygency-secondary-font: Inter;
  --ygency-primary-color: #55E6A5;
  --ygency-secondary-color: #ffffff;
  --ygency-tertiary-color: #16161c;
  --ygency-body-color: rgba(255, 255, 255, 0.75);
  --ygency-headline-color: #ffffff;
  --ygency-border-color: rgba(255, 255, 255, 0.1);
  --ygency-dark-color: #02050A;
  --ygency-primary-rgb: 85,230,165;
  --ygency-secondary-rgb: 255,255,255;
  --ygency-tertiary-rgb: 22,22,28; }

a {
  color: var(--ygency-body-color);
  cursor: pointer;
  outline: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none; }
  a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    color: var(--ygency-secondary-color); }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--ygency-secondary-color); }

.text-white h1, .text-white h1 a,
.text-white h2, .text-white h2 a,
.text-white h3, .text-white h3 a,
.text-white h4, .text-white h4 a,
.text-white h5, .text-white h5 a,
.text-white h6, .text-white h6 a,
.text-white .h1, .text-white .h1 a,
.text-white .h2, .text-white .h2 a,
.text-white .h3, .text-white .h3 a,
.text-white .h4, .text-white .h4 a,
.text-white .h5, .text-white .h5 a,
.text-white .h6, .text-white .h6 a {
  color: white; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

img {
  max-width: 100%;
  display: inline-block; }
.color-black{
    color: black;
}
.color-green{
    color: #29BB11;
}
.card-container {
  perspective: 50em;
    float: right;
  
  &:nth-child(1) { --bi: repeating-linear-gradient(30deg, #29BB11 0 0.25em, #29BB11 0 1em); }
  &:nth-child(2) { --bi: linear-gradient(green 5em, green 3em), linear-gradient(60deg, green, green); }
}

.card11 {
  position: relative;
  width: 360px;
  padding: 2em;
  color: #fff;
  transform: rotateY(30deg) rotateX(15deg);
  transform-style: preserve-3d;
  transition: transform 1s;
  
  &:hover {
    transform: rotateY(-30deg) rotateX(-15deg);
  }
}

.layers {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  transform-style: preserve-3d;
  z-index: -1;
}

.layer {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  border-radius: 1em;
  background-image: var(--bi);
  transform: translateZ(var(--tz));
  box-shadow: 0 0 0.5em #000d inset;
  
  @for $i from 0 to 10 {
    &:nth-child(#{$i + 1}) {
      --tz: #{$i * -4}px;
    }
  }
  
  &:last-child {
    box-shadow: 0 0 0.5em #000d inset, 0 0 5px #000;
  }
}

.lg-img1{
        height: 400px;
    width: 80%;
}
/*******************************************************/
/******************  ## Common Classes *****************/
/*******************************************************/
.page-wrapper {
  position: relative;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-width: 300px; }

@media only screen and (min-width: 1200px) {
  .container {
/*    max-width: 1355px;*/
    padding-left: 15px;
    padding-right: 15px; }
    .container.container-1620 {
      max-width: 1650px; }
    .container.container-1590 {
      max-width: 1620px; }
    .container.container-1290 {
      max-width: 1320px; }
    .container.container-1260 {
      max-width: 1290px; }
    .container.container-1210 {
      max-width: 1240px; } }

@media only screen and (min-width: 576px) {
   
  .container-fluid {
    padding-left: 25px;
    padding-right: 25px; }
    .navbar-header{
/*            background: black;*/
    padding-right: 15px;
    }

}

@media only screen and (min-width: 1400px) {
  .container-fluid {
    padding-left: 70px;
    padding-right: 70px; } }


.row {
  --bs-gutter-x: 30px; }



@media only screen and (min-width: 1200px) {
  .row-cols-xl-7 > * {
    width: 14.2857%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; } }

/** Section Title style **/
.section-title {
  margin-top: -7px;
  position: relative; }
  .section-title .sub-title {
    font-size: 18px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--ygency-primary-color);
    text-transform: capitalize; }
    .section-title .sub-title:before {
      content: '';
      width: 36px;
      height: 10px;
      margin-right: 10px;
      background: url(../images/icons/sub-title.svg) no-repeat 100% 100%; }
  .section-title h2 {
    text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .section-title h2 {
        font-size: 40px; } }
    @media only screen and (max-width: 575px) {
      .section-title h2 {
        font-size: 35px; } }
    @media only screen and (max-width: 375px) {
      .section-title h2 {
        font-size: 33px; } }
    .section-title h2 i {
      color: var(--ygency-primary-color); }
  .section-title.style-two h2 {
    background: -webkit-radial-gradient(16.45% 50%, 87.11% 3413.79%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(16.45% 50%, 87.11% 3413.79%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(87.11% 3413.79% at 16.45% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .section-title.style-two h2 i {
      font-weight: 400;
      -webkit-text-fill-color: var(--ygency-primary-color); }

/* Big Text */



/*******************************************************/
.main-header {
  position: relative;
  left: 0px;
  top: 5px;
  z-index: 999;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }
  .main-header .header-upper {
    z-index: 5;
    width: 100%;
    position: relative;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  .main-header .logo-outer {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
    @media only screen and (max-width: 991px) {
      .main-header .logo-outer {
        display: none; } }
  .main-header .logo {
/*    z-index: 9;*/
    position: relative; }
  .main-header.menu-absolute .header-upper {
    position: absolute; }
  .main-header.fixed-header .header-upper {
      top: -20px;
    left: 0;
    position: fixed;
    background: black;
    -webkit-animation: sticky 1s;
    animation: sticky 1s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
    opacity: 0.8;
    height: 80px; }
   

@media only screen and (max-width: 991px) {
    .section04{
        left: 45% !important;
    }
       .ca3-scroll-down-link{
          left: 45%;
      }
  .nav-outer {
    width: 100%; } }

/** Header Main Menu **/
@media only screen and (max-width: 991px) {
        #burger-menu {
  cursor: pointer;
     margin: 0 20px;
  overflow: visible;
  position: relative;
  z-index: 2;
}
#burger-menu span,
#burger-menu span:before,
#burger-menu span:after {
  background: #fff;
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
}
#burger-menu span:before,
#burger-menu span:after {
  content: "";
}
#burger-menu span:before {
      background: linear-gradient(to left, white 0%,#29BB11 100%);
  left: 0px;
  top: -10px;
  width: 27px;
}
#burger-menu span {
  right: 0px;
    top: 4px;
    width: 18px;
    background: linear-gradient(to left, white 0%,#29BB11 100%);
}
#burger-menu span:after {
      background: linear-gradient(to left, white 0%,#29BB11 100%);
  left: 0px;
  top: 10px;
  width: 27px;
}
#burger-menu.close span:before {
    
  top: 0px;
  transform: rotate(90deg);
  width: 27px;
}
#burger-menu.close span {
  transform: rotate(-45deg);
  top: 4px;
  width: 27px;
}
#burger-menu.close span:after {
  top: 0px;
  left: 0;
  transform: rotate(90deg);
  opacity: 0;
  width: 0;
}
#menu {
  z-index: 1;
 
  position: fixed;
  top: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
 
  padding-top: 20px;
  transition: all 0.3s ease-in-out;
}
#menu.overlay {
  visibility: visible;
  opacity: 1;
  padding-top: 100px;
  background: rgba(0, 0, 0, 0.85);
}

    
    
  .main-menu {
    width: 100%; } }

.main-menu .mobile-logo {
  margin-right: auto; }
  @media only screen and (max-width: 575px) {
      .main-menu .navbar-collapse > ul{
          
      }
    .main-menu .mobile-logo {
      max-width: 150px; } 
      .pagination{
        margin-left: 62px !important;
      }
    
    }
@media only screen and (max-width: 768px){
  
  .circle-icon-green{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    border-radius: 10px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-top: 20px !important;
  }
  .bg-dark-grey{
    padding: 10px !important;
  }
  .fa-briefcase:before{
    font-size: xx-large !important;
  }
  .sm-btn-center{
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .sm-heading-career{
    font-size: xx-large !important;
  }
  h4{
    font-size: medium !important;
  }
  .ls1{
    font-size: medium !important;
    letter-spacing: 1.2px !important;
    margin-bottom: -25px !important;
  }
  .section-padding{
    padding-top: 50px !important;
  }
  .f-xbold{
    font-size: 35px !important;
    margin-bottom: 20px !important;
  }
  .img-hg{
    height: auto !important;
  }
  .font-xlarge{
    font-size: medium !important;
  }
  .circle-icon{
    width: 75px !important;
    height: 68px !important;
    padding-left: 19px !important;
    padding-top: 4px !important;
    border-radius: 50% !important;
    z-index: 1 !important;
  }
  .viewall-search{
    margin-bottom: 10px !important;
    width: 100% !important;
  }
  .icon-div{
    margin-left: -11px !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 13px !important;
  }
  
  .submit-btn2{
    
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
    .pq-section-title-style-1.text-center {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    .career-parah{
            font-size: medium !important;
    }
    .pq-process-description{
        margin-bottom: 30px !important;
        font-size: medium !important;
    }
    .pq-section-title-style-1 .pq-section-main-title {
      font-size: xx-large !important;
      text-align: left !important;
      line-height: 40px !important;
  
    }
    .pq-process-step.pq-process-1{
        display: inline !important;
    }
    .pq-process-step.pq-process-1.left .pq-before-img{
        display: none !important;
    }
    .pq-process-step.pq-process-1.left .pq-process-img{
        margin-right: 0 !important;
    }
    .pq-process-step.pq-process-1.left .pq-process-info, .pq-process-step.pq-process-1.right .pq-process-info{
        width: 100% !important;
    }
    .pq-process-step.pq-process-1 .pq-process-title{
    margin-bottom: 15px !important;
    color: #29BB11 !important;
    font-size: 30px !important;
    margin-top: 30px !important;
    }
    .pq-reverse-process.pq-process-step.pq-process-1.left .pq-process-img{
        margin-left: 0 !important;
    }
    .mb-55{
        margin-bottom: 0 !important;
    }
    .career-head-1{
        top: 18% !important;
        
    }
    .career-h1 {
      font-size: 18px !important;
      margin-bottom: 8px !important;
}
    .gradient-txt{
        font-size: 33px !important;
    }
    .wave{
        display: none !important;
    }
    .career-h2{
        font-size: 13px !important;
    }
    .padding-50{
        padding: 20px 20px !important;
    }
    .font-65{
        font-size: 50px !important;
    }
    .sm-mt-20{
        margin-top: 20px !important;
    }
    .sm-text-left{
        text-align: left !important;
    }
    .sm-mt-0{
        margin-top: 0 !important;
    }
.service-img{
    width: 85% !important;
    margin-bottom: 10px !important;
}
    .homepage-header-content{
        top: 18% !important;
    }
     .main-header.fixed-header .header-upper {
    opacity:1 !important;
    }
    .base-footer-tcs-lnks-ul-list a{
        font-size: 13px !important;
        margin-left: 0 !important;
       
    }
    html {

  scroll-snap-type:none !important;
  scroll-snap-points-y: none !important;
  scroll-snap-type:none !important;
}
section {

  scroll-snap-align: none !important;
    
  
}
.scroller {
    height: 300px;
    overflow-y: scroll;
    scroll-snap-type: none !important;
}

.scroller section {
    scroll-snap-align: none !important;
}

.lg-d-block{
    display: none !important;
}

.lg-d-none{
    display: block !important;
}
    

.lg-d-block1{
    display: none !important;
}

.lg-d-none1{
    display: block !important;
}

    .main-menu .navbar-collapse > ul{
        border-bottom: none !important;
    }
    .main-menu .navbar-collapse li ul{
         border-bottom: none !important;
    }
    .fa-plus:before{
        content: "\2304" !important;
            right: 0;
    position: absolute;
            font-size: 26px;
    top: 1px;
        display: block !important;
    }
          .main-menu .navbar-collapse li li a {
        color: white !important;
}
    .main-menu .navbar-collapse li a{
        border-bottom: 1px solid #494c4d;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }
   .border-none{
        border: none !important;
    }
    .sm-hr-1{
            border-bottom: 4px solid #A0A2AD;
        margin-bottom: 10px;
        width: 60%;
    }
    .hr-1{
        display: none !important;
    }
    .sm-pt-0{
        padding-top: 0 !important;
    }
    .sm-mt{
        margin-top: 1.8rem !important;
    }
    .sm-ml-10{
        margin-left: 5px;
    }
    .sm-text{
            display: inline-flex !important;
    }
    .contact-head-1{
            top: 200px !important;
    }
    .contact-head-1 h1{
        font-size: 12px !important; 
    }
    .bg-about{
        height: 390px !important; 
            background-position: right !important;
    }
    .contact-head-1 img{
        width: 150% !important;
    }
    .footer-bg{
            padding: 1.3rem 0 2rem !important;
    }
    .footer-title{
        margin-top: 1.8rem !important;
    }
    .img-fluid{
            max-width: 50% !important;

    }
    .sm-text-center{
        text-align: center !important;
    }
    .bg-contact{
        height: 485px !important;
    }
    .contact-head{
        
    padding: 170px 0 0 0 !important;
    font-size: 50px !important;
    }
    .contact-card{
            margin-top: -97px !important;
    }
        
    .scroll-sec{
        height: auto !important;
    }
    .pr-0{
            padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .pl-0 {
            padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .row{
            --bs-gutter-x:0 !important;
    }
    .dsn-style-list.dsn-image-odd .dsn-posts .box-image-link .box-image-bg{
        height: 50vh !important;
    }
     .dsn-style-list.dsn-image-odd .dsn-posts .box-image-link .box-image-bg-1{
        height: 60vh !important;
    }
       .homepage-header-wrapper{
        height: 100vh !important;
    }
    .section04{
        
    top: 520px !important;
    }
    .ca3-scroll-down-link{
        top: 538px !important;
    } 
    
}

.nav-active{
         text-align:center;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, #29BB11 , white);
    border-image-slice: 1;
    width:100%;
}
@media only screen and (max-width: 991px) {
    .bg-blur{
            width: 100% !important;
            transform: translate(0%, 20%) !important;
            top: auto !important;
    }
    .card{
        margin-bottom: 20px;
    }
    .head-fs-40{
                font-size: 30px;
    white-space-collapse: collapse;
        font-weight: 800;
    }
    .string-highlight-1 {
    font-size: 55px !important;
}

    #typewriter{
        font-size: 21px;
        text-align: left !important;
            margin-left: 15px;
    }
  .main-menu .collapse {
    overflow: auto; } }

.main-menu .navbar-collapse {
  padding: 0px; }
  .main-menu .navbar-collapse > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 991px) {
      .main-menu .navbar-collapse > ul {
        display: block;
        padding: 25px 0;
            background-color: #1e2222;

            border-bottom: 3px solid #29BB11;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
       height: calc(100vh - 0.1px); 
        
        
        }
 }
    @media only screen and (min-width: 992px) {
      .main-menu .navbar-collapse > ul > li > a:before {
   position: absolute;
          bottom: -2px;
    height: 2px;
              transform: scale(-1);
          content: "";
          background: linear-gradient(to left, white 0%,#29BB11 100%);
           
          transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
        
        }
      .main-menu .navbar-collapse > ul > li > a:hover:before {
         transform: scaleX(1);
       
              left: 0;
    width: 100%;
        
        } }
  @media only screen and (max-width: 991px) {
    .main-menu .navbar-collapse {
      left: 0;
      width: 100%;
      position: absolute;
      max-height: calc(100vh - 80px); } }
  .main-menu .navbar-collapse li {
    padding: 15px 30px;
    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; }
    @media only screen and (max-width: 1399px) {
      .main-menu .navbar-collapse li {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 991px) {
      .main-menu .navbar-collapse li {
        display: block;
        padding: 0 15px;
      } }
    .main-menu .navbar-collapse li.dropdown .dropdown-btn {
      cursor: pointer;
      font-size: 12px;
      margin-left: 5px;
      color: var(--ygency-secondary-color); }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li.dropdown .dropdown-btn {
          position: absolute;
/*          right: 10px;*/
          top: 0;
          width: 80%;
          height: 43px;
          text-align: center;
          line-height: 43px; } }
    .main-menu .navbar-collapse li a {
      display: block;
      opacity: 1;
      position: relative;
      color: white;
      font-family: 'Poppins', sans-serif;
      text-transform: capitalize;
      -webkit-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease; }
      @media only screen and (min-width: 376px) {
        .main-menu .navbar-collapse li a {
          font-size: 16px; } }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li a {
          padding: 10px 10px;
          line-height: 22px; 
          color: white;
          } }
      .main-menu .navbar-collapse li a:hover {
        color: #29BB11;
        text-decoration: none; }
    .main-menu .navbar-collapse li.current > a, .main-menu .navbar-collapse li.current-menu-item > a {
      font-weight: 500; }
 
      .main-menu .navbar-collapse li li a {
        text-transform: capitalize;
}
        .main-menu .navbar-collapse li li a:before {
          display: none; }
    .main-menu .navbar-collapse li .megamenu {
      position: absolute;
      left: 0px;
      top: 100%;
      width: 100%;
      z-index: 100;
      display: none;
      padding: 20px 0;
      background: #ffffff;
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }
      .main-menu .navbar-collapse li .megamenu:after {
        display: block;
        clear: both;
        content: ""; }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li .megamenu {
          position: relative;
          -webkit-box-shadow: none;
          box-shadow: none;
          width: 100%; }
          .main-menu .navbar-collapse li .megamenu .container {
            max-width: 100%; }
          .main-menu .navbar-collapse li .megamenu .row {
            margin: 0px; } }
      .main-menu .navbar-collapse li .megamenu ul {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .main-menu .navbar-collapse li ul {
      position: absolute;
      left: inherit;
      top: 100%;
      min-width: 250px;
      z-index: 100;
      display: none;
          background: rgb(23, 22, 22);

      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
    border-bottom: 3px solid #29BB11;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.color-black{
    color: black !important;
}
.color-black:hover{
    color: #29BB11 !important;
}
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li ul {
          position: relative;
          display: none;
          width: 100%;
          -webkit-box-shadow: none;
          box-shadow: none;
          background: transparent; }
          .main-menu .navbar-collapse li ul:after {
            display: block;
            clear: both;
            content: ""; } }
  @media only screen and (max-width: 991px) and (max-width: 375px) {
    .main-menu .navbar-collapse li ul {
      min-width: auto; } }
      .main-menu .navbar-collapse li ul li {
        width: 100%;
        padding: 7px 20px; }
        @media only screen and (max-width: 991px) {
          .main-menu .navbar-collapse li ul li {
            padding: 0 15px; } }
        .main-menu .navbar-collapse li ul li ul {
          left: 100%;
          top: 0%; }
          @media only screen and (max-width: 991px) {
            .main-menu .navbar-collapse li ul li ul {
              left: auto; } }

.main-menu .navbar-header {
  display: none; }
  @media only screen and (max-width: 991px) {
    .main-menu .navbar-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; } }
  .main-menu .navbar-header .navbar-toggle {
    float: right;
    padding: 26px;
    cursor: pointer;
    background: transparent; }
    .main-menu .navbar-header .navbar-toggle .icon-bar {
      background: linear-gradient(to left, white 0%,#29BB11 100%);
      height: 2px;
      width: 26px;
      display: block;
      margin: 7px 0; }

.bar-width{
    width: 20px !important;
}
.section04{
    left: 50%;
    position: absolute;
    bottom: 0;
    top: 386px;
}
.projects-image-wrap {
    position: relative;
    margin-bottom: 40px;
    background-image: url(../images/bg-black.png);
    background-position: 50% 50%;
    background-size: 100vw 100%;
    background-repeat: no-repeat;
   padding-top: 150px;
   padding-bottom: 150px;
}
.blur-move.left-r {
  left: 10%;
  top: 25%;
  -webkit-filter: blur(65px);
  filter: blur(65px);
}

.blur-move.right-r {
  left: auto;
  top: 25%;
  right: 0%;
  bottom: 0%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.blur-move.bottom-r {
  left: auto;
  top: auto;
  right: 0%;
  bottom: 25%;
  -webkit-filter: blur(65px);
  filter: blur(65px);
}
.blur-move {
  position: absolute;
  left: 10%;
  top: 15%;
  right: auto;
  bottom: 0%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.blur-move.bottom {
  left: auto;
  top: auto;
  right: 15%;
  bottom: 25%;
}

.blur-move.left {
  left: auto;
  top: 25%;
  right: 10%;
  bottom: auto;
}
.w-container:before, .w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

.movment{
  animation-name: leftToRight;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;  
}
@keyframes leftToRight {
  0% {
        transform: rotateX(0deg) translateX(0px);
    }
  50% {
        transform: rotateX(0deg) translateX(50px);
    }
  100% {
        transform: rotateX(0deg) translateX(0px);
    }
}


.career-bg-img-01{
    background-image: url(../images/blur1.png);
}
.career-bg-img-02{
    background-image: url(../images/blur2.png);
}
.career-bg-img-03{
    background-image: url(../images/blur3.png);
}
.career-bg-img-04{
    background-image: url(../images/blur4.png);
}
.career-bg-img-05{
    background-image: url(../images/blur5.png);
}
.career-bg-img-06{
    background-image: url(../images/blur6.png);
}
.background-img-01{
    
    background-image: url("../images/fifth-img-2.jpg");
}
.background-img-02{
    background-image: url("../images/second-img-2.jpg");
}
.background-img-03{
    background-image: url("../images/first-img-2.jpg");
}
.background-img-04{
    background-image: url("../images/third-img-2.jpg");
}
.background-img-05{
    background-image: url("../images/forth-img-1.jpg");
}
.bg-blur{
         position: absolute;
  top: 50%;
  transform: translate(6%, -50%);
  padding: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    left: 0;
}
.bg-blur h2{
font-family: 'Roboto', sans-serif;
    color: white;
        border-bottom: 2px solid;
    width: fit-content;
}
.bg-blur h1{
font-family: 'Roboto', sans-serif;
     color: white;
}
.bg-blur span{
     color: white;
}

.career-bg-img-1{
    background-image: url(../images/1-%20Tansparency%20and%20communicationBig.jpg);
    width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.career-bg-img-2{
    background-image: url(../images/2.%20Emphasis%20on%20Learning%20and%20Growth.jpg);
    width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.career-bg-img-3{
    background-image: url(../images/3%20Empowerment%20and%20Autonomy.jpg);
    width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.career-bg-img-4{
    background-image: url(../images/4%20Diversity%20and%20Inclusion.jpg);
    width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.career-bg-img-5{
    background-image: url(../images/5%20Collaboration%20and%20Teamwork.jpg);
    width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.career-bg-img-6{
    background-image: url(../images/6.%20Customer%20Centric%20Focus.jpg);
    width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-img-1{
  background-image: url("../images/first-img-1.jpg");
  width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-img-2{
      background-image: url("../images/second-img-1.jpg");
  width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-img-3{
      background-image: url("../images/forth-img-2.jpg");
  width: 100%;
     height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-img-4{
      background-image: url("../images/third-img-1.jpg");
  width: 100%;
    height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background-img-5{
      background-image: url("../images/fifth-img-1.jpg");
  width: 100%;
   height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



/*
html {
  scroll-snap-type: y mandatory;
}
.scroll-sec {

  scroll-snap-align: start;
}

*/

html {

  scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(100vh);
  scroll-snap-type: y mandatory;
}
section {

  scroll-snap-align: start;
  
}
.scroller {
    height: 300px;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

.scroller section {
    scroll-snap-align: start;
}

.bg-black{
    background-color: black;
}

.color-white{
    color: white;
}
.border-2{
    color: #A0A2AD;
    border-bottom: 2px solid;
    width: fit-content;
}

.padding-50{
    padding: 20px 50px;
      margin: auto;
}
.tech-section{
    width: 100%;
    height: 500px;
    transition: filter 1s cubic-bezier(0.19, 1, 0.22, 1);
        object-fit: cover;
    object-position: center;
}
.pl-0{
    padding-left: 0;
}
.pr-0{
    padding-right: 0;
}

.footer-bg{
    background: rgb(23, 22, 22);
    padding: 2.4rem 0 2rem;
    position: relative;
}

.ml-5{
    margin-left: 7px;
}
.mr-5{
    margin-right: 7px;
}
.footer-padding{
        padding: 1.5rem 0;
}
.bg-contact{
    width: 100%;
    height: 600px;
    background-image: linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),url('../images/bg-img-contact.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-about{
    width: 100%;
    height: 100vh;
    background-image:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../images/forth-img-2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 animation: zoom-in-zoom-out 30s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}


.contact-head-1{
    color: white;
        font-size: 90px;
     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
        text-align: center;
}
.contact-head{
        padding: 150px 0 0 0;
    color: white;
        font-size: 90px;
}
.contact-card{
    background-color: rgb(23, 22, 22);
    border-radius: 30px;
    padding: 40px;
    position: relative;
    z-index: 99;
    margin-top: -320px;
}
.contact-card-2{
    background-color: rgb(23, 22, 22);
    padding: 32px;
    position: relative;
}
.form-control {
    color: #A0A2AD;
    background-color: black;
    border: 1px solid black;
}
.form-control:focus{
     color: #A0A2AD;
    background-color: black;
    border: 1px solid black;
}

.form-control:focus{
    box-shadow: none;
}

.submit-btn{
        background: white;
    color: black;
    border: 1px solid white;
    border-radius: 50px;
    padding: 8px 45px;
}
.submit-btn:hover{
    color: white;
    background-color:#29BB11; 
}
.color-black-hov{
  color: #29BB11;
}
.submit-btn1{
  color: white;
  background-color:#29BB11; 
  border: 1px solid #29BB11;
  border-radius: 50px;
  padding: 8px 45px;
  font-size: 20px;
  font-weight: 600;
}
.submit-btn1:hover{
  color: white;
  background-color:#302E2E; 
  border: 1px solid #302E2E;
}
.submit-btn2{
  color: white;
  background-color:#302E2E; 
  border: 1px solid #302E2E;
  border-radius: 50px;
  padding: 8px 45px;
  font-size: 20px;
  font-weight: 600;
}
.submit-btn2:hover{
  color: white;
  background-color:#29BB11; 
  border: 1px solid #29BB11;
}
.mt-10{
    margin-top: 10px;
}
.hr-1{
    border-bottom: 1px solid white;
}
.mail-box{
        background: #302E2E;

    margin-left: auto;
    margin-right: auto;
    width: 60px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 11px;
    border-radius: 51%;
    box-sizing: border-box;
}
.card-footer{
    background-color: #302E2E;
}
.card-footer p{
    color: #A0A2AD;
}
.font-20{
    font-size: 38px !important;
}
.mb-0{
    margin-bottom: 0;
}
.color-gray{
    color: #A0A2AD;
}
.hr-2{
    border-bottom: 8px solid #A0A2AD;
}
 .before-z-index:before {
  z-index: 1;
}
     


.cover-bg-img:not(.dsn-lazy-loading) {
/*  transition: filter 1s cubic-bezier(0.19, 1, 0.22, 1);*/
     width: 100%;
}
.dsn-style-list.dsn-image-odd .dsn-posts .box-image-link .box-image-bg {
    height: 80vh;
     object-fit: cover;
    object-position: center;
}

        .dsn-swiper-parallax-transform {
    transition-property: opacity, transform, visibility;
}
        .dsn-style-list .dsn-posts .box-content .box-image-link {
    position: relative;
}
       
        .over-hidden {
    overflow: hidden;
}

.quick-links-list a{
    color: #A0A2AD;
    font-size: 13px;
}
.cover-bg-img{
    width: 100%;
}
.card-footer{
    padding: 0 !important;
}
.container-01{
        max-width: 1020px;

}
.pt-80{
    padding-top: 80px;
}

.quick-links-list a:hover{
    color: white;
    border-bottom: 1px solid white;
}
.desktop-footer-section-title:hover{
     border-bottom: 1px solid white;
}
.fa-plus:before{
    display: none;
}








.lg-d-block{
    display: block;
}

.lg-d-none{
    display: none;
}



.lg-d-block1{
    display: block;
}

.lg-d-none1{
    display: none;
}

.works .panel .item{
        animation: zoom-in-zoom-out 20s ease infinite;
    
}

.greek{
    overflow: hidden;
    margin: 0 auto;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #141414;
  background-repeat: no-repeat;
  background-position: center center; }
  .preloader .custom-loader {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid white;
    border-top: 2px solid var(--ygency-primary-color);
    border-bottom: 2px solid var(--ygency-primary-color);
    -webkit-animation: 1s preloader linear infinite;
    animation: 1s preloader linear infinite; }
@-webkit-keyframes preloader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes preloader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }








.hover-none:hover{
    color: #A0A2AD !important;
    border: none !important;
}
.view-btn{
        font-size: smaller;
    border-bottom: 1px solid;
}

.service-img{
    width: 40%;
    margin-bottom: 64px;
}
.font-65{
    font-size: 65px;
        font-weight: 700;

}
.mt-25{
    margin-top: 25px;
}

.lg-d-none p{
        color: #ddd !important;
}
.lg-d-block p{
        color: #ddd !important;
}


.career-head-1{
    color: white;
        font-size: 90px;
     position: absolute;
  top: 50%;
   left: 50%;
  transform: translate(-50%, -50%);
        text-align: center;
}
.career-h1{
    font-size: 68px;
    margin-bottom: 30px;
}
.career-img-1{
    border-radius: 10px;
    
  
}
.corner-img{
    position: relative;
    top: 25px;
    right: 25px;
}
.gradient-txt{
/*        background: url(../images/gradient.png);*/
   background: url(../images/pexels-hristo-fidanov-1252890.jpg);
   -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text;
    background-size: 100% 100%;
}
.gradient-txt-2{
    background: url(../images/Career%20Progression%20image.png);
   -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text;
    background-size: 100% 100%;
}



.transition{
    transition: transform 1.6s ease-in-out !important;
}

.career-h2{
    font-weight: 100 !important;
}






.pq-bg-dark {
    background-color: black;
}
.pq-section-title-style-1.text-center {
       margin-bottom: 60px;
    margin-top: 60px;
}
.text-center {
    text-align: center!important;
}
.pq-section-title-style-1 .pq-section-main-title {
    font-size: 80px;
    line-height: 60px;
    z-index: 9;
    color: white;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    
    letter-spacing: 1px;
}
.pq-process-step.pq-process-1 {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 190px;
}
.pq-process-step.pq-process-1.left .pq-before-img {
    transform: translate(-50%, -10px);
    top: 65%;
}
.pq-process-step.pq-process-1 .pq-before-img {
    position: absolute;
    left: 50%;
    opacity: 0.2;
    z-index: 1;
}
.pq-process-step.pq-process-1.left .pq-process-img {
    margin-right: 90px;
}
.pq-process-step.pq-process-1 .pq-process-img {
    z-index: 2;
}
.pq-process-step.pq-process-1.left .pq-process-info, .pq-process-step.pq-process-1.right .pq-process-info {
    width: 70%;
}
.pq-process-step.pq-process-1 .pq-process-title {
    margin-bottom: 15px;
    color: #29BB11;
    font-family: 'Caveat', cursive;
    font-style: italic;
    font-weight: 600;
}
.pq-process-description {
    margin-bottom: 0;
    color: white;
        font-size: x-large;
}

.pq-reverse-process.pq-process-step.pq-process-1.left {
    flex-direction: row-reverse;
}

.pq-reverse-process.pq-process-step.pq-process-1.left .pq-before-img {
    top: 65%;
    transform: translate(-50%, -10px) rotateY(180deg);
}
.pq-process-step.pq-process-1 .pq-before-img {
    position: absolute;
    left: 50%;
    opacity: 0.2;
    z-index: 1;
}
.pq-reverse-process.pq-process-step.pq-process-1.left .pq-process-img {
    margin-left: 90px;
    margin-right: 0;
}
.border-radius{
    border-radius: 15px;
}

.career-parah-model{
  color: #D0D2DB;
}
.career-parah{
    color: #D0D2DB; text-align: left;margin-top: 30px;font-size: x-large;
}

.f-xbold{
  font-size: 120px;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0;
   
}
.font-weight-500{
  font-weight: 100;
}
.img-hg{
  height: 500px;
}
.section-padding {
  padding: 120px 0 70px;
}
.about .text-indent {
  text-indent: 20%;
}
.text-indent {
  text-indent: 20%;
}
.ls1 {
  letter-spacing: 1px !important;
  font-style: italic;
}
.text-u {
  text-transform: uppercase !important;
}

.mt-50 {
  margin-top: 50px !important;
}
.color-blue{
  color: blue;
}
.mt-0{
  margin-top: 0 !important;
}
.mt-min-11{
  margin-top: -11px;
}
.f-w-100{
  font-weight: 100;
}

.circle-icon {
  background: black;
  padding:20px;
  border-radius: 50%;
  color: white;
  z-index: 1;
}

.circle-icon-green{
  background: #29BB11;
  padding: 25px;
  border-radius: 50%;
  color: white;
  width: fit-content;
}
.apply-link:hover{
  /* text-decoration-line: underline; */
 border-bottom: 1px solid white;
 
}
.apply-link{
  font-weight: 600;

}
.icon-div{
  border-top: 2px solid black;
  border-bottom: 5px solid black;
  border-right: 13px solid black;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  height: min-content;
  margin-top: 19px;
  margin-left: -50px;
  font-size: 28px;
    font-weight: 500;
}
.bg-grey{
  background: black;

}



.viewall-bg{
  width: 100%;
  height: 85vh;
  background-image:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url('../images/viewall.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.viewall-head{
  color: white;
  text-align: center;
  position: relative;
    top: 370px;
}
.viewall-search{
  border: 1px solid;
  border-radius: 30px;
  /* padding: 10px; */
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right:46px;
  width: 71%;
}
.viewall-btn{
  margin-left: 5px;
  border: 3px solid white;
  background: #1e1c1c;
  color: #29BB11;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: xx-large;
  font-weight: 600;
  margin-top: 3px;
}
.border-radius-20{
  border-radius: 30px;
}
.bg-dark-grey{
  background-color: #171616;
}
.pagination {
  display: inline-block;
 
}

.pagination a {
  color: white;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #29BB11;
  color: white;
  border: 1px solid #29BB11;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bg-grey:hover{
  background-color: #29BB11;
  border-color: #29BB11;
}
.icon-div:hover{
  background-color: #29BB11;
  border-color: #29BB11;
  color: white;
}
.font-xlarge{
  font-size: x-large;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-family: 'Caveat', cursive;
  font-style: italic;
  text-align: center;
}
.modal-title-career{
  margin-bottom: 0;
  line-height: 1.5;
  font-family: 'Caveat', cursive;
  font-style: italic;
  border-bottom: 1px solid grey;
}
.modal-footer>* {
  
  border-radius: 30px !important;
  background: white !important;
  color: black !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center !important;
 
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid transparent;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-content {
 padding: 20px;
  border-radius: 30px !important;
  outline: 0;
}


.modal-header {

  border-bottom: 1px solid transparent;
 
}
.modal-input{
  background: black;
  color: grey;
  width: 100%;
  padding: 10px;
}
.cursortxt{
  cursor: context-menu;
}
.apply-btn{
  background: #29BB11 !important;
  color: white !important;
}

.loader {
  position: relative;
  width: 250px;
  height: 250px;
}

.loader:before , .loader:after{
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
}
.loader:after {
  box-shadow: 0 2px 0 #29BB11 inset;
  animation: rotate 0.2s linear infinite;
}

@keyframes rotate {
  0% {  transform: rotate(0)}
  100% { transform: rotate(360deg)}
}


.svg-box span {

   
    display: flex;
    justify-content: center;
    /* align-items: center; */
    color: white;
    font-weight:500;
    font-size: 50px;
    font-family: verdana;
    /* float: left; */
    margin: 110px;
  
}
.loader h3{
  color: #29BB11;
  font-size: 30px;
 margin-top: 100px;
 text-align: center;
}