body{
    overflow-x: hidden;
    font-family: 'RubikRegular';
    font-size: 16px;
    color: var(--color-5);
}

@media (max-width: 640px) {
    body{
        font-size: 15px;
    }
}

html {
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  width: 10px;
}
 
body::-webkit-scrollbar-track {
  /*background-color: #b0b0b0;*/
  background-color: #d0d0d0;
}
 
body::-webkit-scrollbar-thumb {
  /*background-color: #888888;*/
  background-color: #a6a6a6;
  border-radius: 6px;
}

:root {
  --color-1: #940964;
  --color-2: #0C9476;
  --color-3: #EAA119;
  --color-4: #101010;
  --color-5: #000000;
  --color-6: #ffffff;
}

@font-face {
    font-family: 'FiraSansMedium';
    src: url('../../lib/fonts/FiraSansMedium.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FiraSansRegular';
    src: url('../../lib/fonts/FiraSansRegular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FiraSansLight';
    src: url('../../lib/fonts/FiraSansLight.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RubikMedium';
    src: url('../../lib/fonts/RubikMedium.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RubikRegular';
    src: url('../../lib/fonts/RubikRegular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RubikLight';
    src: url('../../lib/fonts/RubikLight.ttf');
    font-style: normal;
    font-display: swap;
}


h1, h2, h3, h4, h5, h6{
    font-family: 'FiraSansMedium';
    color: var(--color-5);
}

a, a:hover, a:focus, a:active {
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.uk-link, a {
    color: var(--color-2);
}

a:hover, a:focus, a:active {
  color: var(--color-3);
}

section {
  position: relative;
}

p {
  margin: 0;
  /*line-height: 130%;*/
  line-height: 1.4;
  padding-bottom: 15px;
}

/*paddings*/

.pad_top_bot_70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pad_top_bot_80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pad_top_bot_90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pad_top_bot_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pad_top_bot_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pad_top_bot_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pad_top_bot_40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pad_top_40_bot_100 {
  padding-top: 40px;
  padding-bottom: 100px;
}

.pad_top_40_bot_90 {
  padding-top: 40px;
  padding-bottom: 90px;
}

.pad_top_40_bot_140 {
  padding-top: 40px;
  padding-bottom: 140px;
}

.pad_top_100_bot_140 {
  padding-top: 100px;
  padding-bottom: 140px;
}

.pad_top_120_bot_140 {
  padding-top: 120px;
  padding-bottom: 140px;
}

.pad_top_160_bot_140 {
  padding-top: 160px;
  padding-bottom: 140px;
}

.pad_top_90_bot_120 {
  padding-top: 90px;
  padding-bottom: 120px;
}

.pad_top_bot_30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pad_top_120_bot_80 {
  padding-top: 120px;
  padding-bottom: 80px;
}

.pad_top_80_bot_40 {
  padding-top: 80px;
  padding-bottom: 40px;
}

.pad_top_120 {
  padding-top: 120px;
}

.pad_top_100 {
  padding-top: 100px;
}

.pad_top_90 {
  padding-top: 90px;
}

.pad_top_80 {
  padding-top: 80px;
}

.pad_top_70 {
  padding-top: 70px;
}

.pad_top_60 {
  padding-top: 60px;
}

.pad_top_l_40 {
  padding-top: 40px;
}

.pad_bot_70 {
  padding-bottom: 70px;
}

.pad_bot_90 {
  padding-bottom: 90px;
}

.pad_bot_120 {
  padding-bottom: 120px;
}

.pad_bot_100 {
  padding-bottom: 100px;
}

.pad_bot_140 {
  padding-bottom: 140px;
}

@media (max-width: 959.98px) {
  .pad_top_bot_70, .pad_top_bot_80, .pad_top_bot_90, .pad_top_bot_100, .pad_top_bot_120 {
    padding-bottom: 70px;
    padding-top: 70px;
  }
  .pad_bot_90{
    padding-bottom: 70px;
  }
  .pad_bot_70 {
    padding-bottom: 60px;
  }
  .pad_top_120, .pad_top_90, .pad_top_80, .pad_top_100{
    padding-top: 70px;
  }
  .pad_top_70 {
    padding-top: 60px;
  }
  .pad_top_40_bot_100 {
    padding-bottom: 90px;
  }
  .pad_top_40_bot_140 {
    padding-bottom: 120px;
  }
  .pad_bot_140 {
    padding-bottom: 60px;
  }
  .pad_top_100_bot_140 {
    padding-top: 70px;
    padding-bottom: 120px;
  }
  .pad_top_120_bot_140 {
    padding-top: 70px;
    padding-bottom: 120px;
  }
  .pad_top_80_bot_40 {
    padding-top: 70px;
    padding-bottom: 0px;
  }
  .pad_top_160_bot_140{
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .pad_top_90_bot_120 {
    padding-top: 70px;
    padding-bottom:100px;
  }
  .pad_top_120_bot_80 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .pad_bot_120, .pad_bot_100 {
    padding-bottom: 70px;
  }
  .pad_top_40_bot_90{
    padding-top: 0px;
    padding-bottom: 70px;
  }
  .pad_top_l_40 {
    padding-top: 0px;
  }

  .remove_top_bot_pad{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .pad_top_60 {
    padding-top: 40px;
  }
}

@media (max-width: 640px) {
  .pad_top_bot_70, .pad_top_bot_80, .pad_top_bot_90, .pad_top_bot_100, .pad_top_bot_120 {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .pad_bot_90{
    padding-bottom: 60px;
  }
  .pad_top_120, .pad_top_90, .pad_top_80, .pad_top_100{
    padding-top: 60px;
  }
  .pad_top_70 {
    padding-top: 50px;
  }

  .pad_top_40_bot_100 {
    padding-bottom: 80px;
  }
  .pad_top_40_bot_140 {
    padding-bottom: 120px;
  }
  .pad_bot_140 {
    padding-bottom: 20px;
  }
  .pad_top_100_bot_140 {
    padding-top: 60px;
    padding-bottom: 120px;
  }
  .pad_top_120_bot_140 {
    padding-top: 60px;
    padding-bottom: 120px;
  }
  .pad_top_80_bot_40 {
    padding-top: 60px;
  }
  .pad_top_160_bot_140{
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pad_top_90_bot_120 {
    padding-top: 60px;
    padding-bottom:60px;
  }
  .pad_top_120_bot_80 {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .pad_bot_120, .pad_bot_100{
    padding-bottom: 60px;
  }
  .pad_top_40_bot_90{
    padding-bottom: 60px;
  }
  .remove_top_bot_pad{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pad_bot_70 {
    padding-bottom: 50px;
  }
  .pad_top_60 {
    padding-top: 30px;
  }
}

/*end_paddings*/

/*custom_container*/

.custom_container95 {
  width: 95%;
}

.custom_container90 {
  width: 90%;
}

.custom_container85 {
  width: 85%;
}

.custom_container80 {
  width: 80%;
}

.custom_container75 {
  width: 75%;
}

.custom_container70 {
  width: 70%;
}

.custom_container65 {
  width: 65%;
}

.custom_container60 {
  width: 60%;
}

.custom_container50 {
  width: 50%;
}

.custom_container95, .custom_container90, .custom_container85, .custom_container80, .custom_container70, .custom_container75, .custom_container65, .custom_container60, .custom_container50{
  margin: 0 auto;
  max-width: 1200px;
}

.custom_container95::after, .custom_container90::after, .custom_container85::after, .custom_container80::after, .custom_container70::after, .custom_container75::after, .custom_container65::after, .custom_container60::after, .custom_container50::after{
  clear: both;
}

.custom_container95::after, .custom_container95::before, .custom_container90::after, .custom_container90::before, .custom_container85::after, .custom_container85::before, .custom_container80::after, .custom_container80::before, .custom_container70::after, .custom_container70::before, .custom_container75::after, .custom_container75::before, .custom_container65::after, .custom_container65::before, .custom_container60::after, .custom_container60::before, .custom_container50::after, .custom_container50::before{
  content: "";
  display: table;
}

.blog_container{
  max-width: 800px;
}

@media (max-width: 959.98px) {
  .custom_container95, .custom_container90, .custom_container85, .custom_container80, .custom_container70, .custom_container75, .custom_container65, .custom_container60, .custom_container50{
    width: calc(100% - 40px);
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*end_custom_container*/

/*buttons*/

button {
  border-radius: 0px;
  outline: 0 !important;
  cursor: pointer;
}

@-webkit-keyframes common_button {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes common_button {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.common_button {
  font-family: 'FiraSansRegular';
  border-radius: 0px;
  box-sizing: border-box;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  font-size: 14px;
  padding: 10px 25px;
  min-width: 130px;
  text-align: center;
  border: 0px;
}

.common_button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.common_button:hover, .common_button:focus, .common_button:active {
  box-shadow: none;
}

.common_button:hover:before, .common_button:focus:before, .common_button:active:before {
  -webkit-animation-name: common_button;
  animation-name: common_button;
}

.black_button {
  color: var(--color-6);
  border: 2px solid var(--color-5);
  background-color: var(--color-5);
}

.black_button:before {
  border: var(--color-5) solid 10px;
}

.black_button:hover, .black_button:focus {
 color: var(--color-6);
}

/*.green_button {
  background-color: var(--color-2);
}

.green_button:before {
  border: var(--color-2) solid 10px;
}*/

.white_button_t {
  color: var(--color-6);
  border: 2px solid var(--color-6);
  background-color: transparent;
}

.white_button_t:hover:before, .white_button_t:focus:before {
  border: 10px solid var(--color-6);
  /*background-color: var(--color-6);*/
}

.white_button_t:hover, .white_button_t:focus {
  background-color: var(--color-6);
  color: var(--color-5);
}

.blk_button_t {
  color:var(--color-5);
  border: 2px solid var(--color-5);
  background-color: transparent;
}

.blk_button_t:hover:before, .blk_button_t:focus:before {
  border: 10px solid var(--color-2);
}

.blk_button_t:hover, .blk_button_t:focus {
  border: 2px solid var(--color-2);
  background-color: var(--color-2);
  color: var(--color-6);
}

@media (max-width: 640px) {
  .common_button {
    padding: 8px 25px;
    font-size: 13px;
    min-width: 110px;
  }
}

.links_more a{
    margin-right: 15px;
}

.links_more{
    margin-top: 30px;
}

/*.buttons_more{
    margin-top: 40px;
}*/

.buttons_more a{
    margin-right: 15px;
    margin-bottom: 5px;
}

.buttons_more_single a{
    margin-right: 0px;
    margin-bottom: 0px; 
}

.txt_more{
    font-size: 14px;
    overflow: hidden;
}

.txt_more span{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.txt_more .more_dash{
    opacity:1;
}

.txt_more:hover .more_dash, .txt_more:focus .more_dash{
    opacity:0;
}

.txt_more .more_arrow{
    opacity:0;
    transform: translateX(-4px);
}

.txt_more:hover .more_arrow, .txt_more:focus .more_arrow{
    opacity:1;
    transform: translateX(-10px);
}

.txt_white_more .more_arrow{
    color:var(--color-3);
}

.txt_white_more{
    color:var(--color-6);
}

.txt_white_more:hover, .txt_white_more:focus{
    color:var(--color-3);
}

.txt_blk_more .more_arrow{
    color:var(--color-2);
}

.txt_blk_more{
    color:var(--color-5);
}

.txt_blk_more:hover, .txt_blk_more:focus{
    color:var(--color-2);
}

@media (max-width: 640px) {
  .buttons_more a{
      margin-right: 12px;
  }
  .buttons_more_single a{
      margin-right: 0px;
      margin-bottom: 0px; 
  }
}

/*end_buttons*/

/*solid_backgrounds*/

.blk10_solid_background {
    background-color: var(--color-4);
}

.blk00_solid_background {
    background-color: var(--color-5);
}

.ash_solid_background {
    background-color: #EEEEEE;
}

.purple_solid_background {
    background-color: var(--color-1);
}

.green_solid_background {
    background-color: var(--color-2);
}

.yellow_solid_background {
    background-color: var(--color-3);
}

/*end_solid_backgrounds*/

/*overlays*/

.overlay_blk_40 {
    background-color: var(--color-5);
    opacity: .40;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.overlay_blk_30 {
    background-color: var(--color-5);
    opacity: .30;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.overlay_blk_20 {
    background-color: var(--color-5);
    opacity: .20;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*end_overlays*/

/*headings*/

.white_heading_1{
    font-family: 'FiraSansMedium';
    font-size:50px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 10px;
    padding: 0px;
    color: var(--color-6);
}

.white_heading_2{
    font-family: 'FiraSansMedium';
    font-size:45px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 30px;
    padding: 0px;
    color: var(--color-6);
}

.white_heading_3{
    font-family: 'FiraSansMedium';
    font-size:30px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 30px;
    padding: 0px;
    color: var(--color-6);
}

.blk_heading01_1{
    font-family: 'FiraSansMedium';
    font-size:45px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 30px;
    padding: 0px;
    color: var(--color-5);
}

.blk_heading01_2{
    font-family: 'FiraSansMedium';
    font-size:34px;
    line-height: 115%;
    margin:0px;
    margin-bottom: 30px;
    padding: 0px;
    color: var(--color-5);
}

.green_heading_lg_1{
    font-family: 'FiraSansMedium';
    font-size:65px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 30px;
    padding: 0px;
    color: var(--color-2);
}

.yellow_heading_lg_1{
    font-family: 'FiraSansMedium';
    font-size:65px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 30px;
    padding: 0px;
    color: var(--color-3);
}

.yellow_heading_lg_2{
    font-family: 'FiraSansMedium';
    font-size:45px;
    line-height: 120%;
    margin:0px;
    margin-bottom: 20px;
    padding: 0px;
    color: var(--color-3);
}

@media (max-width: 1280px) {
    .white_heading_1{
        font-size:45px;
    }

    .white_heading_2{
        font-size:40px;
        margin-bottom: 25px;
    }

    .white_heading_3{
        font-size:26px;
        margin-bottom: 20px;
    }

    .blk_heading01_1{
        font-size:40px;
        margin-bottom: 25px;
    }

    .blk_heading01_2{
      font-size:32px;
      margin-bottom: 20px;
    }

    .green_heading_lg_1, .yellow_heading_lg_1{
        font-size:50px;
    }

    .yellow_heading_lg_2{
        font-size:40px;
    }
}

@media (max-width: 1025px) {
    .white_heading_1{
        font-size:38px;
    }

    .white_heading_2{
        font-size:32px;
        /*margin-bottom: 20px;*/
    }

    .white_heading_3{
        font-size:22px;
    }

    .blk_heading01_2{
      font-size:26px;
    }

    .blk_heading01_1{
        font-size:32px;
        /*margin-bottom: 20px;*/
    }

    .green_heading_lg_1, .yellow_heading_lg_1{
        font-size:40px;
        margin-bottom: 25px;
    }

    .yellow_heading_lg_2{
        font-size:30px;
    }
}

@media (max-width: 640px) {
    .white_heading_1{
        /*font-size:35px;*/
        font-size: 2.23125rem;
    }

    .white_heading_2{
        font-size: 1.7rem;
        margin-bottom: 20px;
    }

    .white_heading_3{
        font-size: 1.3rem;
        margin-bottom: 15px;
    }

    .blk_heading01_1{
        /*font-size:26px;*/
        font-size: 1.7rem;
        margin-bottom: 20px;
    }

    .blk_heading01_2{
        font-size: 1.4rem;
    }

    .green_heading_lg_1, .yellow_heading_lg_1{
        font-size:3rem;
        margin-bottom: 20px;
    }

    .yellow_heading_lg_2{
        font-size: 2.5rem;
    }
}

/*end_headings*/

/*verticle_text_section*/

.line_heading_large1{
    font-family: 'FiraSansMedium';
    font-size:12em;
    line-height: 1.1;
    margin:0px;
    padding: 0px;
    white-space: nowrap;
}

.line_heading_large1_white_01{
    opacity: 0.3;
    color: var(--color-4);
    text-shadow: 
        -1px -1px 0px var(--color-6),
         0px -1px 0px var(--color-6),
         1px -1px 0px var(--color-6),
        -1px  0px 0px var(--color-6),
         1px  0px 0px var(--color-6),
        -1px  1px 0px var(--color-6),
         0px  1px 0px var(--color-6),
         1px  1px 0px var(--color-6);
}

.line_heading_large1_white_02{
    opacity: 0.3;
    color: var(--color-5);
    text-shadow: 
        -1px -1px 0px var(--color-6),
         0px -1px 0px var(--color-6),
         1px -1px 0px var(--color-6),
        -1px  0px 0px var(--color-6),
         1px  0px 0px var(--color-6),
        -1px  1px 0px var(--color-6),
         0px  1px 0px var(--color-6),
         1px  1px 0px var(--color-6);
}

.line_heading_large1_blk_01{
    opacity: 0.65;
    color: var(--color-6);
    text-shadow: 
        -1px -1px 0px var(--color-5),
         0px -1px 0px var(--color-5),
         1px -1px 0px var(--color-5),
        -1px  0px 0px var(--color-5),
         1px  0px 0px var(--color-5),
        -1px  1px 0px var(--color-5),
         0px  1px 0px var(--color-5),
         1px  1px 0px var(--color-5);
}

.line_heading_large1_blk_02{
    opacity: 0.3;
    color: var(--color-6);
    text-shadow: 
        -1px -1px 0px var(--color-5),
         0px -1px 0px var(--color-5),
         1px -1px 0px var(--color-5),
        -1px  0px 0px var(--color-5),
         1px  0px 0px var(--color-5),
        -1px  1px 0px var(--color-5),
         0px  1px 0px var(--color-5),
         1px  1px 0px var(--color-5);
}

.verticle_text_right1{
    /*top:20%; */
    /*bottom: 0;*/
    position: absolute;
    white-space: nowrap;
    z-index:2;
    right: 0px;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.verticle_text_right2{
    position: absolute;
    white-space: nowrap;
    z-index:2;
    right: 0px;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform-origin: 92% 52%;
    -o-transform-origin: 92% 52%;
    -webkit-transform-origin:92% 52%;
    transform-origin: 92% 52%;
}

.verticle_text_left1{
    /*top:20%; */
    /*bottom: 0;*/
    position: absolute;
    white-space: nowrap;
    z-index:2;
    left: 0px;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 12% 50%;
    -o-transform-origin: 12% 50%;
    -webkit-transform-origin:12% 50%;
    transform-origin: 12% 50%;
}

.horizontal_text_left1{
    position: absolute;
    white-space: nowrap;
    z-index:2;
    left: 0;
}

.horizontal_text_right1{
    position: absolute;
    white-space: nowrap;
    z-index:2;
    right: 0;
}

.home_right{
    right: -115px;
    bottom: 0px;
    -moz-transform-origin: 50% -25%;
    -o-transform-origin: 50% -25%;
    -webkit-transform-origin: 50% -25%;
    transform-origin: 50% -25%;
}

.page_mid_right{
    right: -55px;
    top: -6%;
}

.page_top_right{
    /*right: -55px;*/
    top: 0%;
}

.page_top_left1{
    left: -26px;
    top: 0%;
}

.page_top_left2{
    left: -45px;
    top: 4%;
}

.page_top_left3{
    left: -25px;
    top: 0%;
}

.page_top_left4{
    left: -35px;
    top: 0%;
}

.page_top_left5{
    left: -2px;
    top: 0%;
}

.page_mid_top_left{
    /*left: 0;*/
    left: -5%;
    top: 2%;
}

.page_top_up_right{
    right: 0;
    top: 0;
}

.z_index_2{
    z-index: 2;
    position: relative;
}

.z_index_3{
    z-index: 3;
    position: relative;
}

.pos_relative{
    position: relative;
}

.over_hidden{
    overflow: hidden;
}

.right_aligned_plain{
  text-align: right;
}

@media (max-width: 1200px) {

    .line_heading_large1{
        font-size: 8.5em;
    }

    .home_right{
        right: -80px;
    }

    .page_mid_right{
        right: -40px;
    }

    .page_top_left1{
        left: -18px;
    }

    .page_top_left2{
        left: -32px;
    }

    .page_top_left3{
        left: -22px;
    }

    .page_top_left4{
        left: -25px;
    }

}

@media (max-width: 959.98px) {

    .line_heading_large1{
        font-size: 7.5em;
    }

    .home_right{
        right: -75px;
    }

    .page_mid_right{
        top: 8%;
        right: -33px;
    }

    .page_top_left1{
        right: 0;
        left: auto;
    }

    .page_top_left2{
        right: 0;
        left: auto;
        top: 9%;
    }

    .page_top_left3{
        right: 0;
        left: auto;
        top: 2%;
    }

    .page_top_left4{
        right: 0;
        left: auto;
        top: 9%;
    }

    .page_top_left5{
        right: 0;
        left: auto;
        top: 9%;
    }

    .page_mid_right .line_heading_large1_blk_01, .page_top_left4 .line_heading_large1_blk_02, .page_top_left3 .line_heading_large1_blk_02, .page_top_left2 .line_heading_large1_blk_02, .page_top_left1 .line_heading_large1_blk_02, .page_top_right .line_heading_large1_blk_02{
        color: var(--color-5);
        opacity: 0.1;
    }

    .page_top_left5 .line_heading_large1_blk_02{
      color: var(--color-5);
      opacity: 0.1;
    }

    .page_top_left1.verticle_text_left1{
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      /*-moz-transform-origin: 50% 155%;
      -o-transform-origin: 50% 155%;
      -webkit-transform-origin: 50% 155%;
      transform-origin: 50% 155%;*/
      -moz-transform-origin: 95% 62%;
      -o-transform-origin: 95% 62%;
      -webkit-transform-origin:95% 62%;
      transform-origin: 95% 62%;
    }

    .page_top_left2.verticle_text_left1{
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      /*-moz-transform-origin: 60% 140%;
      -o-transform-origin: 60% 140%;
      -webkit-transform-origin:60% 140%;
      transform-origin:60% 140%;*/
      -moz-transform-origin: 80% 5%;
      -o-transform-origin: 80% 5%;
      -webkit-transform-origin:80% 5%;
      transform-origin: 80% 5%;
    }

    .page_top_left3.verticle_text_left1{
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      /*-moz-transform-origin: 50% 130%;
      -o-transform-origin: 50% 130%;
      -webkit-transform-origin:50% 130%;
      transform-origin:50% 130%;*/
      -moz-transform-origin: 100% 68%;
      -o-transform-origin: 100% 68%;
      -webkit-transform-origin:100% 68%;
      transform-origin:100% 68%;
    }

    .page_top_left4.verticle_text_left1{
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      /*-moz-transform-origin: 60% 140%;
      -o-transform-origin: 60% 140%;
      -webkit-transform-origin:60% 140%;
      transform-origin:60% 140%;*/
      -moz-transform-origin: 80% 5%;
      -o-transform-origin: 80% 5%;
      -webkit-transform-origin:80% 5%;
      transform-origin: 80% 5%;
    }

    .page_top_left5.verticle_text_left1{
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      -moz-transform-origin: 82% 40%;
      -o-transform-origin: 82% 40%;
      -webkit-transform-origin:82% 40%;
      transform-origin: 82% 40%;
    }

    .page_top_left2 .line_heading_large1{
        font-size: 6rem;
    }

}

@media (max-width: 640px) {

    .line_heading_large1{
        font-size: 6.2em;
    }

    .home_right{
        right: -34px;
    }

    .page_mid_right{
        top: 30%;
        right: -25px;
    }

    .page_mid_top_left{
        left: -6%;
        top: 2%;
    }

   /* .page_mid_right .line_heading_large1_blk_01{
        color: var(--color-5);
        opacity: 0.1;
    }*/

    .page_top_left2{
        top: 14%;
    }

    .page_top_left2 .line_heading_large1{
        font-size: 5rem;
    }

    .page_top_left4{
        top: 14%;
    }
}

@media (max-width: 360px) {

    .line_heading_large1{
        font-size: 5.2em;
    }

    .home_right{
        right: -30px;
    }
}

/*end_verticle_text_section*/

/*margins*/

.margin_top120{
  margin-top: 120px;
}

.margin_top100{
  margin-top: 100px;
}

.margin_top40{
  margin-top: 40px;
}

.margin_top30{
  margin-top: 30px;
}

.margin_top20{
  margin-top: 20px;
}

.margin_bot40{
  margin-bottom: 40px;
}

.margin_bot30{
  margin-bottom: 30px;
}

@media (max-width: 959.98px) {

    .margin_top120{
      margin-top: 70px;
    }

    .margin_top100{
      margin-top:70px;
    }
}

@media (max-width: 640px) {

    .margin_top120{
      margin-top: 60px;
    }

    .margin_top100{
      margin-top: 60px;
    }

}

/*end_margins*/

/*paragraphs*/

.white_para{
    color: var(--color-6);
}

/*end_paragraphs*/

/*header*/

.nav_header {
    z-index: 1050;
    position: absolute;
    top: 0;
    width: 100%;
    background-color:var(--color-6);
    /*padding-top: 8px;
    padding-bottom: 8px;*/
}

.nav_header_cont{
    padding-top: 8px;
    padding-bottom: 8px;
    /**/
    padding-left: 6%;
    padding-right: 6%;
}

.nav_header.home_header{
    background-color: transparent;
}

.nav_header .uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: transparent;
}

.main_header{
    display: block;
}

.left_sec, .right_sec {
  display: inline-block;
}

.right_sec {
  float: right;
}

.nav_header .uk-logo {
    /*margin-left: 20px;
    margin-right: 20px;*/
    padding: 0;
    min-height: 65px;
}

.nav_header .uk-logo img {
    width: 90px;
}

.nav_header.home_header .home_brand .uk-logo img {
    /*width: 100px;*/
    width: 120px;
    margin-top: 20px;
}

.nav_header.home_header.stick_header .home_brand .uk-logo img {
    width: 90px;
    margin-top: 0px;
}

.nav_header .uk-navbar-nav > li{
    min-height: 65px;
    display: flex;
    align-items: center;
    margin-left: 14px;
    margin-right:14px;
}

.nav_header .uk-navbar-nav > li:last-of-type{
    margin-right:0px;
}

.nav_header .uk-navbar-nav > li.head_call{
    margin-left: 35px;
}

.head_call img{
    margin-right: 5px;
}

.nav_icons img{
    width: 20px;
    height: auto;
    /*margin-right: 5px;*/
}

.nav_header.home_header .load_menu .nav_icons img{
    -webkit-filter: brightness(0) invert(1) drop-shadow(0px 0px 2px rgb(0 0 0 / 50%));
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1) drop-shadow(0px 0px 2px rgb(0 0 0 / 70%));
}

.nav_header .uk-navbar-nav li a {
  font-size: 15px;
  padding-left: 0;
  padding-right: 0;
  color: var(--color-5);
  min-height: auto; 
  font-family: 'FiraSansRegular';
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1;
  text-transform: initial;
}

.nav_header.home_header .load_menu .uk-navbar-nav li a {
  color: var(--color-6);
}

.nav_header.home_header .load_menu .uk-navbar-nav li a:hover {
  color: var(--color-2);
}

.nav_header .uk-navbar-nav li a svg{
    width: 15px;
}

.nav_header .uk-navbar-dropdown-nav{
  font-size: initial;
}

.nav_header .uk-navbar-dropdown-nav li{
    text-align: center;
    margin-bottom: 12px;
}

.nav_header .uk-navbar-dropdown-nav li:last-child{
  margin-bottom: 0;
}

.nav_header .uk-navbar-dropdown-nav li a{
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--color-6);
}

.nav_header .uk-navbar-dropdown {
    margin-top: 0;
    top: 70px !important;
    box-shadow: 0px 0px 18px 1px rgb(255 255 255 / 5%);
    background-color: var(--color-5);
    padding: 30px 15px;
    width: 260px;
}

.nav_header .uk-navbar-dropdown:after {
    position: absolute;
    top: -12px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid var(--color-5);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.nav_header .uk-navbar-nav li a:hover {
    color: var(--color-2);
}

.nav_header .uk-navbar-nav > li > a.common_button{
    padding: 13px 25px;
    font-size: 14px;
    display: inline-block;
    color: var(--color-6) !important;
}

.nav_header.home_header .load_menu .uk-navbar-nav > li > a.common_button:hover, .nav_header.home_header .load_menu .uk-navbar-nav > li > a.common_button:focus{
    color: var(--color-5) !important;
}

.nav_header .uk-navbar-nav > li.active > a {
  color:var(--color-2);
}

.nav_header .uk-navbar-dropdown-nav > li.active > a {
  color:var(--color-2);
}

.custom_sidebar .uk-nav-default li.active a{
    color:var(--color-2) !important;
}

.custom_sidebar .uk-nav-default{
  font-size: initial;
}

.custom_sidebar .uk-nav-default .uk-nav-sub li{
  margin-bottom: 12px;
  line-height: 1;
}

.custom_sidebar .uk-nav-default .uk-nav-sub li:last-child{
  margin-bottom: 0px;
}

.custom_sidebar .uk-nav-default .uk-nav-sub a{
  font-size: 15px;
  padding: 0;
}

.custom_sidebar .uk-nav-default>li{
  margin-bottom: 15px;
}

.custom_sidebar .uk-nav-default>li:last-child{
  margin-bottom: 0px;
}

.custom_sidebar .uk-nav-default>li>a{
  padding: 0;
  line-height: 1;
}

.custom_sidebar .uk-nav-default ul.uk-nav-sub{
  padding: 12px 0 8px 0px;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

.stick_header {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 0.5s;
  -webkit-animation: smoothScroll 0.5s;
}

.nav_header.stick_header {
    background-color: var(--color-6);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);   
}

header.nav_header_shadow{
    background-color: var(--color-6);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);  
}

.nav_header.stick_header .uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: transparent;
}

.nav_icons_buttons{
    cursor: pointer;
}

.scroll_menu{
    display: none;
}

.stick_header .scroll_menu{
    display: inline-block;
}

.stick_header .load_menu{
    display: none;
}

.right_sec_mobile.load_menu .nav_icons_buttons{
    -webkit-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*sidebar*/

.custom_sidebar {
  background-color: var(--color-6);
  padding: 0px;
}

.custom_sidebar .uk-nav-default {
  /*padding: 20px;*/
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
}

.custom_sidebar .uk-nav-default a {
  /*font-size: 22px;*/
  font-size: 18px;
  color: var(--color-5) !important;
  display: inline-block;
}

.add_side_b_m{
  margin-top: 35px;
  margin-bottom: 5px !important;
}

.custom_sidebar .uk-nav-default .side_con_a a {
  font-size: 14px;
}

.custom_sidebar .uk-nav-default a:hover {
    color:var(--color-2) !important;
}

.uk-offcanvas-close {
  color: var(--color-5) !important;
}

.uk-offcanvas-close svg {
  width: 26px;
}

.uk-offcanvas-overlay::before {
  background: rgb(0 0 0 / 85%);
}

.uk-offcanvas-bar {
    z-index: 999;
    background-image: url(../images/brand/favicon2.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: bottom right;
}

.side_head {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50px;
}

.sidebar_logo {
  width: 120px !important;
}

.sidebar_bot{
    padding-top: 20px;
    padding-left: 20px;
}

.custom_sidebar_search{
    background-color: var(--color-6);
    padding: 0px;
}

.wrap_div{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-wrap: wrap;  
}

.search_wrap{
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.search_wrap input{
    width: 100%;
    border: 0px;
    border-bottom: 2px solid var(--color-5);
    outline: 0!important;
    font-size: 18px;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}

.search_wrap button{
    margin-top: 30px;
}

.right_sec_mobile img{
    width: 25px;
    height: auto;
    margin-left: 15px;
}

.mobile_tog_inner{
    min-height: 65px;
    display: flex;
    align-items: center;
}

.animate_open{
    /*margin-top: -40px !important;*/
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.custom_sidebar_push.uk-open .animate_open{
    /*margin-top: 0px !important;*/
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    opacity: 1;
}

.animate_open2{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.custom_sidebar_push.uk-open .animate_open2{
    opacity: 1;
}

@media (max-width: 1199px) {
  .nav_header_cont{
    padding-right:3%;
    padding-left: 3%;
  }
}

@media (max-width: 1024px) {
  .nav_header .uk-navbar-nav li a{
      font-size: 14px;
  }
  .nav_header .uk-navbar-nav > li.head_call {
      margin-left: 25px;
  }

}

@media (max-width: 959.98px) {
    .nav_header {
        /*padding-top: 4px;
        padding-bottom: 4px;*/
    }

    .nav_header_cont{
        padding-top: 4px;
        padding-bottom: 4px;
        /**/
        padding-right: 20px;
        padding-left: 20px;
    }

    .search_wrap{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 640px) {

  .right_sec_mobile .common_button{
      padding: 8px 16px;
      font-size: 12px;
      min-width: 90px;
  }

  .nav_header .uk-logo{
    /*margin-left: 0px;
    margin-right: 10px;*/
  }

  .nav_header .uk-logo img{
    width: 80px;
  }

  .nav_header.home_header.stick_header .home_brand .uk-logo img {
      width: 80px;
  }

  .nav_header.home_header .home_brand .uk-logo img {
      /*width:80px;*/
      width: 100px;
      margin-top: 0px;
  }

  .mobile_tog_inner, .nav_header .uk-logo{
    min-height: 55px;
  }

  .sidebar_logo {
    width: 100px !important;
  }

  .custom_sidebar .uk-nav-default a{
    font-size: 17px;
  }

  .custom_sidebar .uk-nav-default .side_con_a a {
    font-size: 14px;
  }

  .animate_open{
      transform: translateY(-20px);
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
  }

  .custom_sidebar .uk-nav-default>li{
    margin-bottom: 10px;
  }

  .custom_sidebar .uk-nav-default .uk-nav-sub li{
    margin-bottom: 8px;
  }

  .custom_sidebar .uk-nav-default .uk-nav-sub a{
    font-size: 14px;
  }

  .custom_sidebar .uk-nav-default ul.uk-nav-sub{
    padding: 8px 0 5px 0px;
  }
}

@media (max-width: 320px) {

    .right_sec_mobile img {
        width: 20px;
        margin-left: 10px;
    }

    .right_sec_mobile .common_button{
        padding: 8px 12px;
        min-width: 40px;
    }

    .nav_header .uk-logo{
        /*margin-right: 5px;*/
    }

    .nav_header .uk-logo img{
        width: 70px;
    }

    .nav_header.home_header .home_brand .uk-logo img {
        width: 70px;
    }

    .nav_header.home_header.stick_header .home_brand .uk-logo img {
        width: 70px;
    }
}

/*end_header*/

/*home_banner_section*/

.dis_table{
    display: table;
    display: flex;
    align-items: center;
}

.dis_table_cell{
    display: table-cell;
    vertical-align: middle;
}

.home_content_col{
    min-height: 100vh;
}

.home_content_wrap{
    padding-left: 12%;
    padding-right: 20%;
    padding-top: 25%;
    padding-bottom: 30px;
}

.home_content_wrap h1{
    margin-top: 60px;
    margin-bottom: 40px;
}

.home_img_col_wrap{
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*overflow: hidden;
    z-index: 3;*/
}

/*.home_img_col_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

@media (max-width: 959.98px) {
    .home_content_wrap {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
        padding-bottom: 20px;
    }
}

@media (max-width: 640px) {

    .home_content_col{
        min-height: 95vh;
    }

    .home_content_col_mob{
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        /*background-image: url('../images/banners/home_banner1.jpg');*/
    }

    .home_content_wrap h1{
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .home_content_col .line_heading_large1_white_01{
        color: var(--color-1);
        opacity: 0.5;
    }
}

@media (min-width: 640px) {
  .home_content_col_mob{
    background-image: none !important;
  }
}

/*end_home_banner_section*/

/*full_width_text_break*/

.there_bar_horizontal1_80{
    display: flex;
    height: 9px;
}

.there_bar_horizontal2_100{
    display: flex;
    height: 9px;
}

.color_3boxes_eq{
    display: flex;
    height: 9px;
}

.color_3boxes_eq span{
    width:33.3333333%;
    display: block;
}

/*.there_bar_vertical1_100{
    width: 9px;
}*/

.there_bar_horizontal1_80 .bar_1{
    width: 5%;
}

.there_bar_horizontal1_80 .bar_2{
    width: 7.5%;
}

.there_bar_horizontal1_80 .bar_3{
    width: 12%;
}

.there_bar_horizontal2_100 .bar_1{
    width: 25%;
}

.there_bar_horizontal2_100 .bar_2{
    width: 14%;
}

.there_bar_horizontal2_100 .bar_3{
    width: 10%;
}

.there_bar_vertical1_100 .bar_1{
    height: 20%;
    width: 9px;
}

.there_bar_vertical1_100 .bar_2{
    height: 30%;
    width: 9px;
}

.there_bar_vertical1_100 .bar_3{
    height: 55%;
    width: 9px;
}

.purpl{
    background-color: var(--color-1);
}

.gren{
    background-color: var(--color-2);
}

.yelow{
    background-color: var(--color-3);
}

.there_bar_ver_right_corner{
  position: absolute;
  height: 60%;
  top: 25%;
  right: 0;
}

@media (max-width: 959.98px) {

    .there_bar_horizontal1_80{
        margin-top: 30px;
        height: 8px;
    }

    .there_bar_horizontal2_100{
        height: 8px;
    }

    .color_3boxes_eq{
        height: 8px;
    }

    .there_bar_horizontal1_80 .bar_1{
        width: 7%;
    }

    .there_bar_horizontal1_80 .bar_2{
        width: 10%;
    }

    .there_bar_horizontal1_80 .bar_3{
        width: 16%;
    }

    .there_bar_horizontal2_100 .bar_1{
        width: 30%;
    }

    .there_bar_horizontal2_100 .bar_2{
        width: 20%;
    }

    .there_bar_horizontal2_100 .bar_3{
        width: 15%;
    }

    .there_bar_vertical1_100 .bar_1{
        width: 8px;
        height: 25%;
    }

    .there_bar_vertical1_100 .bar_2{
        width: 8px;
        height: 35%;
    }

    .there_bar_vertical1_100 .bar_3{
        width: 8px;
        height: 50%;
    }

    .there_bar_vertical1_100_grid{
        margin: 0;
    }

    .there_bar_vertical1_100_grid .there_bar_vertical1_100, .there_bar_vertical1_100_grid .verticle_bar_wrap_div{
        box-sizing: border-box;
    }

    .there_bar_vertical1_100_grid .verticle_bar_wrap_div{
        width: 98%;
    }

    .there_bar_vertical1_100{
        padding: 0;
    }

    .there_bar_ver_right_corner{
      height: 50%;
      top: 15%;
    }
}

@media (max-width: 640px) {

    .there_bar_horizontal1_80{
        margin-top: 25px;
        height: 6px;
    }

    .there_bar_horizontal2_100{
        height: 6px;
    }

    .color_3boxes_eq{
        height: 6px;
    }

    .there_bar_horizontal1_80 .bar_1{
        width: 10%;
    }

    .there_bar_horizontal1_80 .bar_2{
        width: 14%;
    }

    .there_bar_horizontal1_80 .bar_3{
        width: 22%;
    }

    .there_bar_horizontal2_100 .bar_1{
        width: 28%;
    }

    .there_bar_horizontal2_100 .bar_2{
        width: 18%;
    }

    .there_bar_horizontal2_100 .bar_3{
        width: 13%;
    }

    .there_bar_vertical1_100 .bar_1{
        width: 6px;
        height: 20%;
    }

    .there_bar_vertical1_100 .bar_2{
        width: 6px;
        height: 30%;
    }

    .there_bar_vertical1_100 .bar_3{
        width: 6px;
        height: 55%;
    }

    .there_bar_vertical1_100_grid .verticle_bar_wrap_div{
        padding-left: 15px;
        width: 95%;
    }

    .there_bar_vertical1_100{
        padding: 0;
    }

    .there_bar_ver_right_corner{
      height: 25%;
      top: 12%;
    }
}

/*end_full_width_text_break*/

/*side_by_side*/

.common_img_div{
    position: relative;
}

.common_img_div img{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 16%);
}

.no_shadow_img_div img{
    box-shadow: none;
} 

.career_double_img img{
    width: 88%;
} 

.common_img_div_yel_sh1{
    text-align: right;
}

.common_img_div_yel_sh1 img{
    width: 80%;
}

.common_img_div_yel_sh2 img{
    width: 82%;
}

.common_img_div_yel_sh3{
    text-align: right;
}

.common_img_div_yel_sh3 img{
    width: 92%;
}

.common_img_div_yel_sh4{
    text-align: right;
}

.common_img_div_yel_sh4 img{
    width:80%;
}



.full_widh_gr_sh{
    content: '';
    position: absolute;
    z-index: 1;
    width: 95%;
    height: 88%;
    background-color: var(--color-2);
    left: 11%;
    top: 20%;
}

.full_widh_yel_sh{
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 66%;
    background-color: var(--color-3);
    left: 9%;
    top: 18%;
}

.box_yel_sh1{
    content: '';
    position: absolute;
    z-index: 1;
    width: 65%;
    height: 65%;
    background-color: var(--color-3);
    right: 11%;
    bottom: -7%;
}

.box_yel_sh2{
    content: '';
    position: absolute;
    z-index: 1;
    width: 80%;
    height: 85%;
    background-color: var(--color-3);
    left: 13%;
    bottom: -9%;
}

.box_yel_sh3{
    content: '';
    position: absolute;
    z-index: 1;
    width: 62%;
    height: 92%;
    background-color: var(--color-3);
    right: 11%;
    bottom: -7%;
}

.rectan_yel_sh_left{
    content: '';
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    background-color: var(--color-3);
    left: 1%;
    top: 11%;
}

.side_by_side_right .side_by_side_des{
    padding-left: 8%;
    padding-right: 8%;
}

.side_by_side_right2 .side_by_side_des{
    padding-left: 4%;
    padding-right: 6%;
}

.side_by_side_right50 .side_by_side_des{
    padding-right: 6%;
    /*padding-left: 0%;*/
}

.side_by_side_left .side_by_side_des{
    padding-left: 12%;
    padding-right: 0;
}

.side_by_side_left_solid_back .side_by_side_des{
    padding-left: 12%;
    padding-right: 5%;
}

.side_by_side_top_bot_pad{
    padding-top: 50px;
    padding-bottom: 50px;
}

.side_by_side_des.order_1{
    /*padding-bottom: 40px;*/
}

.content_div h5{
    margin-top: 30px;
    margin-bottom: 10px;
}

.content_div ul{
    list-style-type: "-";
    padding-left: 10px;
    margin-top: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.content_div ul li{
    padding-left: 5px;
}

.content_div_50grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.content_div_50col{
    width: 50%;
    box-sizing: border-box;
    padding-right: 30px;
}

.content_div_86{
  margin-bottom:20px;
  width: 86%;
}

.content_div .content_div_86:last-child{
  margin-bottom: 0;
}

/*.career_img_div{
    position: relative;
}

.career_img_div .port_car_img{
    position: relative;
    z-index: 5;
    width: 60%;
}

.career_img_div .land_car_img{
    width: 60%;
    position: absolute;
    left: 30%;
    z-index: 6;
    bottom: -20%;
}*/

.custom_col_43{
    box-sizing: border-box;
    max-width: 100%;
    width: 43%;
}

.custom_col_57{
    box-sizing: border-box;
    max-width: 100%;
    width: 57%;
}

.custom_col_40{
    box-sizing: border-box;
    max-width: 100%;
    width: 40%;
}

.custom_col_60{
    box-sizing: border-box;
    max-width: 100%;
    width: 60%;
}

.web_reel_des_col{
  padding-top: 40%;
}

.web_reel_img_col img{
  position: absolute;
  max-width: none;
  width: 120%;
  right: 0;
  top: 0;
}

.round_ash1{
  position: absolute;
  top: -30%;
  width:64%;
  right: -5%;
}

.round_yl1{
  position: absolute;
  top: -30%;
  width:64%;
  left: -5%;
}

.web_dev_page_boxes{
  padding-top: 10%;
  padding-bottom: 23%;
}

.side_by_side_50_both_s1{
  padding-top: 10%;
}

@media (max-width: 1367px) {

  .content_div_86{
    width: 90%;
  }

  .side_by_side_50_both_s1{
    padding-top: 5%;
  }

}

@media (max-width: 1281px) {

  .round_ash1{
    top: -20%;
  }

  .side_by_side_50_both_s1{
    padding-top: 0%;
  }

}

@media (max-width: 1199px) {

  .web_dev_page_boxes{
    padding-top: 0%;
    padding-bottom: 10%;
  }

  .round_yl1{
    top: -12%;
  }

}

@media (max-width: 959.98px) {
    .order_1{
        order: 1;
    }

    .order_2{
        order: 2;
    }

    .side_by_side_grid{
        margin: 0;
    }

    .side_by_side_right .side_by_side_des{
        padding-left: 20px;
        padding-right:20px;
    }

    .side_by_side_right2 .side_by_side_des{
        padding-left: 20px;
        padding-right:20px;
    }

    .side_by_side_right50 .side_by_side_des{
        padding-left: 20px;
        padding-right:20px;
    }

    .side_by_side_left .side_by_side_des{
        padding-left: 20px;
        padding-right:20px;
        padding-bottom: 40px;
    }

    .side_by_side_left_solid_back .side_by_side_des{
        padding-left: 20px;
        padding-right:20px;
    }

    .side_by_side_left_solid_back .side_by_side_img_backgr{
        padding-left: 0px;
        padding-right:0px;
    }

    .side_by_side_img{
        padding-left: 20px;
        padding-right:20px;
    }

    .side_by_side_des.order_1{
        padding-bottom: 40px;
    }

    .side_by_side_top_bot_pad{
        padding-top: 60px;
        padding-bottom: 25px !important;
    }

    .content_div h5{
        /*margin-top:20px;*/
        margin-top:15px;
    }

    /*.common_img_div img{
        width: 95%;
    }*/

    .content_div_86{
      margin-bottom:20px;
      width: 95%;
    }

    .common_img_div_gr_sh1 img{
        width: 95%;
    }

    .full_widh_gr_sh{
        width: 88%;
        height: 85%;
    }

    .career_double_img img{
        width: 100%;
    }

    /*.side_by_side_left .common_img_div img{
        width: 100%;
    }*/

    .custom_col_43{
        width: 100%;
    }

    .custom_col_57{
        width: 100%;
    }

    .custom_col_40{
        width: 100%;
    }

    .custom_col_60{
        width: 100%;
    }

    .page_top_txt{
        padding-top: 70px;
    }

    .common_img_div_yel_sh1 img{
        width: 85%;
    }

    .common_img_div_yel_sh2 img{
        width: 85%;
    }

    .full_widh_yel_sh{
        width: 85%;
        left: 8%;
    }

    .box_yel_sh1{
        right: 8%;
    }

    .box_yel_sh3{
        right: 8%;
        bottom: -6%;
    }

    .ch_pad_sl.pad_top_90_bot_120{
        padding-top: 40px;
    }

    .common_img_div_yel_sh4 img{
        width:90%;
    }

    .box_yel_sh2{
        left: 2%;
        bottom: -8%;
    }

    .web_reel_des_col{
      padding-top: 0%;
    }

    .web_reel_img_col img{
      position: relative;
      width: 100%;
      max-width:100%;
    }

    .round_ash1{
      top: 5%;
    }

    .round_yl1{
      top: 5%;
    }

    .web_dev_page_boxes{
      padding-bottom: 70px;
    }

    .side_by_side_50_both .side_by_side_des{
      padding-left: 0px;
      padding-right: 0px;
    }

    .side_by_side_50_both .side_by_side_des:last-child{
      padding-top:5px;
    }
}

@media (max-width: 640px) {
    /*.common_img_div img{
        width: 94%;
    }*/

    .common_img_div_gr_sh1 img{
        width: 94%;
    }

    .full_widh_gr_sh{
        width: 88%;
        height: 88%;
    }

    .content_div_50col{
        width: 100%;
        padding-right: 0px;
    }

    .content_div_50grid .content_div_50col:first-child{
        padding-bottom: 10px;
    }

    .page_top_txt{
        padding-top: 60px;
    }

    .common_img_div_yel_sh1 img{
        width: 94%;
    }

    .common_img_div_yel_sh2 img{
        width: 94%;
    }

    .full_widh_yel_sh{
        left: 0%;
    }

    .box_yel_sh1{
        bottom: -5%;
        right: 0%;
    }

    .box_yel_sh3{
        /*right: 0%;
        bottom: -7%;*/
        right: 14%;
        bottom: -6%;
    }

    .ch_pad_sl.pad_top_90_bot_120{
        padding-top: 15px;
    }

    .common_img_div_yel_sh4 img{
        width:92%;
    }

    .box_yel_sh2{
        left: 0%;
        bottom: -8%;
    }

    .content_div h4{
        font-size: 1.12rem;
    }

    .content_div_86{
      /*width: 100%;*/
      margin-bottom: 10px;
    }

    .round_ash1{
      right: -20%;
      width: 100%;
      top: 30%;
    }

    .round_yl1{
      left: -20%;
      width: 100%;
      top: 30%;
    }

    .web_dev_page_boxes{
      padding-bottom: 60px;
    }

}

/*end_side_by_side*/

/*play*/

.video_left_banner img{
    width: 100%;
}

.video_left_banner .play_button{
    position: absolute;
    z-index: 5;
    bottom: 5%;
    left: 5%;
    display: inherit;
}

.play_button img{
    width: 60px;
    height: auto;
    position: relative;
    z-index: 9;
    box-shadow: none;
}

.play_button_blk01 img{
    background-color:var(--color-4);
    border-radius: 50%;
}

.play_button div{
    position: relative;
    z-index: 10;
    display: inline;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.play_button div:before{
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height:80px;
  border-radius: 50%;
  animation: pulse-border 1000ms ease-out infinite;
}

.with_txt_white_play div:before{
    background-color: rgb(255 255 255 / 60%);
}

.with_txt_white_play span{
    margin-left: 5px;
}

.with_txt_white_play{
    font-size: 14px;
    color: var(--color-6);
}

.with_txt_white_play:hover, .with_txt_white_play:focus{
    color: var(--color-6);
}

.green_back_play div:before{
    background-color: var(--color-3);
}

.default_back_play div:before{
    background-color: var(--color-6);
}

.default_back_play div img{
    filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 50%));
    -webkit-filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 50%));
    -moz-filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 50%));
}

.common_img_div_gr_sh1 .play_button{
    position: absolute;
    z-index: 5;
    bottom: 5%;
    right: 5%;
    display: inherit;
}

.fancybox-inner video{
  background-color: transparent;
}

@media (max-width: 959.98px) {
   .common_img_div_gr_sh1 .play_button{
       right: 8%;
   }

   .video_left_banner .play_button{
       /*left: 8%;*/
   } 
}

@media (max-width: 640px) {
   .play_button img{
       width: 50px;
   }

   .with_txt_white_play span{
    margin-left: 4px;
   }

   .common_img_div_gr_sh1 .play_button{
       right: 10%;
       bottom: 8%;
   } 

   .fancybox-content{
      width: 90% !important;
      height: 35% !important;;
      max-width: calc(100% - 40px) !important;;
   }
}

/*end_play*/

/*boxes_section*/

.boxes_grid{
    margin: 0;
    /*padding-left: 2px;
    padding-right: 2px;*/
    padding-left: 4px;
    padding-right: 4px;
}

.boxes_col{
    /*padding: 2px 2px;*/
    padding: 4px 4px;
    position: relative;
}

.boxes_col_inner_a{
    display: block;
    overflow: hidden; 
    position: relative;
    /*border: 2px solid transparent;*/
}

.boxes_col_img {
    padding-top: 90%;
    position: relative;
    overflow: hidden;
    z-index: 3;
}

.boxes_col_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-timing-function: ease;
    transition: transform 0.4s ease, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
}

.boxes_col_info{
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 83%);
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.boxes_col_info_inner {
    width: 100%;
    padding: 20px 10%;
    margin-top: 30px;
    /*opacity: 0;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.boxes_col_info_inner h3{
    line-height: 120%;
    font-size: 22px;
    padding:0;
    margin: 0;
    margin-bottom:5px;
    color: var(--color-5);
}

.boxes_col_info_inner h4{
    font-size: 18px;
    padding:0;
    margin: 0;
    margin-bottom:20px;
    color: var(--color-5);
}

.boxes_col_info_inner p{
    font-size: 15px;
    margin: 0;
    padding:0;
    color: var(--color-5);
}

.boxes_col_inner_a .color_3boxes_eq {
    position: absolute;
    bottom: -8px;
    z-index: 5;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*.boxes_col_inner_a:hover{
    border: 1px solid var(--color-5);
}*/

.boxes_col_inner_a:hover .boxes_col_info{
    opacity: 1;
}

.boxes_col_inner_a:hover .boxes_col_info_inner{
    margin-top: 0;
}

.boxes_col_inner_a:hover .boxes_col_img img{
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
}

.boxes_col_inner_a:hover .color_3boxes_eq{
    bottom: 0px;
    opacity: 1;
}

@media (max-width: 1100px) {
    .boxes_col_info_inner h3{
        font-size: 20px;
    }

    .boxes_col_info_inner h4{
        font-size: 16px;
    }

    .boxes_col_info_inner p{
        font-size: 14px;
    }
}

@media (max-width: 640px) {
    .boxes_col{
        /*padding: 6px 10px;*/
        padding: 4px 4px;
    }

    .boxes_col_info_inner h3{
        font-size: 18px;
    }

    .boxes_col_info_inner h4{
        font-size: 15px;
    }

    .boxes_col_info_inner p{
        font-size: 13px;
    }
}

/*end_boxes_section*/

/*text_boxes_sec*/

.text_boxes_grid{
  justify-content: center;
}

.title_center_div{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.text_box_col{
    padding-bottom: 40px;
    min-height: 340px;
}

.text_box_wrap{
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--color-5);
    height: 100%;
    padding: 0px 30px 0px 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.text_box_wrap:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-5);
    z-index: 2;
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.text_box_inner{
    margin-top: 50px;
    margin-bottom: 40px;
    z-index: 3;
    position: relative;
}

.text_box_wrap h3{
    font-size: 30px;
    line-height: 120%;
    margin: 0px;
    margin-bottom: 40px;
    padding: 0px;
    color: var(--color-5);
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.text_box_wrap p{
    font-size: 13px;
    margin: 0;
    padding:0;
    color: var(--color-5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.text_box_wrap:hover h3, .text_box_wrap:hover p{
    color: var(--color-6);
}

.text_box_wrap:hover:after{
    opacity: 1;
    transform: translateX(0%);
}

.text_boxes_grid_no_pr_txt{
    margin-bottom: -40px;
}

@media (max-width: 1200px) {
    .text_box_col{
        /*padding-bottom: 30px;*/
        padding-bottom: 25px;
    }
    .title_center_div{
        width: 70%;
    }
}

@media (max-width: 1100px) {

    .text_box_col{
        min-height: 260px;
    }

    .text_box_inner{
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .text_box_wrap h3{
        font-size: 24px;
        margin-bottom: 30px;
    }

    .text_box_wrap p{
        font-size: 12px;
    }
}

@media (max-width: 959.98px) {
    .title_center_div{
        width: 100%;
        margin-bottom: 30px;
    }
    .text_box_col{
        min-height: 260px;
    }

    .text_boxes_grid {
        /*margin-bottom: -30px;*/
        margin-bottom: -25px;
    }

}

@media (max-width: 640px) {

    .text_box_col{
        min-height: 220px;
    }

    .text_box_inner{
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .text_box_wrap h3{
        font-size: 20px;
    }

    .text_box_wrap p{
        font-size: 12px;
    }

    .text_boxes_grid .text_box_col:last-child {
        /*padding-bottom: 0px;*/
    }

    .title_center_div{
        margin-bottom: 25px;
    }
}

/*end_text_boxes_sec*/

.title_right_grid{
    justify-content: end;
    margin-bottom: 40px;
}

.title_white_grid{
    color: var(--color-6);    
}

.title_white_grid .white_heading_2{
    margin-bottom: 0;  
}

.title_side_col{
    display: flex;
}

.title_side_col p{
    padding-top: 5px;
    padding-left: 8%;
}

@media (max-width: 640px) {

    .title_right_grid{
        justify-content: initial;
    }

    .title_side_col{
        display: block;
    }

    .title_side_col p{
        padding-top: 0;
        padding-left: 0;
    }
}

/*sliders*/

.slick-slide {
    outline: 0!important;
}

.slick-dots{
    bottom: 20px;
}

.slick-dots li{
    width: auto;
    height: auto;
}

.slick-dots li button {
    width: auto;
    height: auto;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
}

.slick-dots li button:before{
    color: var(--color-2);
    font-size: 15px;
    opacity: 0.35;
}

.slick-dots li.slick-active button:before{
    color: var(--color-2);
}

.slick-arrow{
    opacity: 0.7;
    outline: 0;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 5;
}

.slick-arrow svg{
    width: 30px;
}

.slick-arrow:hover{
    opacity: 1;
}

.slick-arrow:before {
    display: none;
}

.slick-dotted.slick-slider{
    margin-bottom: 0;
}

.arrow_bottom .slick-arrow{
    top: auto;
    bottom: 0px;  
}

.slider_right_align1 .slick-arrow{
    bottom: -90px;
}

.slider_right_align1 .slick-prev{
    right: 100px;
    left: auto;
}

.slider_right_align1 .slick-next{
    right: 50px;
}

.slider_right_align2 .slick-arrow{
    bottom: -90px;
}

.slider_right_align2 .slick-prev{
    right: 48px;
    left: auto;
}

.slider_right_align2 .slick-next{
    right: 0px;
}

.slider_right_align3 .slick-arrow{
    bottom: 0px;
}

.slider_right_align3 .slick-prev{
    left: 0;
}

.slider_right_align3 .slick-next{
    left: 40px;
    right: auto;
}

@media (max-width: 959.98px) {
    .slick-arrow{
        width: 35px;
        height: 35px;
    }

    .slick-arrow svg{
        width: 25px;
    }

    .slider_right_align1 .slick-prev{
        right: 85px;
    }

    .slider_right_align1 .slick-next{
        right: 45px;
    }

    .slider_right_align2 .slick-prev{
        right: 40px;
    }

    .slider_right_align3 .slick-prev{
        left: auto;
        right: 35px;
    }

    .slider_right_align3 .slick-next{
        left: auto;
        right: 0px;
    }

}

@media (max-width: 640px) {

    .slick-arrow{
        width: 30px;
        height: 30px;
    }

    .slick-arrow svg{
        width: 20px;
    }

    .slider_right_align1 .slick-prev{
        right: 90px;
    }

    .slider_right_align1 .slick-next{
        right: 50px;
    }

    .slider_right_align1 .slick-arrow{
        bottom: -70px;
    }

    .slider_right_align2 .slick-arrow{
        bottom: -70px;
    }

    .slider_right_align2 .slick-prev{
        right: 38px;
    }

    .slider_right_align3 .slick-prev{
        right: 30px;
    }
}

/*border_slider_full_sec*/

.slider_right_align_sec1{
    width:90%;
    margin: 0 auto;
    position: relative;
    right: -3%;
    clip-path: inset( -100vw -100vw -100vw 0);
}

.slider_right_align_sec1 .slick-list{
    overflow: visible;
}

.slider_right_align_sec2{
    width:78%;
    margin: 0 auto;
    position: relative;
    right: 3%;
    clip-path: inset( -100vw -100vw -100vw 0);
}

.slider_right_align_sec2 .slick-list{
    overflow: visible;
}

.slider_right_align_sec3{
    width:80%;
    margin: 0 auto;
    position: relative;
    right: 3%;
    clip-path: inset( -100vw -100vw -100vw 0);
}

.slider_right_align_sec3 .slick-list{
    overflow: visible;
}

.white_border_slider{
    color: var(--color-6);
}
 
.blk10_back_slider .slick-arrow{
    background-color: var(--color-6);
    color: var(--color-5);
}

.blk10_button_back_slider .slick-arrow{
    background-color: var(--color-5);
    color: var(--color-6);
}

.hover_dis_button_slider .slick-arrow{
  visibility: hidden;
}

.hover_dis_button_slider:hover .slick-arrow{
  visibility: visible;
}

/*.blk10_back_slider .slick-arrow:hover{
    background-color: var(--color-1);
    color: var(--color-5);
}*/

.green_back_slider .slick-arrow{
    background-color: var(--color-6);
    color: var(--color-2);
}

.border_slide{
    margin-right:30px;
}

.border_slide_wrap{
    padding: 40px 30px;
    border: 2px solid var(--color-6);
}

.cl_logo{
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    height: 50px;
    width: 120px;
    margin-bottom: 20px;
   /* -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);*/
}

.test_des p{
    font-size: 14px;
}

.client_name{
    font-family: 'FiraSansRegular';
    font-size: 14px;
    padding-bottom: 0;
    padding-top: 10px;
}

.client_place{
    font-size:12px;
    padding: 0;
}

.tech_head{
    font-size: 18px;
    margin: 0;
    /*padding-bottom:15px;*/
}

.white_border_slider .tech_head{
    color: var(--color-6);
}

/*.border_slide_wrap:hover .cl_logo{
    -webkit-filter: brightness(1) invert(0);
    -o-filter: brightness(1) invert(0);
    -ms-filter: brightness(1) invert(0);
    -moz-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
}*/

.text_boxes_ash_grid{
    /*margin-bottom: -30px;*/
    margin-bottom: -40px;
}

.text_boxes_ash_col{
    /*padding-bottom: 30px;*/
    padding-bottom: 40px;
}

.text_boxes_ash_wrap{
    /*background-color: #FAFAFA;*/
    background-color: #f6f6f6;
    padding: 0px 25px;
    height: 100%;
}

.clr_icon{
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    height: 75px;
    max-width: 120px;
    margin-bottom: 15px;
}

.spaces_h{
    height: 40px;
}

.text_boxes_sec_ash_t_pad{
    margin-top: 30px;
}

.work_slide_wrap{
  display: block;
  overflow: hidden;
}

.work_slide_white_text{
  color: var(--color-6);
}

.work_slider1 .work_slide:nth-child(3n - 1) .work_slide_des{
  background-color: #3b3b3b;
}

.work_slider1 .work_slide:nth-child(3n - 2) .work_slide_des{
  background-color: #2D2D2D;
}

.work_slider1 .work_slide:nth-child(3n - 3) .work_slide_des{
  background-color:#222222; 
}

/*.work_slider1 .work_slide:nth-child(odd) .work_slide_des{
  background-color: #2D2D2D;
}

.work_slider1 .work_slide:nth-child(even) .work_slide_des{
  background-color:#222222;
}*/

.work_slider2 .work_slide:nth-child(3n - 1) .work_slide_wrap{
  background-color: #3b3b3b;
}

.work_slider2 .work_slide:nth-child(3n - 2) .work_slide_wrap{
  background-color: #2D2D2D;
}

.work_slider2 .work_slide:nth-child(3n - 3) .work_slide_wrap{
  background-color:#222222; 
}

.work_slide_des{
  /*background-color: var(--color-2);*/
  padding: 40px 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.work_slider2 .work_slide_des{
  background-color: transparent;
}

.work_slide_des .cl_logo{
  margin: 0 auto;
  background-position: center;
}

/*.work_slide_white_text .work_slide_des h4{
  font-family: 'FiraSansRegular';
  font-size: 18px;
  color: var(--color-6);
  margin: 0;
  padding-top: 20px;
  padding-bottom: 5px;
}*/

.work_slide_white_text .work_slide_des p{
  font-size: 16px;
  color: var(--color-6);
  margin: 0;
  padding-top: 15px;
  padding-bottom: 0px;
  white-space: nowrap;
}

.work_slider1 .work_slide_img{
  padding-top: 130%;
  position: relative;
  overflow: hidden;
}

.work_slider2 .work_slide_img{
  padding-top: 120%;
  position: relative;
  margin-top: 8px;
  /*overflow: hidden;*/
}

.work_slider1 .work_slide_img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition-timing-function: ease;
  transition: transform 0.4s ease, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
}

.work_slider2 .work_slide_img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transform: translateY(7px);
  -webkit-transform: translateY(7px);
  -moz-transform: translateY(7px);
  -ms-transform: translateY(7px);
  -o-transform: translateY(7px);
}

.work_slide_des_hidden{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 83%);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.work_slide_white_text .work_slide_des_hidden p{
  color: var(--color-5);
}

.work_slide_des_hidden p{
  font-size: 14px;
  margin: 0;
  padding:0 20px 0px 20px;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.work_slide_wrap .color_3boxes_eq {
    position: absolute;
    bottom: -8px;
    z-index: 3;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.work_slide_wrap:hover .color_3boxes_eq {
    bottom: 0px;
    opacity: 1;
}

.work_slide_wrap:hover .work_slide_des_hidden{
    opacity: 1;
}

.work_slide_wrap:hover .work_slide_des_hidden p{
  margin-top: 0px;
}

.work_slide_wrap:hover .work_slide_des_hidden p{
  margin-top: 0px;
}

.work_slider1 .work_slide_wrap:hover .work_slide_img img{
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
}

.work_slider2 .work_slide_wrap:hover .work_slide_img img{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    filter: drop-shadow(0px -6px 5px rgba(0 0 0 / 20%));
    -webkit-filter: drop-shadow(0px -6px 5px rgba(0 0 0 / 20%));
    -moz-filter: drop-shadow(0px -6px 5px rgba(0 0 0 / 20%));
}

.work_slider1 .work_slide_wrap:hover .work_slide_des{
    background-color: var(--color-2) !important;
}

.work_slider2 .work_slide_wrap:hover{
    background-color: var(--color-2) !important;
}

.text_boxes_ash_center .text_boxes_ash_wrap{
  text-align: center;
}

.text_boxes_ash_center .clr_icon{
  background-position: center;
  margin: 0 auto;
  margin-bottom: 15px;
}

@media (max-width: 959.98px) {

    .text_boxes_ash_grid{
        margin-bottom: -30px;
    }

    .text_boxes_ash_col{
        padding-bottom: 30px;
    }

    .cl_logo{
        height: 40px;
        width: 100px;
    }

    .slider_right_align_sec2{
        width:94%;
    }

    .tech_head{
        font-size: 16px;
    }

    .spaces_h{
        height: 30px;
    }

    .slider_right_align_sec3{
        width:100%;
        right: 0%;
        clip-path: inset( 0vw 0vw 0vw 0);
    }

    .slider_right_align_sec3 .slick-list{
        overflow: hidden;
    }

    .work_slider_col{
      padding-left: 0;
      padding-top: 15px;
    }

    .work_slide_des{
      padding: 30px 20px 20px 20px;
    }

    .work_slide_white_text .work_slide_des p{
      padding-top: 10px;
      font-size: 15px;
    }

    .hover_dis_button_slider .slick-arrow{
      visibility: visible;
    }

}

@media (max-width: 640px) {

    .slider_right_align_sec1{
        right: 0;
    }

    .slider_right_align_sec2{
        /*width: 95%;*/
        right: 3%;
    }

    .border_slide_wrap{
        padding: 30px 20px;
    }
    .border_slide{
        margin-right:20px;
    }

    .title_right_grid{
        margin-bottom: 30px;
    }

    .text_boxes_ash_grid{
        /*margin-bottom: -25px;*/
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .text_boxes_ash_col{
        /*padding-bottom: 25px;*/
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .text_boxes_ash_wrap{
        padding: 0px 20px;
    }

    .text_boxes_sec_ash_t_pad{
        margin-top: 20px;
    }
    
    .tech_head{
      font-size: 14px;
    }

    .clr_icon{
        /*height: 60px;
        max-width: 120px;*/
        height: 50px;
        max-width: 120px;
    }

    .work_slide_des{
      padding: 20px 10px 20px 10px;
    }

    .work_slide_white_text .work_slide_des p{
      font-size: 14px;
    }

    .work_slide_des_hidden p{
      font-size: 14px;
    }

    .work_slider1 .work_slide_img{
      padding-top: 100%;
    }

    .work_slider2 .work_slide_img{
      margin-top: 0px;
      padding-top: 110%;
    }

    .spaces_h{
        height: 25px;
    }
}

/*end_border_slider_full_sec*/

/*blog_sec*/

.blog_default_col{
    margin-bottom: 30px;
}

.blog_default_grid_search .blog_default_col{
    margin-bottom: 0px;
}

.blog_de_img_wrap{
    position: relative;
    padding-top: 70%;
    overflow: hidden;
}

.blog_de_img_wrap img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 4;
    transition-timing-function: ease;
    transition: transform 0.4s ease, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
}

.blog_de_img_wrap a:hover img{
  transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
}

.blog_de_date{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: var(--color-6);
    background-color:var(--color-4);
    text-align: center;
    padding: 6px 10px;
    z-index: 5;
    font-size: 12px;
    line-height: 1;
}

.blog_default_wrap h3{
    font-size:24px;
    line-height: 120%;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blog_default_wrap a:hover h3{
    color: var(--color-2);
}

.blog_default_wrap_search h3{
  padding-top: 0px;
}

.blog_default_wrap p{
    font-size:14px;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    line-height: 1.5;
}

.blog_default_wrap_search p{
  font-size:16px;
}

.search_ar_type{
  margin: 0;
  padding-bottom: 15px;
  font-size: 16px;
  font-family: 'FiraSansLight';
  font-style: italic;
}

.author_name_type{
  margin: 0;
  padding-bottom: 10px;
  font-size: 14px;
  font-family: 'FiraSansLight';
}

.blog_default_grid_search{
  margin-bottom: 60px;
  margin-top: 0 !important;
}

.search_wrapper .blog_default_grid_search:last-child{
  margin-bottom: 0px !important;
}

.add_port_size{
  padding-top: 105%;
  position: relative;
  /*overflow: hidden;*/
}

.add_port_size img {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;*/
    height: 100%;
    object-fit: cover;
}

.blog_fe_a_head{
  color: var(--color-5);
}

.blog_fe_a_head:hover, .blog_fe_a_head:focus{
  color: var(--color-3);
}

/*.blog_fe_a_img{
  display: block;
  overflow: hidden;
  transition-timing-function: ease;
  transition: transform 0.4s ease, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
}

.blog_fe_a_img:hover img, .blog_fe_a_img:focus img{
  transform: scale3d(1.05, 1.05, 1);
  -webkit-transform: scale3d(1.05, 1.05, 1);
  -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg);
}*/

.blog_boxes_col{
  margin-bottom: 45px;
}

.blog_boxes_grid .blog_boxes_col:nth-child(even){
  margin-top: 45px;
}

.blog_box_wrap{
  padding-left: 4%;
  padding-right: 4%;
}

.blog_box_a{
    display: block;
    overflow: hidden;
    position: relative;
}

.blog_box_img{
    position: relative;
    padding-top: 102%;
    overflow: hidden;
}

.blog_box_img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-timing-function: ease;
    transition: transform 0.4s ease, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s;
}

.blog_box_wrap h3{
  margin: 0;
  padding-top: 30px;
  padding-bottom: 5px;
  line-height: 120%;
  color: var(--color-5);
  font-size: 28px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.blog_box_a:hover .blog_box_img img{
  transform: scale3d(1.05, 1.05, 1);
  -webkit-transform: scale3d(1.05, 1.05, 1);
  -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg);
}

.blog_box_a:hover h3{
  color: var(--color-3);
}

.blog_writer .person_des_box h4{
  font-size: 16px !important;
}

.blog_writer .person_des_box p{
  font-size: 13px !important;
}

.blog_writer .person_img_col{
  width: 55px !important;
}

.blog_si_tags{
  font-family: 'FiraSansLight';
  font-size: 18px;
  color: var(--color-5);
  font-style: italic;
}

.blog_si_tags a{
  color: var(--color-5);
}

.blog_si_tags a:hover{
  color: var(--color-2);
}

.blog_si_fe_img_wrap{
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 55%;
  overflow: hidden;
  position: relative;
}

.blog_si_fe_img_wrap img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content_div_si{
  font-family: 'FiraSansLight';
  font-size: 16px;
  color: #000;
  line-height: 2;
}

.content_div_si h2, .content_div_si h3, .content_div_si h4, .content_div_si h5, .content_div_si h6{
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 120%;
}

.content_div_si h1{
  font-size: 38px;
}

.content_div_si h2{
  font-size: 34px;
}

.content_div_si h3{
  font-size: 28px;
}

.content_div_si h4{
  font-size: 24px;
}

.content_div_si h5{
  font-size: 20px;
}

.content_div_si h6{
  font-size: 17px;
}

.content_div_si p{
  font-size: 16px;
  color: #000;
  line-height: 2;
}

.content_div_si ul{
    list-style-type: "-";
    padding-left: 15px;
    margin-top: 0px;
    /*padding-bottom: 0;*/
}

.content_div_si ul li{
    padding-left: 5px;
    line-height: 1.5;
    padding-top: 10px;
}

.content_div_si ul li:first-child{
    padding-top: 0px;
}

.content_div_si ol{
    margin-top: 0px;
    padding-bottom: 0;
}

.content_div_si ol li{
    padding-left: 5px;
    line-height: 1.5;
    padding-top: 10px;
}

.content_div_si ol li:first-child{
    padding-top: 0px;
}

.content_div_si figure{
  margin-top: 35px;
  margin-bottom: 45px;
}

.content_div_si img{
  width: 100%;
  height: auto;
}

.content_div_si figcaption{
  margin-bottom: 0;
  font-size: 0.9em;
  color: #979797;
  text-align: center;
}

.content_div_si table th{
  /*background-color: var(--color-5);*/
  background-color: #6e6e6e;
  color: var(--color-6);
  text-align: left;
  font-family: 'FiraSansMedium';
  font-weight: initial;
}

.content_div_si table th, .content_div_si table td{
  padding: 15px;
}

.content_div_si th, .content_div_si td{
  border: 1px solid #c8c8c8 !important;
}

.content_div_si em {
    color: var(--color-5);
}

@media (max-width: 1199px) {
  .blog_box_wrap h3{
    font-size: 22px;
  }
  .blog_writer .person_des_box h4{
    font-size: 14px !important;
  }

  .blog_writer .person_des_box p{
    font-size: 12px !important;
  }

  .blog_writer .person_img_col{
    width: 50px !important;
  }
  .blog_boxes_col{
    margin-bottom: 30px;
  }
  .blog_boxes_grid .blog_boxes_col:nth-child(even){
    margin-top: 30px;
  }
  .blog_boxes_style1_sec{
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .blog_si_tags{
    font-size: 16px;
  }
  .content_div_si h1{
    font-size: 28px;
  }

  .content_div_si h2{
    font-size: 26px;
  }

  .content_div_si h3{
    font-size: 24px;
  }

  .content_div_si h4{
    font-size: 22px;
  }

  .content_div_si h5{
    font-size: 19px;
  }

  .content_div_si h6{
    font-size: 17px;
  }
}

@media (max-width: 959.98px) {

    .blog_default_wrap h3{
        font-size:22px;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .blog_default_wrap_search h3{
      padding-top: 0px;
    }

    .blog_default_wrap p{
        /*font-size:13px;*/
    }

    .author_name_type{
      padding-bottom: 8px;
      /*font-size: 13px;*/
    }

    .blog_default_wrap_search p{
        font-size:15px;
    }

    .blog_box_wrap{
      padding-left: 0%;
      padding-right: 0%;
    }

    .blog_si_head .margin_bot40{
      margin-bottom: 30px;
    }

    .blog_si_fe_img_wrap{
      margin-top: 30px;
      margin-bottom: 30px;
    }

    .content_div_si figure{
      margin-top: 20px;
      margin-bottom: 30px;
    }

}

@media (max-width: 640px) {
    .blog_default_grid .blog_default_col:last-child{
      margin-bottom: 0px;
    }

    .blog_default_wrap_search h3{
      padding-top: 15px;
    }

    .blog_default_wrap p{
      padding-bottom: 10px;
    }

    .blog_default_wrap_search p{
      /*font-size: 13px;*/
    }

    .blog_default_grid_search{
      margin-bottom: 30px;
    }

    .add_port_size.common_img_div_yel_sh2 img{
      /*width: 92%;*/
      width: 79%;
    }

    .blog_boxes_col{
      margin-bottom: 0px;
      margin-top: 40px !important;
    }

    .blog_boxes_style1_sec{
      padding-top: 0px;
      padding-bottom: 60px;
    }

    .blog_boxes_grid .blog_boxes_col:first-child{
      margin-top: 30px !important;
    }

    .blog_box_wrap h3{
        font-size:18px;
        padding-top: 20px;
    }

    .blog_writer .person_img_col{
      width: 45px !important;
    }
    .blog_si_tags{
      font-size: 13px;
    }

    .blog_si_head .margin_bot40{
      margin-bottom: 25px;
    }

    .content_div_si{
      font-size: 14px;
    }

    .content_div_si h1{
      font-size: 25px;
    }

    .content_div_si h2{
      font-size: 22px;
    }

    .content_div_si h3{
      font-size: 20px;
    }

    .content_div_si h4{
      font-size: 18px;
    }

    .content_div_si h5{
      font-size: 16px;
    }

    .content_div_si h6{
      font-size: 15px;
    }

    /*.content_div_si figcaption{
      text-align: left;
    }*/

}

/*end_blog_sec*/

/*form_sec*/

.subs_des_col h4{
    padding: 0;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
}

.form_sec .wpforms-field-label{
  font-family: 'FiraSansMedium';
  font-weight: normal !important;
  font-size: 20px !important;
  /*margin-bottom:15px !important;*/
  margin-bottom:0px !important;
}

.subscribe_sec .wpforms-field-label{
  margin-bottom:10px !important;
}

.form_sec .wpforms-field{
  /*margin-top: 40px !important;*/
  padding-top: 45px !important;
  padding-bottom: 10px;
}

.form_sec .wpforms_field{
  padding-top: 45px;
  padding-bottom: 10px;
}

.subs_form_col .mc-field-group{
  padding-top: 65px;
}

.subs_form_col form{
  margin: 0 !important;
}

.subs_form_col .mc-field-group{
  width: 100% !important;
  padding-bottom: 0px !important;
  min-height: auto!important;
}

.subs_form_col .mc-field-group label{
  color: var(--color-6) !important;
  font-family: 'FiraSansMedium'!important;
  font-weight: 400 !important;
  font-size: 20px !important;
  margin-bottom: 10px !important;
}

.subs_form_col_b .mc-field-group label{
  color: var(--color-5) !important;
}

.subs_form_col .asterisk{
  color: var(--color-6) !important;
  font-size: 100% !important;
  top: 0 !important;
}

.subs_form_col_b .asterisk{
  color: var(--color-5) !important;
}

.subs_form_col input[type=email]{
  color: var(--color-6) !important;
  border-color: var(--color-6) !important;
  border: 0 !important;
  border-bottom: 2px solid !important;
  background-color: transparent !important;
  padding: 8px 0 !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  font-family: 'RubikRegular';
  height: auto !important;
  line-height: 1 !important;
  outline: 0!important;
  text-indent: 0!important;
}

.subs_form_col_b input[type=email]{
  color: var(--color-5) !important;
  border-color: var(--color-5) !important;
}

.subs_form_col .helper_text, .subs_form_col .mce_inline_error{
  background-color: transparent !important;
  color: #161616 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.subs_form_col .foot, .subs_form_col .response{
  background-color: transparent !important;
  color: #161616 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  top: auto !important;
}

.form_large .wpforms-field:first-child, .form_large form div:nth-child(2){
  padding-top: 0px !important;
}

.form_large div.wpforms-container-full{
  margin-bottom: 0!important;
}

.subscribe_sec .wpforms-field{
  margin-top:20px !important;
}

/*.subscribe_sec .wpforms-field-label{
  margin-top:10% !important;
}*/

.form_sec .wpforms-field-large, .form_sec .wpforms-field-large, .form_sec .wpforms-field input, .form_sec .wpforms-field textarea{
    border: 0 !important;
    border-bottom: 2px solid !important;
    background-color: transparent !important;
    /*padding: 6px 0px !important;*/
    padding: 8px 0px !important;
    border-radius: 0px !important;
    font-size: 18px !important;
    font-family: 'RubikRegular';
    height: auto !important;
    line-height: 1 !important;
    outline: 0;
    box-shadow: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.form_sec .wpforms_field input, .form_sec .wpforms_field textarea{
    border: 0 ;
    border-bottom: 2px solid;
    background-color: transparent;
    padding: 8px 0px;
    border-radius: 0px;
    font-size: 18px;
    font-family: 'RubikRegular';
    height: auto;
    line-height: 1;
    outline: 0;
    box-shadow: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.form_sec .wpforms_field input, .form_sec .wpforms_field textarea{
  width: 100%;
}

.form_sec textarea.wpforms-field-large{
    height: 100px !important;
    resize: none;
}

.form_sec .wpforms_field textarea{
  height: 100px;
  resize: none;
}

.form_sec .wpforms_field_submit input[type=submit]{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form_sec_cm_button button{
  /*margin-top: 20px !important;*/
  font-family: 'FiraSansRegular'!important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-block !important; 
  vertical-align: middle !important;
  -webkit-transform: perspective(1px) translateZ(0)!important;
  -moz-transform: perspective(1px) translateZ(0)!important;
  -ms-transform: perspective(1px) translateZ(0)!important;
  -o-transform: perspective(1px) translateZ(0)!important;
  transform: perspective(1px) translateZ(0)!important;
  box-shadow: 0 0 1px transparent!important;
  position: relative!important;
  font-size: 14px!important;
  padding: 12px 25px!important;
  min-width: 130px;
  text-align: center;
}

.subs_form_col input[type=submit]{
  /*margin-top: 20px !important;*/
  font-family: 'FiraSansRegular'!important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-block !important; 
  vertical-align: middle !important;
  -webkit-transform: perspective(1px) translateZ(0)!important;
  -moz-transform: perspective(1px) translateZ(0)!important;
  -ms-transform: perspective(1px) translateZ(0)!important;
  -o-transform: perspective(1px) translateZ(0)!important;
  transform: perspective(1px) translateZ(0)!important;
  box-shadow: 0 0 1px transparent!important;
  position: relative!important;
  font-size: 14px!important;
  padding: 14px 25px!important;
  min-width: 130px!important;
  text-align: center;
  width: max-content !important;
  height: auto !important;
  margin: 40px 0px 0px 0px !important;
  line-height: 1 !important;
  border: 2px solid var(--color-5)!important;
  color: var(--color-6)!important;
  background-color: var(--color-5)!important;
}

.subs_form_col input[type=submit]:hover, .subs_form_col input[type=submit]:focus, .subs_form_col input[type=submit]:active {
  border: 2px solid var(--color-5)!important;
  color: var(--color-5)!important;
  background-color: transparent !important;
}

.form_sec_cm_button button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.form_sec_cm_button button:hover:before, .form_sec_cm_button button:focus:before, .form_sec_cm_button button:active:before {
  -webkit-animation-name: common_button;
  animation-name: common_button;
}

.form_sec_cm_button button:hover, .form_sec_cm_button button:focus, .form_sec_cm_button button:active {
  color: var(--color-6)!important;
}

.white_bor_blk_button button{
    border: 1px solid var(--color-6)!important;
    color: var(--color-6)!important;
    background-color: var(--color-5)!important;
}

.white_bor_blk_button button:before {
  border: 10px solid var(--color-5);
}

.white_bor_blk_button button:hover, .white_bor_blk_button button:focus, .white_bor_blk_button button:active {
  color: var(--color-6)!important;
}

.white_bor_trans_button button{
    border: 2px solid var(--color-6)!important;
    color: var(--color-6)!important;
    background-color: transparent!important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.white_bor_trans_button button:hover, .white_bor_trans_button button:focus, .white_bor_trans_button button:active {
  color: var(--color-5) !important;
  background-color: var(--color-6) !important;
}

.white_bor_trans_button button:hover:before, .white_bor_trans_button button:focus:before, .white_bor_trans_button button:active:before {
  border: 10px solid var(--color-6);
}

/*.white_bor_blk_button button:hover:before, .white_bor_blk_button button:focus:before, .white_bor_blk_button button:active:before {
  -webkit-animation-name: common_button;
  animation-name: common_button;
}*/

/*.white_bor_trans_button button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}*/

.form_sec .wpforms-uploader{
  margin-top:20px !important;
  background: var(--color-6) !important;
}

.form_sec .wpforms-submit-container{
  padding-top: 40px !important;
}

.form_sec .wpforms_field_submit{
  padding-top: 40px;
}

.subscribe_sec .wpforms-submit-container{
  padding-top: 30px !important;
}

.form_sec_white_text .subs_des_col h4{
    color: var(--color-6);
}

.form_sec_white_text .wpforms-field-label{
    color: var(--color-6);
}

.form_sec_white_text .wpforms-field-label .wpforms-required-label{
    color: var(--color-6) !important;
}

.form_sec_white_text .wpforms-field-large{
    color: var(--color-6) !important;
    border-color:var(--color-6) !important;
}

.form_sec_white_text input, .form_sec_white_text textarea{
  color: var(--color-6);
  border-color:var(--color-6);
}

.form_sec_white_text ::-webkit-input-placeholder {
     color: var(--color-6);
}
 .form_sec_white_text ::-moz-placeholder {
     color: var(--color-6);
}
 .form_sec_white_text :-ms-input-placeholder {
     color: var(--color-6);
}
 .form_sec_white_text :-moz-placeholder {
     color: var(--color-6);
}

.form_sec_blk_text .subs_des_col h4{
    color: var(--color-5);
}

.form_sec_blk_text .wpforms-field-label{
    color: var(--color-5);
}

.form_sec_blk_text .wpforms-field-label .wpforms-required-label{
    color: var(--color-5) !important;
}

.form_sec_blk_text .wpforms-field-large, .form_sec_blk_text input{
    color: var(--color-5) !important;
    border-color:var(--color-5) !important;
}

.form_sec_blk_text ::-webkit-input-placeholder {
     color: var(--color-5);
}
 .form_sec_blk_text ::-moz-placeholder {
     color: var(--color-5);
}
 .form_sec_blk_text :-ms-input-placeholder {
     color: var(--color-5);
}
 .form_sec_blk_text :-moz-placeholder {
     color: var(--color-5);
}

div.wpforms-container-full .wpforms-form label.wpforms-error{
    color: #a10006 !important;
    font-size: 14px !important;
}

.green_solid_background div.wpforms-container-full .wpforms-form label.wpforms-error{
  color: #161616 !important;
}

.purple_solid_background div.wpforms-container-full .wpforms-form label.wpforms-error{
  color: #bbbbbb !important;
}

.wpcf7-not-valid-tip{
  font-size: 14px !important;
  color: #161616 !important;
}

.wpcf7 form .wpcf7-response-output{
  /*width: 100%;*/
  margin: 0;
  margin-top: 20px;
  font-size: 14px;
  padding: 5px 15px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  border-color: #be1f1f;
  background-color: #be1f1f;
  color: var(--color-6);
}

.wpcf7 form.sent .wpcf7-response-output{
  border-color: var(--color-2);
  background-color: var(--color-2);
  color: var(--color-6);
}

@media (max-width: 959.98px) {
    .subs_des_col h4{
        padding-top: 10px;
    }

    .form_sec .wpforms-field{
      padding-top: 20px !important;
    }

    .subs_form_col .mc-field-group{
      padding-top: 20px;
    }

    .subscribe_sec .wpforms-field{
      margin-top:0px !important;
    }
}

@media (max-width: 640px) {
    .subs_des_col h4{
        padding-top:5px;
        font-size: 18px;
    }
    .subs_des_col{
        padding-bottom: 20px;
    }

    .form_sec .wpforms-field-label{
        font-size: 16px !important;
    }

    .subscribe_sec .wpforms-field-label{
      margin-bottom:0px !important;
    }

    .form_sec textarea.wpforms-field-large{
        height: 80px !important;
    }

    .form_sec .wpforms_field textarea{
        height: 80px;
    }

    .form_sec .wpforms-field{
      padding-top: 25px !important;
    }

    .subs_form_col .mc-field-group{
      padding-top: 25px;
    }

    /*.subscribe_sec .wpforms-field-label{
      margin-top:4% !important;
    }*/

    .form_sec .wpforms-field-large{
        font-size: 14px !important;
    }

    .subs_form_col input[type=email]{
      font-size: 14px !important;
    }

    .subs_form_col .mc-field-group label{
      font-size: 16px !important;
    }

    .subs_form_col .mc-field-group label{
      margin-bottom: 0px !important;
    }

    .form_sec_cm_button button{
        padding: 10px 20px !important;
        font-size: 14px !important;
        min-width: 110px !important;
    }

    .subs_form_col input[type=submit]{
        font-size: 14px!important;
        padding: 12px 25px!important;
        min-width: 110px!important;
        margin: 30px 0px 0px 0px !important;
    }

    .form_sec .wpforms-submit-container{
      padding-top: 30px !important;
    }

    .subscribe_sec .wpforms-submit-container{
      padding-top: 15px !important;
    }

    div.wpforms-container-full .wpforms-form label.wpforms-error{
        font-size: 12px !important;
    }

    .wpcf7-not-valid-tip, .wpcf7 form .wpcf7-response-output{
      font-size: 13px;
    }
}

/*end_form_sec*/

/*discuss_sec*/

.discuss_sec{
    text-align: center;
}

.discuss_sec .white_heading_3{
    margin: 0;
}

.discuss_sec .buttons_more{
    margin-top: 40px;
}

@media (max-width: 640px) {
   .discuss_sec .buttons_more{
       margin-top: 20px;
   } 
}

/*end_discuss_sec*/

/*footer*/

footer{
    padding-top: 80px;
    padding-bottom: 80px;
    color: var(--color-6);
}

.foot_logo_col img{
    width: 45px;
    height: auto;
}

.foot_col p{
    font-size: 13px;
}

.foot_col_p_m{
    padding-right: 10%;
}

.foot_col_cont a{
    color: var(--color-6);
}

.foot_col_cont a:hover{
    color: var(--color-3);
}

.foot_col_cont p{
    padding-bottom:8px;
}

.social_div a{
    /*margin-left: 2px;
    margin-right: 2px;*/
    display: inline-block;
}

.social_div a{
  margin-left: 0px;
  margin-right: 3px;
}

.social_div .fb_f{
    margin-right: 5px;
}

.social_div .ins_f{
    margin-right: 8px;
}

.social_div .lin_f{
    margin-right: 8px;
}

.foot_col .social_div a img{  
    width: 20px;
}

.social_div a img{
    height: auto;
    transition-timing-function: ease;
    transition: transform 0.2s ease, opacity 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s;
}

.foot_col .social_div .tw_f img{
    width: 23px;
}

.social_div a:hover{
   transform: scale3d(1.2, 1.2, 1);
   -webkit-transform: scale3d(1.2, 1.2, 1);
   -moz-transform: scale3d(1.2, 1.2, 1) rotate(0.02deg);
}

.social_header{
  padding-top: 25px;
  /*padding-bottom: 25px;*/
  text-align: center;
}

.social_header a img{  
    width: 25px;
}

.social_header .tw_f img{
    width: 27px;
}

.social_header .fb_f{
    margin-right: 3px;
}

.social_header .ins_f{
    margin-right: 8px;
}

.social_header .lin_f{
    margin-right: 6px;
}

.contact_social_col{
  display: flex;
  align-items: center;
}

.contact_page_social a img{  
    width: 30px;
}

.contact_page_social .tw_f img{
    width: 32px;
}

.contact_page_social .fb_f{
    margin-right: 3px;
}

.contact_page_social .ins_f{
    margin-right: 8px;
}

.contact_page_social .lin_f{
    margin-right: 5px;
}

@media (max-width: 959.98px) {
    footer{
       padding-top: 70px;
       padding-bottom: 40px;
    }

    .foot_col{
        padding-bottom: 20px;
    }

    .foot_col_p_m{
        padding-right: 0%;
    }

}

@media (max-width: 640px) {

    footer{
        padding-top: 60px;
        text-align: center;
    }

    .foot_col_cont p{
        padding-bottom:5px;
    }

    .foot_logo_col img{
        width: 50px;
        margin-bottom: 20px;
    }
}

#return_to_top {
  z-index: 900;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: -200px;
  width: 35px;
  height: 35px;
  display: table;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background-color: var(--color-5);
}

#return_to_top span {
  cursor: pointer;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#return_to_top span svg {
  width: 30px;
  color: var(--color-6);
}

#return_to_top:hover {
  opacity: 1;
}

#return_to_top.vissible_top {
    right: 20px;
    opacity: 1;
}

@media (max-width: 640px) {
  #return_to_top {
    bottom: 15px;
  }
  #return_to_top span svg {
    width: 16px;
  }
  #return_to_top.vissible_top {
    right: 15px !important;
  }
}

/*end_footer*/

/*counter*/

.counter_sec_head{
    text-align: center;
    padding-bottom: 20px;
}

.count_des{
    font-family: 'FiraSansMedium';
    font-size: 20px;
    line-height: 120%;
}

@media (max-width: 1280px) {
    .count_des{
        font-size:18px;
    }
}

@media (max-width: 640px) {

    .counter_sec_head{
        padding-bottom: 15px;
    }

    .count_des{
        font-size:16px;
    }

    .counter_col{
        text-align: center;
        margin-bottom: 30px;
    }

    .counter_grid .counter_col:last-child{
        margin-bottom: 0;
    }
}

/*end_counter*/

/*col50_plain_sec col25_plain_sec*/

.txt_white_sec{
    color: var(--color-6);
}

.txt_white_sec h4{
    color: var(--color-6);
}

.txt_black01_sec{
    color: var(--color-5);
}

.txt_black01_sec h4{
    color: var(--color-5);
}

.col50_plain_col h4{
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 120%;
    display: table;
}

.col50_plain_col h4 span{
    display: table-cell;
    padding-right: 5px;
}

.col50_plain_col p{
    padding-left: 22px;
}

.col50_plain_col{
    margin-bottom:40px;
}

.col50_plain_grid{
    padding-top:10px;
    margin-bottom: -40px;
}

.col25_plain_col h3{
    font-size: 36px;
    margin: 0;
    margin-bottom: 25px;
    line-height: 1;
}

.col25_plain_col h4{
    font-size: 22px;
    margin: 0;
    margin-bottom: 15px;
    line-height: 120%;
}

.col25_plain_col{
    margin-bottom:30px;
}

.col25_plain_grid{
    margin-bottom: -30px;
}

.there_box_cl{
  padding-left: 5%;
  padding-right: 5%;
}

.there_box_cl_grid{
  padding-top: 20px;
}

.there_box_cl_col{
  padding-bottom: 40px;
}

.there_box_cl_col_wrap_m{
  height: 100%;
  border: 2px solid var(--color-6);
  position: relative;
}

.there_box_cl_col_wrap{
  padding:20px;
}

.there_box_cl_col h3{
  color: var(--color-6);
  font-size: 25px;
  margin: 0;
  margin-bottom:10px;
  line-height: 1;
}

.there_box_cl_col h4{
    font-size: 20px;
    margin: 0;
    margin-bottom: 10px;
    line-height: 120%;
}

.there_box_cl_col p{
    font-size:14px;
    padding: 0;
}

.there_box_cl_grid .there_box_cl_col .there_box_cl_col_wrap_m .there_box_cl_col_wrap:after{
  content: '';
  width: 20px;
  height: 2px;
  background-color: var(--color-6);
  position: absolute;
  right: -32px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.there_box_cl_grid .there_box_cl_col:nth-child(3n - 3) .there_box_cl_col_wrap_m .there_box_cl_col_wrap:after{
  display: none;
}

@media (max-width: 959.98px) {

    .col50_plain_col{
        margin-bottom:30px;
    }

    .col50_plain_col h4{
        font-size: 20px;
    }

    .col25_plain_col h3{
        font-size: 34px;
    }

    .col25_plain_col h4{
        font-size: 20px;
    }

    .there_box_cl{
      padding-left: 20px;
      padding-right: 20px;
    }

    .there_box_cl_col {
      padding-bottom: 30px;
    }

    .there_box_cl_col h3{
      /*font-size: 22px;*/
    }

    .there_box_cl_col h4{
      font-size: 18px;
    }

    .there_box_sec .common_img_div{
      display: block;
    } 

    .there_box_cl_grid .there_box_cl_col .there_box_cl_col_wrap_m .there_box_cl_col_wrap:after{
      width: 15px;
      right: -24px;
    }
}

@media (max-width: 640px) {

    .col50_plain_col{
        margin-bottom:20px;
    }

    .col50_plain_col h4{
        font-size: 18px;
    }

    .col50_plain_col h4 span{
        padding-right: 8px;
    }

    .col25_plain_col{
        margin-bottom:20px;
    }

    .col25_plain_col h3{
        font-size: 34px;
        margin-bottom: 20px;
    }

    .there_box_cl_col {
      padding-bottom: 30px;
    }

    .there_box_cl_grid .there_box_cl_col:last-child{
      padding-bottom: 10px;
    }

    .there_box_cl{
      padding-left: 20px;
      padding-right: 20px;
    }

    .there_box_cl_grid .there_box_cl_col .there_box_cl_col_wrap_m .there_box_cl_col_wrap:after{
      display: none;
    }

}

/*end_col50_plain_sec col25_plain_sec*/

/*clients_logo_sec*/

.clients_logo_sec{
    padding-top: 50px;
}

.clients_logo_grid{
    text-align: center;
    padding-top: 40px;
    margin-bottom: -40px;
}

.clients_logo_col{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.clients_logo_col img{
    /*max-width: 150px;*/
}

@media (max-width: 959.98px) {

    .clients_logo_sec{
        padding-top: 30px;
    }

    .clients_logo_grid{
        padding-top: 0px;
        margin-bottom: -30px;
    }

    .clients_logo_col{
        margin-bottom: 30px;
    }

    .clients_logo_col img{
        /*max-width: 100px;*/
    }
}

@media (max-width: 640px) {

    .clients_logo_sec{
        padding-top: 20px;
    }

    .clients_logo_col img{
        /*max-width:120px;*/
    }
}

/*end_clients_logo_sec*/

/*tech_toggle_grid*/

.tech_toggle_grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.tech_toggle_col{
    width: calc(100% * 1 / 3.001);
    box-sizing: border-box;
    max-width: 100%;
    padding-right: 10px;
    margin-bottom: 20px;
}

.tech_toggle_col span{
    font-family: 'FiraSansMedium';
    cursor: pointer;
    font-size: 17px;
    padding: 1px 6px 2px 6px;
    border: 1px solid;
    border-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tech_toggle_col span:hover{
    border-color: var(--color-6);
    background-color: var(--color-6);
    color: var(--color-2);
}

.tech_toggle_col span.active_tech_sl{
    border-color: var(--color-6);
}

.tech_slider .slick-list .slick-track{
    margin-left: 0;
}

@media (max-width: 959.98px) {

    .side_by_side_left .tech_slider_toggle_col{
        padding-bottom: 15px;
    }

    .tech_toggle_col span{
        font-size: 15px;
    }
}

@media (max-width: 640px) {
    .tech_slider .test_des p{
        font-size: 13px;
    }
}

/*end_tech_toggle_grid*/

/*our_work*/

.our_work_toggle_wrap{
    width: 85%;
    padding-top: 20px;
}

.our_work_toggle_grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.our_work_toggle_col{
    width: 25%;
    box-sizing: border-box;
    max-width: 100%;
    padding-right: 10px;
    margin-bottom: 20px;
}

.our_work_toggle_col span{
    font-family: 'FiraSansMedium';
    cursor: pointer;
    font-size: 19px;
    padding: 2px 8px 2px 8px;
    border: 1px solid;
    border-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.our_work_toggle_col span:hover{
    border-color: var(--color-5);
    background-color: var(--color-5);
    color: var(--color-6);
}

.our_work_toggle_col span.active_our_work{
    border-color: var(--color-5);
}

.work_box_col{
    margin-bottom: 50px;
}

.work_boxes_grid .work_box_col:nth-child(odd){
    margin-top: 50px;
}

.work_box_wrap{
   display: block;
   overflow: hidden;
   position: relative; 
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.work_box_img{
    padding-top: 75%;
    position: relative;
    overflow: hidden;
    z-index: 3;
}

.work_box_img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work_box_info{
    padding: 22px 30px;
    background-color: var(--color-2);
    width: 81%;
    float: right;
    z-index: 4;
    position: relative;
    margin-top: -8%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.work_boxes_grid .work_box_col:nth-child(even) .work_box_info{
    background-color: var(--color-3);
}

.work_box_info h3{
    margin: 0;
    padding-bottom: 15px;
    line-height: 120%;
    color: var(--color-6);
    font-size: 28px;
}

.work_box_info h4{
    margin: 0;
    padding: 0;
    line-height: 1.5;
    color: var(--color-6);
    font-size: 18px;
}

.work_box_wrap:hover{
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    filter: drop-shadow(0px -6px 5px rgba(0 0 0 / 20%));
    -webkit-filter: drop-shadow(0px -6px 5px rgba(0 0 0 / 20%));
    -moz-filter: drop-shadow(0px -6px 5px rgba(0 0 0 / 20%));
}

.work_box_wrap:hover .work_box_info{
    background-color:var(--color-1) !important;
}

@media (max-width: 1199px) {
    .our_work_toggle_wrap{
        width: 100%;
    }

    .work_box_col{
        margin-bottom: 30px;
    }

    .work_boxes_grid .work_box_col:nth-child(odd){
        margin-top: 30px;
    }

    .work_box_info{
        padding:15px 20px;
    }

    .work_box_info h3{
        font-size: 22px;
        padding-bottom: 10px;
    }

    .work_box_info h4{
        font-size: 15px;
    }
}

@media (max-width: 959.98px) {
    .our_work_toggle_col{
        width: 33.33333%;
        margin-bottom: 15px;
    }

    .our_work_toggle_col span{
        font-size: 17px;
    }
}

@media (max-width: 640px) {

    .our_work_toggle_col{
        width: 50%;
    }

    .our_work_toggle_col span{
        font-size: 16px;
    }

    .work_boxes_grid{
        margin-top: -20px;
    }

    .work_boxes_grid .work_box_col:nth-child(odd){
        margin-top: 0px;
    }

    .work_box_col{
        margin-bottom: 0px;
        margin-top: 30px !important;
    }

    .work_box_info{
        padding:15px 15px;
        margin-top: -10%;
    }

    .work_box_info h3{
        font-size: 18px;
    }

    .work_box_info h4{
        font-size: 13px;
    }
}

/*end_our_work*/

/*our_work_single*/

.work_summery_box_col{
    display: flex;
    justify-content: center;
    padding-top: 10px
}

.work_summery_box{
    padding-bottom: 25px;
}

.work_summery_box_wrap .work_summery_box:last-child{
    padding-bottom: 0px;
}

.work_summery_box h5{
    margin:0;
    padding-bottom: 8px;
    line-height: 120%;
    font-size: 18px;
}

.work_summery_box p{
    margin:0;
    padding: 0px;
    font-size: 14px;
}

.pr_view{
  color:var(--color-5);
  margin-right: 6px;
  display: inline-block;
}

.pr_view svg{
  width: 18px;
}

.pr_view img{
  width: 20px;
  height: auto;
}

.pr_view:hover{
  color:var(--color-2);
}

.pr_view img{
  width: 20px;
  height: auto;
  transition-timing-function: ease;
  transition: transform 0.2s ease, opacity 0.2s;
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s;
}

.pr_view:hover img{
  transform: scale3d(1.2, 1.2, 1);
  -webkit-transform: scale3d(1.2, 1.2, 1);
  -moz-transform: scale3d(1.2, 1.2, 1) rotate(0.02deg);
}

.socail_sh_div{
  margin-top: 50px;
}

.socail_sh_div2{
  margin-top: 30px;
}

div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{
  margin-left: 0 !important;
  margin-right: 6px!important;
}


.socail_sh_div a .heateor_sss_svg, .socail_sh_div2 a .heateor_sss_svg{
  transition-timing-function: ease;
  transition: transform 0.2s ease, opacity 0.2s;
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s;
}

.socail_sh_div a:hover .heateor_sss_svg, .socail_sh_div2 a:hover .heateor_sss_svg{
  transform: scale3d(1.08, 1.08, 1);
  -webkit-transform: scale3d(1.08, 1.08, 1);
  -moz-transform: scale3d(1.08, 1.08, 1) rotate(0.02deg);
}

.double_img_grid{
    margin: 0;
}

.double_img_col{
    padding-left: 0;
}

.double_img_grid_sec_full .grid_box_col{
    box-sizing: border-box;
    max-width: 100%;
    width: 36%;
}

.double_img_grid_sec_full .grid_land_col{
    box-sizing: border-box;
    max-width: 100%;
    width: 64%;
}

.double_img_grid_land1 .grid_land_img{
    padding-top: 67.5%;
    overflow: hidden;
    position: relative;
}

.double_img_grid_land1 .grid_box_img{
    padding: 50%;
    overflow: hidden;
    position: relative;
}

.double_img_grid_land2 .grid_land_img{
    padding-top: 55.5%;
    overflow: hidden;
    position: relative;
}

.double_img_grid_land2 .grid_box_img{
    padding: 50%;
    overflow: hidden;
    position: relative;
}

.double_img_grid_land1 .grid_land_col{
    padding-right: 0.7%;
}

.double_img_grid_land2 .grid_box_col{
    padding-right: 0.5%;
}

.grid_land_img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid_box_img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.double_img_grid_sec .single_land_img {
    padding-top: 50%;
    overflow: hidden;
    position: relative;
}

.double_img_grid_sec_full .single_land_img {
    /*padding-top: 35%;*/
    padding-top: 40%;
    overflow: hidden;
    position: relative;
}

.single_land_img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.full_width_text_break_work .blk_heading01_1{
    margin: 0;
}

/*.side_by_side_img_cover_box{
    position: relative;
    overflow: hidden;
    padding-top: 75%;
}

.side_by_side_img_cover_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}*/

.side_by_side_img_cover_box{
    position: relative;
    overflow: hidden;
    height: 100%;
    /*padding-top: 75%;*/
}

.side_by_side_img_cover_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*position: absolute;
    left: 0;
    top: 0;*/
}

.counter_port .counter_col{
    margin-bottom: 40px;
}

.counter_port .counter_col:last-child{
     margin-bottom:0px;
}

.counter_port .count_number{
    margin-bottom:8px;
}

.counter_port .count_des{
    font-size: 32px;
}

.solution_col{
    padding-right: 4%;
}

.testi_video_banner{
    position: relative;
    padding-top: 65%;
    /*overflow: hidden;*/
}

img.testi_video_banner_img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.person_grid{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.person_img_col{
    width: 65px;
    box-sizing: border-box;
    max-width: 100%;
}

.person_img{
    padding: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid var(--color-3);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.person_img img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.person_des_box{
    width: auto;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 10px;
}

.person_des_box h4{
  margin: 0;
  padding:0px;
  line-height: 120%;
  font-size: 17px;
  font-family: 'RubikMedium';
}

.person_des_box p{
    margin: 0;
    padding: 0px;
    font-size: 14px;
    color: var(--color-5);
}

.testi_person_col .cl_logo{
  margin-bottom: 0;
  margin-top: 15px;
}

.side_img_middle_sec .side_by_side_grid{
  align-items: center;
  margin: 0;
}

.side_img_middle_sec .side_by_side_des{
  padding: 0;
}

.side_img_middle_sec .side_by_side_img{
  padding: 0;
}

.side_img_middle_sec .side_img_middle_sec_des_inner{
  padding:75px 10% 75px 19%;
}

.side_img_middle_col_port{
  width: 75%;
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}

.side_img_middle_col_port img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.work_slider1 .slick-list .slick-track{
    margin-left: 0;
}

@media (max-width: 1280px) {
    .client_horizontal_text .line_heading_large1{
        font-size:10em;
    }

    .side_img_middle_sec .side_img_middle_sec_des_inner{
      padding:70px 8% 70px 16%;
    }

    .side_img_middle_col_port{
      width: 80%;
      padding-top: 100%;
    }
}

@media (max-width: 1199px) {
    .side_img_middle_col_port{
      width: 100%;
      padding-top: 135%;
    }
}

@media (max-width: 959.98px) {
    .work_objectives_sec.pad_top_bot_70{
        padding-top: 40px;
    }

    .work_objectives_sec .side_by_side_img{
        padding-bottom: 60px;
    }

    /*.solid_back_sec{
        padding-bottom: 60px;
    }*/

    .client_horizontal_text .line_heading_large1{
        font-size:6em;
    }

    .counter_port_col {
        padding-top: 25px;
    }

    .counter_port .counter_col{
        margin-bottom: 30px;
    }

    .counter_port .count_des{
        font-size: 26px;
    }

    .solution_col{
        padding-right: 0%;
    }

    .testi_video_col{
        padding-bottom: 15px;
    }

    .side_by_side_img_cover_box{
        padding-top: 70%;
        height: auto;
    }

    .side_by_side_img_cover_box img{
        position: absolute;
        left: 0;
        top: 0;
    }

    .side_img_middle_sec .side_img_middle_sec_des_inner{
      padding:70px 20px 25px 20px;
    }

    .side_img_middle_col_port{
      padding-top: 100%;
    }
}

@media (max-width: 640px) {

    .work_summery_box_col{
        display: block;
        padding-top: 30px;
    }

    .work_summery_box_wrap{
        display: flex;
    }

    .work_summery_box{
        box-sizing: border-box;
        padding-right: 8px;
        padding-bottom: 0px;
        width: 33.333333%;
    }

    .work_summery_box h5{
        font-size: 15px;
        padding-bottom: 4px;
    }

    .work_summery_box p{
        font-size: 13px;
    }

    .work_objectives_sec.pad_top_bot_70{
        padding-top: 35px;
    }

    .client_horizontal_text .line_heading_large1{
        font-size:4em;
    }

    .client_horizontal_text.page_top_up_right{
        top: 4%;
    }

    .counter_port .counter_col{
        margin-bottom: 20px;
        text-align: left;
    }

    .counter_port .count_des{
        font-size: 1.2rem;
    }

    .person_grid{
      margin-top: 10px;
    }

    .person_img_col{
        width: 60px;
    }

    .person_des_box h4{
      font-size: 16px;
    }

    .person_des_box p{
        font-size: 13px;
    }

    .side_img_middle_sec .side_img_middle_sec_des_inner{
      padding:60px 20px 25px 20px;
    }

    .side_img_middle_col_port{
      padding-top: 115%;
    }

    .socail_sh_div{
      margin-top: 40px;
    }

    .socail_sh_div2{
      margin-top: 20px;
    }
}

/*end_our_work_single*/

/*get_started*/

.double_title_sec_col1{
  padding-right: 5%;
}

.double_title_sec_col2{
  padding-right: 10%;
}

.double_title_sec_col h4{
  margin-bottom: 10px;
}

.custom_container90_no_mx{
  width: 90%;
  margin: 0 auto;
}

.custom_container90_no_mx::after{
  clear: both;
}

.custom_container90_no_mx::after, .custom_container90_no_mx::before{
  content: "";
  display: table;
}

.tab_wrap .uk-tab{
  justify-content: center;
  margin: 0;
}

.tab_wrap .uk-tab li{
  padding-left:20px;
  padding-right: 20px;
  text-align: center;
}

.three_tab li{
  width: 30%;
  box-sizing: border-box;
  max-width: 100%;
}

.tab_wrap .uk-tab::before{
  display: none;
}

.tab_wrap .uk-tab li a{
  font-size: 45px;
  font-family: 'FiraSansMedium';
  text-transform: initial;
  color: var(--color-5);
  opacity: 0.3;
  padding: 0;
  border: 0px;
  display: inline-block;
  line-height: 120%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tab_wrap .uk-tab li a:hover{
  opacity: 0.6;
}

.tab_wrap .uk-tab li.uk-active a{
  opacity: 1;
}

.forms_tab{
  margin-top: 50px;
}

.box_form{
  padding:9% 10%;
}

.form_tab_img_col{
  position: relative;
  padding-left: 0;
}

.form_tab_img_wrap_main{
  /*position: absolute;
  bottom: -7%;
  left: -30px;
  width: 100%;*/
  /*margin-top: 12%;*/
  margin-top: 20%; 
  margin-left: -30px;
}

.form_tab_img_wrap{
  padding-top:148%;
  position: relative;
  overflow: hidden;
}

.form_tab_img_wrap img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact_des_grid{
  margin-bottom: -10px;
}

.contact_des_col h3{
  font-size: 32px;
  line-height: 1.1;
  margin: 0;
  padding-bottom: 20px;
}

.contact_box{
  padding-bottom: 18px;
}

.contact_des_col .contact_box:last-child{
  padding-bottom: 0;
}

.contact_box p{
  line-height: 1.1;
  margin: 0;
  padding-bottom: 10px;
}

.contact_box .contact_box_title{
  padding-bottom:14px;
  font-family: 'RubikMedium';
}

.contact_box a{
  color: var(--color-5);
}

.contact_box a:hover, .contact_box a:focus{
  color: var(--color-2);
}

.contact_map_wrap{
  padding-top: 30%;
  position: relative;
}

.contact_map_wrap iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

@media (max-width: 959.98px) {
  .box_form{
    min-height: 400px;
  }

}

@media (max-width: 1367px) {
  .double_title_sec_col1{
    padding-right: 4%;
  }
  .double_title_sec_col2{
    padding-right: 7%;
  }
}

@media (max-width: 1280px) {
  .box_form{
    padding:8%;
  }
  .three_tab li{
    width: 33.33333%;
  }
  .tab_wrap .uk-tab li{
    padding-left:15px;
    padding-right: 15px;
  }
  .tab_wrap .uk-tab li a{
    font-size: 40px;
  }
}

@media (max-width: 959.98px) {

  .forms_tab{
    margin-top: 40px;
  }

  .double_title_sec_col1{
    padding-right: 0%;
    padding-bottom: 30px;
  }

  .double_title_sec_col2{
    padding-right: 0%;
  }

  .box_form{
    padding:60px 7%;
  }

  .tab_wrap .uk-tab li a{
    font-size: 30px;
  }

  .form_tab_img_wrap_main{
    /*bottom: 15%;
    left: -15px;*/
    margin-top: 20%;
    margin-left: -15px;
  }

  .contact_des_grid{
    margin-bottom: -40px;
  }

  .contact_des_col{
    padding-bottom: 30px;
  }

  .contact_des_col h3{
    font-size: 28px;
  }

}

@media (max-width: 640px) {

  .forms_tab{
    margin-top: 25px;
  }

  .full_form_section_pad{
    padding-top: 30px;
  }

  .box_form{
    padding:50px 20px;
  }

  .form_tab_img_col{
    padding-left: 30px;
    padding-top: 40px;
  }

  .tab_wrap .uk-tab li{
    padding-left:6px;
    padding-right:6px;
  }

  .tab_wrap .uk-tab li a{
    font-size: 16px;
  }

  .form_tab_img_wrap_main{
    /*position: relative;
    bottom: 0%;
    left: 0px;*/
    margin-top: 0%;
    margin-left: 0px;
  }

  .form_tab_img_wrap{
    padding-top:120%;
  }

  .contact_des_grid{
    margin-bottom: 0px;
  }

  .contact_des_col{
    padding-bottom:25px;
  }

  .contact_des_grid .contact_des_col:last-child{
    padding-bottom: 0;
  }

  .contact_des_col h3{
    font-size: 22px;
    padding-bottom: 15px;
  }

  .contact_box{
    padding-bottom: 15px;
  }

  .contact_box .contact_box_title{
    padding-bottom: 12px;
  }

  .contact_map_wrap{
    padding-top: 50%;
  }

}

@media (max-width: 340px) {

  .tab_wrap .uk-tab li a{
    font-size: 14px;
  }

}

/*end_get_started*/

/*search*/

.search_form_wrap label{
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

.search_form_wrap input[type=search]{
  outline: 0 !important;
  border: 0;
  border-bottom: 2px solid var(--color-5);
  background-color: transparent;
  padding: 8px 0px;
  border-radius: 0px;
  font-size: 18px;
  font-family: 'RubikRegular';
  height: auto;
  line-height: 1;
  color: var(--color-5);
  width: 40%;
}

.search_form_wrap input[type=submit] {
  font-family: 'FiraSansRegular';
  border-radius: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  box-shadow: none;
  position: relative;
  font-size: 14px;
  padding: 10px 25px;
  min-width: 130px;
  text-align: center;
  color: var(--color-5);
  border: 2px solid var(--color-5);
  background-color: var(--color-6);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.search_form_wrap input[type=submit]:hover, .search_form_wrap input[type=submit]:focus, .search_form_wrap input[type=submit]:active {
  box-shadow: none;
  color: var(--color-6);
  background-color: var(--color-2);
  border-color: var(--color-2);
}

.search_wrapper .navigation.posts-navigation{
  display: none;
}

.pagination_wrap .navigation.pagination{
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 20px;
  text-align: center;
}

.pagination_wrap .page-numbers.current{
  color: var(--color-5);
}

.pagination_wrap .page-numbers {
    color: var(--color-2);
    margin-left: 3px;
    margin-right: 3px;
    font-family: 'FiraSansMedium';
}

@media (max-width: 959.98px) {
    .search_form_wrap input[type=search]{
      width: 60%;
    }
}

@media (max-width: 640px) {
    .search_form_wrap input[type=search]{
      width: 100%;
    }

    .search_form_wrap input[type=submit] {
      padding: 8px 25px;
      min-width: 110px;
    }

    .pagination_wrap {
      font-size: 13px;
    }
}

/*end_search*/

/*accordion_section*/

.accordion_ul{
  margin-top: 60px;
  margin-bottom: 0;
}

.accordion_ul .uk-accordion-title{
    font-family: 'FiraSansMedium';
    font-size: 20px;
    line-height: 1.2;
    color: var(--color-5);
    border: 1px solid #EEEEEE;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}

.accordion_ul .uk-accordion-title::before{
    width: 16px;
    height: 16px;
    background-size: contain;
    position: absolute;
    right: 20px;
}

.accordion_ul .uk-accordion-title:hover{
    background-color: #EEEEEE;
}

.accordion_ul li.uk-open .uk-accordion-title{
  background-color: #EEEEEE;
}

.accordion_ul.uk-accordion>:nth-child(n+2){
    margin-top: 4px;
}

.accordion_ul .uk-accordion-content{
    border: 1px solid #EEEEEE;
    padding: 20px 25px;
    padding-bottom: 10px;
    margin-top: 4px;
    color: #707070;
    font-size: 15px;
}

.accordion_ul .uk-accordion-content .content_div ul{
    margin-top: 0;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .accordion_ul{
      margin-top: 40px;
    }

    .accordion_ul .uk-accordion-title{
        font-size: 18px;
        padding: 15px 20px;
    }

    .accordion_ul .uk-accordion-title::before{
        width: 14px;
        height: 14px;
    }

    .accordion_ul .uk-accordion-content{
        padding: 15px 20px;
        font-size: 14px;
    }
}

@media (max-width: 640px) {
  .accordion_ul{
    margin-top: 30px;
  }

  .accordion_ul .uk-accordion-title{
      font-size: 17px;
      padding: 10px 10px;
      padding-right: 30px;
  }

  .accordion_ul .uk-accordion-title::before{
      width: 12px;
      height: 12px;
      right: 14px;
  }

  .accordion_ul .uk-accordion-content{
      padding: 10px 10px;
  }
}
/*end_accordion_section*/

.side_pop_main{
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: relative;
}

.en-menu-head {
  font-size: 2.2rem;
  font-weight: bold;
}

.en-menu-sub {
  font-size: 1.2rem;
}

.en-menu-item {
  color: white;
  z-index: 2;
  position: relative;
}

.en-menu-sec-item a:hover{
  color: var(--color-2) !important;
}

.en-menu-sec-item.active a{
  color: var(--color-2) !important;
}

.menu-vert {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  position: fixed;
  right: 0;
  top: 4rem;
}
.menu-vert-item {
  position: fixed;
  opacity: 0;
  font-family: 'FiraSansMedium';
  font-size: 8.5rem;
  color: black;
  z-index: 1;
  text-shadow: -1px -1px 0px var(--color-6),0px -1px 0px var(--color-6),1px -1px 0px var(--color-6),-1px 0px 0px var(--color-6),1px 0px 0px var(--color-6),-1px 1px 0px var(--color-6),0px 1px 0px var(--color-6),1px 1px 0px var(--color-6);
}
.menu-secondary {
  float: right;
  color: white;
}

.menu-containers {
  background-color: black;
  display: none;
  overflow: hidden;
}

.main-container {
  z-index: 10000;
  -webkit-font-smoothing: antialiased;
}

#menu {
  /* position: fixed; */
  z-index: 1;
}
.menu-logo {
  height: 50px;
}

@media (max-width: 1199px) {
  .en-menu-head {
    font-size: 1.6rem;
  }

  .en-menu-sub {
    font-size: 1rem;
  }
}

@media (max-width: 959.98px) {
  .en-menu-head {
    font-size: 1.4rem;
  }

  .en-menu-sub {
    font-size: 0.9rem;
  }
}