/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.12, * Autoprefixer: v10.4.4 * Browsers: last 4 version */ html, body {
    font-family: 'Poppins', sans-serif; 
}
body p {
    color: #677294; line-height: 30px; font-weight: 300; font-size: 14px; 
}

.fs-11 {
  font-size: 12px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

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

.fs-32 {
  font-size: 32px;
}
.fs-36 {
  font-size: 36px;
}

.fs-38 {
  font-size: 38px;
}

.fs-48 {
  font-size: 48px;
}

.fs-56 {
  font-size: 56px;
}

.fs-75 {
  font-size: 75px;
}

@media only screen and (max-width: 991px) {
  .fs-11 {
    font-size: clamp(11px, 1.00vw, 11px);
  }

  .fs-12 {
    font-size: clamp(12px, 1.01vw, 12px);
  }

  .fs-13 {
    font-size: clamp(12px, 1.02vw, 13px);
  }

  .fs-14 {
    font-size: clamp(12px, 1.03vw, 14px);
  }

  .fs-15 {
    font-size: clamp(12px, 1.04vw, 15px);
  }

  .fs-16 {
    font-size: clamp(13px, 1.05vw, 16px);
  }

  .fs-17 {
    font-size: clamp(13px, 1.06vw, 17px);
  }

  .fs-18 {
    font-size: clamp(14px, 1.08vw, 18px);
  }

  .fs-19 {
    font-size: clamp(14px, 1.1vw, 19px);
  }

  .fs-20 {
    font-size: clamp(15px, 1.2vw, 20px);
  }

  .fs-21 {
    font-size: clamp(15px, 1.3vw, 21px);
  }

  .fs-22 {
    font-size: clamp(16px, 1.4vw, 22px);
  }

  .fs-23 {
    font-size: clamp(17px, 1.5vw, 23px);
  }

  .fs-24 {
    font-size: clamp(17px, 1.6vw, 24px);
  }

  .fs-25 {
    font-size: clamp(17px, 1.7vw, 25px);
  }

  .fs-26 {
    font-size: clamp(18px, 1.8vw, 26px);
  }

  .fs-27 {
    font-size: clamp(18px, 1.9vw, 27px);
  }

  .fs-28 {
    font-size: clamp(19px, 2vw, 28px);
  }

  .fs-29 {
    font-size: clamp(19px, 2.1vw, 29px);
  }

  .fs-30 {
    font-size: clamp(20px, 2.2vw, 30px);
  }

  .fs-32 {
    font-size: clamp(20px, 2.2vw, 32px);
  }

  .fs-36 {
    font-size: clamp(20px, 2.2vw, 36px);
  }

  .fs-38 {
    font-size: clamp(20px, 2.2vw, 38px);
  }

  .fs-48 {
    font-size: clamp(20px, 2.2vw, 48px);
  }

  .fs-56 {
    font-size: clamp(22px, 2.2vw, 56px);
  }

  .fs-75 {
    font-size: clamp(37px, 4.2vw, 75px);
  }
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 2000;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}
.text-black{
    color: #000000;
}
.text-red{
    color: #FF0000;
}
li.list-view:first-letter {
  color: #000000;
  font-weight: bold;
}
a,a:hover {
    text-decoration: none; 
}
.h1 {
    font-weight: 600; line-height: 56px; 
}
/*main {
    max-width: 1760px; width: 100%; margin: auto; 
    }
*/ /*******header**********************/ /*.dropdown:hover .dropdown-menu {
    display: block; margin-top: 0; 
    }
*/
.navbar-brand img {
    max-width: 150px; 
}
.nav-item a {
    color: #333333; 
}
.nav-item a.active,.nav-item a:hover{
    color: #006699; 
}
.nav-item .dropdown-menu a.dropdown-item {
    font-size: 14px;
}
.searchbar {
    position: relative; 
}
.searchbar button {
    background-color: unset; border: unset; color: #006699; 
}
.searchbar button:hover {
    color: #006699; background-color: unset; 
}
.dropdown-menu {
    -webkit-box-shadow: 0px 8px 30px rgb(0 0 0 / 4%); box-shadow: 0px 8px 30px rgb(0 0 0 / 4%); border: none; border-bottom: 2px solid #006699; 
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 8px 20px; 
}
header {
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.02); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.02); 
}
/**************END*************/ 
.home-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 75vh;
    align-items: center;
    display: flex;
}
.content-part {
    position: relative;
    z-index: 2;
}
.home-banner:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
}
.bg_light {
    background-color: #F4FBFF; 
}
.content-part h1 {
    font-size: 32px; 
}
.main_btn {
    background-color: #006699; color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; 
}
.main_btn:hover {
    color: white; background-color: #015077; 
}
.pd_tb {
    padding: 80px 0px; 
}
.banner-right img {
    max-width: 450px; 
}
.banner-right {
    z-index: 100; padding: 5px; position: relative; right: 0; top: 0; bottom: 0; left: 0; margin: auto; height: 100%; 
}
.banner-circle {
    border-radius: 50%; background-color: #D2EBF5; width: 250px; height: 250px; position: absolute; opacity: 0; -webkit-animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32); animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32); left: 0; right: 0; top: 0; margin: auto; 
}
/*****animation******/ 
@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: scale(.5, .5); transform: scale(.5, .5); opacity: .5; 
    }
    to {
        -webkit-transform: scale(2.5, 2.5); transform: scale(2.5, 2.5); opacity: 0; 
    }
}
@keyframes scaleIn {
    from {
        -webkit-transform: scale(.5, .5); transform: scale(.5, .5); opacity: .5; 
    }
    to {
        -webkit-transform: scale(2.5, 2.5); transform: scale(2.5, 2.5); opacity: 0; 
    }
}
.banner_around {
    position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; 
}
.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
    -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; 
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    -webkit-box-shadow: none !important; box-shadow: none !important; 
}
footer {
    background-color: #00293E; 
}
.logo_footer, .logo_footer a {
    color: #fff;
    font-size: 25px;
}
.logo_footer a span {
    font-size: 16px;
    letter-spacing: 5px;
}
.ft_bottom p, .ft_bottom span {
    font-size: 14px;
    line-height: 30px;
}
.ft_top p {
    font-weight: normal; margin-bottom: 5px; 
}
.ft_top img {
    max-width: 200px; 
}
.ft_title {
    padding-left: 10px; border-left: 3px solid white; 
}
.ft_bottom {
    border-top: 1px solid rgba(255,255,255,0.2); 
}
.your_social {
    position: fixed; right: 0; top: 180px; z-index: 999999; 
}
.your_social ul {
    padding: 10px 15px ; background-color: white; border-radius: 25px 0px 0px 25px; display: inline-block; -webkit-box-shadow: -6px 0px 20px rgba(0, 0, 0, 0.08); box-shadow: -6px 0px 20px rgba(0, 0, 0, 0.08); 
}
.your_social ul li {
    list-style-type: none; padding: 10px 0px; 
}
.your_social ul li a {
    color: #006699; 
}
.aboutus,.whywe {
    position: relative; overflow: hidden; 
}
.aboutbgimg {
    right: -170px; top: -350px; width: 300px; -o-object-fit: cover; object-fit: cover; height: 500px; position: absolute; 
}
.about-left,.why-left {
    position: relative; 
}
img.leftmainimg,.why-left img,.allsrs4left_img {
    width: 80%; border-radius: 10px; -o-object-fit: cover; object-fit: cover; height: 450px; 
}
img.leftbg {
    position: absolute; width: 300px; top: 100px; right: 10px; height: 500px; -o-object-fit: cover; object-fit: cover; z-index: -1; 
}
.pre-title {
    font-weight: bold; color: #006699; text-transform: uppercase; 
}
.left_border {
    padding-left: 10px; border-left: 3px solid #006699; 
}
.career-right ul,.training-right ul {
    -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; 
}
.about-right ul li,.career-right ul li,.training-right ul li {
    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style-type: none; padding: 10px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
}
.about-right ul li i,.career-right ul li i,.training-right ul li i {
    margin-right: 10px; color: #006699; 
}
.pd_15 {
    padding: 15px; 
}
.sol_title i,.ser_box i {
    font-size: 24px; 
}
.sol_box:hover,.ser_box:hover,.allser_box:hover {
    color: white; border-radius: 10px; 
}
.smooth{
    -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; 
}
.sol_box:hover p,.ser_box:hover p,.allser_box:hover p {
    color: white; 
}
.mb_15 {
    margin: 15px 0px; 
}
.sol_box:before,.ser_box:before,.join_box:before,.allser_box:before {
    position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 3px; height: 100%; background-color: #006699; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: 0; 
}
.join_box:before,.allser_box:before {
    width: 0%; 
}
.sol_box,.ser_box,.allser_box {
    position: relative; 
}
.sol_box:hover:before,.ser_box:hover:before,.join_box:hover:before,.allser_box:hover:before{
    width: 100%; border-radius: 10px; 
}
.sol_text,.sol_title,.allser_box {
    position: relative; z-index: 1; 
}
.whybgimg {
    position: absolute; width: 300px; height: 500px; left: -120px; top: -300px; -o-object-fit: cover; object-fit: cover; z-index: -1; border-radius: 10px; 
}
.whybox {
    position: absolute; width: 200px; height: 200px; border-radius: 5px; border: 8px solid white; bottom: 100px; right: 15px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; 
}
.theme_bg {
    background-color: #006699; 
}
.whybox i {
    font-size: 80px; 
}
.why_two {
    -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; 
}
.whysub i {
    font-size: 24px; color: #006699; 
}
.white_box {
    background-color: white; 
}
.ser_box {
    border-radius: 10px; 
}
.ser_box:before {
    width: 0%; 
}
.srv_wrapper,.allsrv_wrapper {
    position: relative; z-index: 1; 
}
.slide_image img {
    -webkit-filter: grayscale(1); filter: grayscale(1); 
}
.slide_image img:hover {
    -webkit-filter: inherit; filter: inherit; 
}
.home-work {
    position: relative; background: url('../images/ourwork.png'); background-size: cover; background-position: center; 
}
.home-work:before,.testi_right:before,.hc-left:before {
    content: ""; width: 100%; height: 100%; background-color: #006699; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.7; 
}
.home-work .container {
    position: relative; z-index: 1; 
}
.hwork_text span {
    font-size: 24px; 
}
.testi_image_block {
    padding: 80px 40px 80px 0px; position: relative; z-index: 2; 
}
.test_img img {
    border-radius: 10px; width: 400px; height: 400px; -o-object-fit: cover; object-fit: cover; 
}
.test_img {
    margin-left: auto; max-width: 500px; 
}
.test_img img {
    border-radius: 10px; width: 400px; height: 400px; -o-object-fit: cover; object-fit: cover; 
}
.testi_right {
    background: url(../images/testbg.jpg);
    background-size: cover;
    background-position: center;
    padding: 80px 100px 80px 250px;
    position: relative;
    margin-left: -200px;
    z-index: 1;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.test_text i {
    color: white; font-size: 100px; margin-bottom: 25px; 
}
.test_text h5 {
    line-height: 40px; font-weight: 400; 
}
.test_text span {
    font-size: 24px; 
}
.hc-left {
    position: relative;
    z-index: 1;
    padding: 50px;
    border-radius: 10px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.hc-left:before {
    border-radius: 10px; z-index: -1; 
}
.hc-left ul {
    padding-left: 0px; display: list-item; list-style-type: none; 
}
.hc-left ul li {
    position: relative; list-style-type: none; padding-left: 50px; margin-bottom: 30px; 
}
.hc-left ul li i {
    position: absolute; left: 0; top: 0; font-size: 30px; color: white; 
}
.find_btn a {
    padding: 15px 20px; border-radius: 10px; background-color: transparent; border: 1px solid white; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
}
.hc-right input,.hc-right textarea {
    padding: 15px; 
}
.hc-right button {
    border: none; 
}
.page-banner {
    background-size: cover; background-repeat: no-repeat; height: 300px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative;  background-position: center;
}
.page-banner:before {
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #0000003b; content: " "; 
}
.banner-title {
    color: white; font-size: 48px; font-weight: bold; position: relative; 
}
.about-left-img {
    position: relative; 
}
.about-left-img img {
    width: 100%; border-radius: 10px; height: 600px; -o-object-fit: cover; object-fit: cover; 
}
@media screen and (max-width: 991px){
    .about-left-img img {
        height: auto;
    }   
}
.ableft-box {
    border-radius: 10px; background-color: #006699; border: 8px solid white; position: absolute; padding: 25px; text-align: center; bottom: -70px; left: 0; width: max-content; margin: auto; right: 0; 
    /* border-radius: 10px; background-color: #006699; border: 8px solid white; position: absolute; padding: 25px; text-align: center; bottom: -70px; left: 0; width: 35%; margin: auto; right: 0;  */
}
.ableft-box .aboutimg{max-width: 125px; height: auto;}
.ab-right ul,.service-right ul {
    list-style-type: none; 
}
.ab-right ul li,.service-right ul li {
    display: list-item; list-style-type: none; padding: 10px 0px; 
}
.ab-right ul li i,.service-right ul li i {
    margin-right: 10px; 
}
.ab-right ul li i,.team-des ul li i,.service-right ul li i {
    color: #006699; 
}
.team-box {
    position: relative; 
}
.team-box img {
    width: 100%; height: 400px; -o-object-fit: cover; object-fit: cover; border-radius: 10px; 
}
.team-des {
    position: absolute; background-color: white; bottom: -70px; left: 10%; right: 10%; padding: 25px; -webkit-box-shadow: 0px 15px 34px -5px rgb(193 193 193 / 30%); box-shadow: 0px 15px 34px -5px rgb(193 193 193 / 30%); border-radius: 10px; 
}
.des-block {
    position: relative; z-index: 1; max-height: 0; opacity: 0; line-height: 24px; -webkit-transition: all 0.6s, max-height 0.5s; -o-transition: all 0.6s, max-height 0.5s; transition: all 0.6s, max-height 0.5s; overflow: hidden; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; 
}
.team-box:hover .des-block {
    max-height: 400px; opacity: 1; text-align: center; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.4s, max-height 1.5s; -o-transition: all 0.4s, max-height 1.5s; transition: all 0.4s, max-height 1.5s; padding-top: 20px; margin-top: 14px; 
}
.team-des ul {
    padding-left: 0px; 
}
.team-des ul li {
    list-style-type: none; display: inline; padding: 0px 15px; 
}
.about-team {
    padding-bottom: 130px; 
}
.contact-box .row {
    background-color: white; 
}
.contact-box .col-lg-5 {
    padding-right: 0px; background-color: #006699; border-radius: 0px 10px 10px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; 
}
.contact-box .hc-right {
    padding: 50px; 
}
.contact-box .hc-right input,.contact-box .hc-right textarea {
    background-color: #F4FBFF; border: none; 
}
.contact-box .hc-left ul li {
    margin-bottom: 50px; 
}
.career-left .cleft_img,.tleft_img,.srleft_img {
    width: 100%; height: 400px; border-radius: 10px; -o-object-fit: cover; object-fit: cover; 
}
.career-left,.training-left,.service-left,.allsers4-left {
    position: relative; 
}
.career-patn,.training-patn,.service-patn,.allsers4-patn {
    position: absolute; left: -60px; top: -60px; width: 200px; height: 300px; -o-object-fit: cover; object-fit: cover; z-index: -1; 
}
.career-s2,.allservice-s3 {
    background-color: #006699; padding: 50px 0px; 
}
.white_btn {
    background-color: white; color: #006699; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: bold; 
}
.join_box {
    border-radius: 10px; position: relative; z-index: 1; background-color: #F4FBFF; 
}
.join_box:before {
    z-index: -1; 
}
.join_box i {
    font-size: 48px; 
}
.join_box:hover h3,.join_box:hover p,.join_box:hover i {
    color: white; 
}
.pg_box {
    border-radius: 5px; margin-bottom: 15px; height: 90px; 
}
.pg_box img {
    margin-right: 15px; width: 50px; min-width: 50px; 
}
.op_box {
    border-radius: 10px; margin-bottom: 20px; 
}
.job-form {
    padding: 50px; background-color: white; border-radius: 10px; 
}
.job-form input,.job-form select,.job-form textarea {
    background-color: #F4FBFF; padding: 15px; border: none; 
}
.job-form button {
    border: none; 
}
.alls2_case_img {
    position: absolute; width: 200px; height: 200px; border-radius: 5px; border: 8px solid white; bottom: 100px; right: 15px; -o-object-fit: cover; object-fit: cover; 
}
.about-right ul li {
    display: block; 
}
.about-right ul,.ab-right ul {
    padding-left: 19px; 
}
.sol_text a,.ser_box a {
    color: #006699; 
}
.sol_box:hover a,.ser_box:hover a {
    color: white; 
}
.sol_text p,.ser_box p {
    overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: pre-line; height: 156px; 
}
.wp_chat {
    position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 36px; -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 10%); box-shadow: 0 10px 40px rgb(0 0 0 / 10%); z-index: 100; 
}
.wp_chat:hover {
    color: white; 
}

/*arrcoding*/
.accordion .accordion-item {
    margin-bottom: 15px;
}
.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed) {
    color: #006699;
    box-shadow: none;
    background-color: rgb(0 102 153 / 10%);
}
.accordion .accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0.125);
}
.accordion-button::after {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.accordion-button {
    background-color: #F4FBFF;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 50px;
}
.accordion-body {
    padding: 1rem 1.25rem;
    background-color: rgb(0 102 153 / 3%);
    border: 1px solid #e5eff5;
}
.accordion-button ul.meta {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin-left: auto;
}
.accordion-button ul.meta li {
    font-size: 14px;
    padding-left: 0;
    margin-right: 30px;
}
.location svg path {
    stroke: #006699;
}
/*arrcoding*/
.location {
    font-size: 14px;
}
.open_title h5 {
    font-size: 18px;
}
.job_description ul {
    padding-left: 17px;
}
.job_description ul li {
    color: #677294;
    line-height: 30px;
    font-weight: 300;
    font-size: 14px;
}
/****RESPONSIVE CSS/************/ 
@media screen and (max-width: 991px){
    .banner-circle {
        width: 200px; height: 200px; 
    }
    .banner-right img {
        max-width: 300px; 
    }
    .content-part h1 {
        font-size: 26px; 
    }
    .navbar-toggler {
        background-color: unset; outline: unset; padding: unset; 
    }
    .header_row {
        position: relative; width: 100%; 
    }
    .header_row button span {
        width: 20px; margin: 5px; display: block; height: 2px; background: #006699; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; 
    }
    .navbar-toggler:focus {
        -webkit-box-shadow: none; box-shadow: none; 
    }
    .header_row button.active span:first-of-type {
        -webkit-transform: rotate(45deg) translate(3px, 7px); -ms-transform: rotate(45deg) translate(3px, 7px); transform: rotate(45deg) translate(3px, 7px); 
    }
    .header_row button.active span:nth-of-type(2) {
        opacity: 0; 
    }
    .header_row button.active span:last-of-type {
        -webkit-transform: rotate(-45deg) translate(3px, -7px); -ms-transform: rotate(-45deg) translate(3px, -7px); transform: rotate(-45deg) translate(3px, -7px); 
    }
    .navbar-collapse {
        position: absolute; top: 100%; background-color: #fff; width: 100%; padding-top: 15px; padding-bottom: 15px; 
    }
    .test_img img {
        width: 400px; height: 400px; 
    }
    .aboutbgimg {
        top: -330px; width: 200px; height: 400px; 
    }
    .about-left,.why-left,.hc-left,.service-left,.allsers4-left {
        margin-bottom: 25px; 
    }
    img.leftbg {
        width: 200px; top: 80px; height: 400px; 
    }
    .about-right ul {
        padding-left: 0px; 
    }
    .whybgimg {
        width: 200px; height: 400px; left: -150px; 
    }
    .why-left img {
        height: 400px; 
    }
    .why_two {
        -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; 
    }
    .ser_box,.allser_box {
        margin-bottom: 15px; 
    }
    .hc-left {
        padding: 25px; 
    }
    .home-solution {
        margin-top: 0px; 
    }
    .testi_image_block {
        padding: 80px 0px 80px 0px; 
    }
    .test_img {
        text-align: center; margin-right: auto; 
    }
    .testi_right {
        padding: 80px 25px 80px 25px; margin-left: 0px; margin-top: -100px; 
    }
    .about-left-img,.team-box {
        margin-bottom: 100px; 
    }
    .team-box img {
        height: 600px; 
    }
    .contact-box .hc-right {
        padding: 25px; 
    }
    .contact-box .col-lg-5 {
        border-radius: 0px !important; 
    }
    .career-right ul {
        -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; 
    }
    .career-s2 .cs2-right {
        margin-top: 50px; 
    }
    .career-s2 .col-lg-3 {
        -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; 
    }
    .career-right,.training-right {
        margin-top: 25px; 
    }
    .job-form {
        padding: 25px; 
    }
    .banner-title {
        font-size: 30px; 
    }
    .page-banner {
        height: 200px; 
    }

}
@media(max-width: 767px){
    .accordion-button ul.meta {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }
}
@media screen and (max-width: 540px){
    .test_img img {
        width: 250px; height: 300px; 
    }

}