* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {
    font-family: 'poppins', sans-serif;
    color: #000;
    font-size: 15px;

}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    transition: all 0.4s ease-in-out;
}

body::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 1px solid #555555;
}

p {
    font-size: 15px;
    font-family: 'poppins', sans-serif;
    line-height: 24px;
    color: #424242;
}

a {
    font-size: 15px;
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'poppins', sans-serif;
}

a:hover {
    text-decoration: none;
    outline: none;
}

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

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Raleway", sans-serif;
    margin: 0px;
}

p {
    margin: 0px;
}

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

.pb-50 {
    padding-bottom: 50px;
}

.pb-30 {
    padding-bottom: 30px;
}
.pt-80 {
    padding-top: 80px;
} 
.pb-80 {
    padding-bottom: 80px;
}
.mt-40 {
    margin-top: 40px;
}

.justify-center {
    justify-content: center;
}

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

.align-item-center {
    align-items: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

.site-width {
    max-width: 1250px;
    margin: 0px auto;
}

@media screen and (max-width:1518px) and (min-width:1368px) {
    .site-width {
        max-width: 1372px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1708px) and (min-width:1519px) {
    .site-width {
        max-width: 1552px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1920px) and (min-width:1709px) {
    .site-width {
        max-width: 1642px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:2500px) and (min-width:1921px) {
    .site-width {
        max-width: 1842px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1280px) and (min-width:1024px) {
    .site-width {
        padding: 0px 40px;
        max-width: 1260px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1024px) and (min-width:888px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:888px) and (min-width:769px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:768px) {
    .site-width {
        padding: 0px 20px;
    }
}

.faq .accordion-button:not(.collapsed) { background: #fff; }
.faq .accordion-button:focus { outline: 0 none; box-shadow: 0 none; }

.faq .accordion-body { background: #90daf5; }

/* Loader  */
.pageWrapper {
    position: relative;
    height: 100%;
    width: 100%;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #000b1c;
    z-index: 1001;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #002e74;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0075ea;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #f2f3fffa;
    z-index: 1000;
    transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
}
/* Loader end */

/* Header */
.header-section {
    position: relative;
    z-index: 111;
    transition: 0.4s ease-out;
    background: #fff;
}

.header-main-wrap {
    display: flex;
    margin-top: 0px;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s ease-in-out;
}
.header-section.sticky .header-main-wrap {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.headlogoinfo {
    display: flex;
    align-items: center;

}
.logo-section {
    width: 190px;
    position: relative;
    top: 0px;
    padding: 10px;
    background: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 11;
    transition: 0.4s ease-in-out;
}

.logo-section img {
    width: 100%;
    transition: 0.4s ease-in-out;
    /* filter: invert(2) grayscale(2) brightness(10) contrast(9); */
}

.main-navigation {
    transition: 0.4s ease-in-out;
}

.main-navigation ul.menu-bar-ul {
    display: flex;
    position: relative;
    left: 0px;
    gap: 30px;
}

.main-navigation ul li a.navlinks {
    padding: 18px 0px;
    display: block;
    color: #111;
    transition: 0.4s ease-in-out;
   
}
.main-navigation ul li a {
    font-size: 15px;
}
.menu-has-child {
    position: relative;
}

.main-navigation ul li.menu-has-child:hover .drop-down {
    top: 60px;
    visibility: visible;
    opacity: 1;
}

.main-navigation ul li.menu-has-child a.navlinks i {
    transition: 0.4s ease-in-out;
    font-size: 14px;
    position: relative;
    top: 0px;
    margin-left: 3px;
}
.headerBtns {
    display: block;
    padding: 14px 32px;
    background: linear-gradient(46deg, #00b4dc, #005bb4);
    color: #fff;
    border-radius: 15px;
}
/* .main-navigation ul li.menu-has-child:hover a.navlinks i {
    transform: scaleY(-1);
} */

.drop-down {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 70px;
    width: 300px;
    background: #ffffffe6;
    padding: 4px 14px 4px 14px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    backdrop-filter: blur(5px);
}

.drop-down li a.sub-navlinks {
    display: block;
    line-height: 38px;
    border-bottom: 1px solid #c7c7c7;
    color: #111111;
}

.drop-down li:last-child a.sub-navlinks {
    border-bottom: none;
}

.drop-down li a.sub-navlinks i {
    margin-right: 5px;
    font-size: 14px;
}

.drop-down li a.sub-navlinks:hover {
    padding-left: 8px;
}

.toggle-btn {
    padding: 12px 6px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #ffffff2b;
    position: relative;
    z-index: 111;
    cursor: pointer;
}

.toggle-btn span {
    width: 26px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 3px 3px;
    transition: 0.4 ease-out;
}

.toggle-btn span:nth-child(2) {
    width: 22px;
    margin-left: 6px;
}

.toggle-btn.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 6px;
    position: relative;
}

.toggle-btn.active span:nth-child(3) {
    transform: rotate(314deg);
    top: -5px;
    position: relative;
}

.toggle-btn.active span:nth-child(2) {
    opacity: 0;
}

.the-sider-bar {
    position: fixed;
    top: 0px;
    right: -100%;
    transition: 0.4s ease-in-out;
    width: 100%;
    height: 100vh;
    background: #3d3e64;
    z-index: 11;
}

.the-sider-bar.show {
    right: 0%;
    transition: 0.5s ease-out;
}

.side-wrapper {
    max-width: 65%;
    width: 100%;
    margin: auto;
    position: relative;
    top: 16%;
    bottom: 25%;
}

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

.side-navigation ul li a {
    color: #fff;
    padding: 10px 0px;
    display: block;
    font-size: 18px;
}



.side-drop-down {
    display: none;
}

.side-social-links ul li a {
    color: #fff;
}

.side-social-links ul li a i {
    display: block;
    padding: 10px;
}

.side-contanct-wrap {
    margin-top: 20px;
}

.side-contanct-wrap h4 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #0ff;
}

.side-contanct-wrap ul {
    display: grid;
    justify-content: flex-start;
    align-items: center;
}

.side-contanct-wrap ul li {
    margin: 4px;
}

.side-contanct-wrap ul li i {
    color: #cbcbcb;
    margin-right: 6px;
}

.side-contanct-wrap ul li a {
    color: #fff;
}

.header-section.sticky {
    position: fixed;
    top: 0;
    transition: 0.4s ease-out;
    width: 100%;
    background: #fff;
    padding: 10px 0px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 333;
}

.header-section.sticky .logo-section {
    position: inherit;
    width: 170px;
    box-shadow: none;
    padding: 0px;
}
.header-section.sticky  .main-navigation ul li a.navlinks {
    color: #0e0e0e;
    padding: 18px 0px;
}
.header-section.sticky  .main-navigation ul.menu-bar-ul {
    left: 0px;
}
.header-section.sticky  .main-navigation ul li.menu-has-child:hover .drop-down{
    top: 55px;
}
.header-section.sticky .logo-section img{
    filter: none;
}
.header-section.sticky  .topHeaderSocial ul li a.topContactLinks {
    color: #fff;
}
.header-section.sticky  .topHeader.Inheader {
    top: 0px;
}
.header-section  .toggle-btn{
    background: #f1f1f185;
    display: none;
}
.header-section  .toggle-btn span{ 
    background-color: #002f75;
}

.topHeader {
    background: #000b1c;
    padding: 0px 0px;
}
.topHeader.Inheader {
    background: transparent;
    position: relative;
    transition: 0.4s ease-in-out;
}
.topHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.topHeaderSocial ul {
    display: flex;
    align-items: center;
    color: #fff;
}

.topHeaderSocial ul li {
    color: #fff;
    transition: 0.4s ease-in-out;
    margin: 0px 5px 0px 5px;
}


.topHeaderSocial ul li a.topContactLinks {
    color: #fff;
    line-height: 24px;
}

.topHeaderSocial ul li a.topContactLinks i {
    color: #fff;
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-size: 12px;
}

.topHeaderSocial ul li a.topContactLinks i.fa-envelope {
    font-size: 12px;
}

.topHeaderSocial ul li a.topSocialLinks {
    color: #fff;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
}

.topHeaderSocial ul li a.topSocialLinks i {
    position: relative;
    z-index: 2;
    transition: 0.4s ease-in-out;
    line-height: 24px;
}

.topHeaderWrapper a,
.topHeaderWrapper p,
.topHeaderWrapper li {
    font-size: 12px;
    color: #fff;
}

.topHeaderSocial ul li a.topSocialLinks::before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    background: #fff;
    border-radius: 100%;
    z-index: 1;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease-in-out;
    margin: auto;
}

.topHeaderSocial ul li a.topSocialLinks:hover:before {
    visibility: visible;
    opacity: 1;
    width: 22px;
    height: 22px;
}

.topHeaderSocial ul li a.topSocialLinks:hover i {
    color: #000;
}


/* Banenr */
.banner-carousel {
    position: relative;
    margin-top: 0px;
}

.banner-slider-wrapper {
    position: relative;
}

.banner-slider-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #00000099, #000000b3);
    z-index: 1;
}
.bnr1 .banner-slider-overlay {
    background: linear-gradient(90deg, #0000008c, #00000069);
}
.bnr1 .banner-slider-overlay {
    background: linear-gradient(90deg, #000000a3, #000000b0);
}
/* .bnr1 .bnrshape1 {
    display: none;
}
.bnr1 .bnrshape1::after {
    display: none;
}
.bnr1 .bnrshape1::before {
    display: none;
} */
.banner-content-wrapper {
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.banner-content {
    position: relative;
    left: 0%;
    width: 100%;
}

.banner-content h4 {
    font-size: 44px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
}
.bnr1 .banner-content h4 {
    font-size: 40px;
    line-height: 60px;
}
.bnr1 .banner-content h4 span {
    color: #65cae3;
}
.banner-content p {
    color: #ededed;
    margin-top: 12px;
}

.banner-carousel .owl-item .item .banner-img img {
    transition: 2s ease-out;
    transform: scale(1);
}
.banner-carousel .owl-item .item {
    overflow: hidden;
}
.banner-carousel .owl-item .item .banner-img img.active {
    transform: scale(1.1);
    transition: 15s ease-out;
}

/* @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.1, 1.1);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1,1);
    }
    to {
      transform: scale(1.1, 1.1);
    }
  }
.banner-carousel .owl-item.active  .item .banner-img img{
    -webkit-animation: zoom 15s;
    animation: zoom 15s;
    padding:0;
    width:100%;
} */

.banner-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 0.5%;
    font-size: 36px;
    background: #ffffff2e;
    width: 31px;
    height: 42px;
    line-height: 7px;
    visibility: hidden;
    transition: 0.4s ease-out;
    font-size: 14px;
}

.banner-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    right: 0.5%;
    font-size: 36px;
    background: #ffffff2e;
    width: 31px;
    height: 42px;
    line-height: 7px;
    visibility: hidden;
    transition: 0.4s ease-out;
    font-size: 14px;
}

.banner-carousel:hover .owl-nav button.owl-next {
    visibility: visible;
}

.banner-carousel:hover .owl-nav button.owl-prev {
    visibility: visible;
}
.owl-theme.banner-carousel .owl-nav {
    margin-top: 0px;
}
.banner-carousel.owl-theme .owl-dots {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.banner-carousel.owl-theme .owl-dots button.owl-dot.active span {
    width: 22px;
    background: #00a8d7;
    transition: 0.3s ease-in-out;
    margin: 5px 3px;
}
.banner-carousel.owl-theme .owl-dots button.owl-dot span {
    margin: 5px 3px;
}
.btn-1 {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
    color: #3d3e64;
    font-weight: 500;
    transition: 0.4s ease-out;
}

.btn-1:hover {
    color: #fff;
    background: #3d3e64;
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.about-us {
    background: linear-gradient(#e4f9ffcf, #e7f1ffab), url(../img/texture/texture1.png);
    background-size: contain;
    background-position: right top;
    background-blend-mode: color-dodge;
}

.engine_image {
    float: none;
    margin: auto;
    width: 614px;
    height: 614px;
}
.engine_image {
    float: none;
    width: 100%;
    height: 488px;
    position: relative;
    margin: 0px;
    transform: none;
}
.engine_image [class*="image_wrap_"] {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    transform: translate(-50%, -50%);
}
.engine_image [class*="image_wrap_"] img {
    margin: auto;
    width: 100%;
}
.engine_image .image_wrap_1 {
    z-index: 4;
    max-width: 22%;
}
.engine_image .image_wrap_2 {
    z-index: 2;
    max-width: 80%;
}
.engine_image .image_wrap_3 {
    z-index: 2;
    max-width: 80%;
}
.engine_image .image_wrap_4 {
    margin: -5px 0px 0px -9px;
    width: 100%;
}
.engine_image .image_wrap_2 img {
    animation: spin 40s infinite linear;
}
.engine_image .image_wrap_3 img {
    animation: spinReverse 40s infinite linear;
}
/* Animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spin {
  animation: spin 5000ms infinite linear;
}

@keyframes spinReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.spinReverse {
  animation: spinReverse 5000ms infinite linear;
}


.about-img-sec {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.about-img-sec img {
    width: 100%;
}

.about-exp {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
}
.about-exp-wrapp {
    padding: 26px 20px;
    width: 170px;
    height: 170px;
    background: #3d3e64;
    border-radius: 100%;
    border: 5px solid #ddd;
    text-align: center;
    display: block;
}
.about-exp-wrapp::after{
    position: absolute;
    border: 10px solid #3c3e64d1;
    animation: zoomBig2 3.25s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 1;
}
@keyframes zoomBig2 {
    0% {
      transform: translate(0%, 0%) scale(0.9);
      opacity: 1;
      border-width: 3px;
    }
    40% {
      opacity: .5;
      border-width: 2px;
    }
    65% {
      border-width: 1px;
    }
    100% {
      transform: translate(-0%, -0%) scale(1.5);
      opacity: 0;
      border-width: 1px;
    }
}
.aboutImgWraper  {
    position: relative;
}
.aboutImgWraper img.aboutImgNew {
    position: relative;
    z-index: 3;
}
.aboutImgWraper img.aboutImgLine {
    position: absolute;
    bottom: -20px;
    left: 0px;
    z-index: 1;
}
.aboutImgWraper img.aboutImgsetting {
    position: absolute;
    top: 1px;
    z-index: 2;
    width: 100%;
    margin: 0px auto;
    left: 0px;
    animation: unset;
    right: 0px;
    opacity: 1;
}


.about-exp-wrapp h4 {
    color: #ffff;
    font-size: 48px;
    display: inline;
    font-weight: bold;
}

.about-exp-wrapp span {
    color: #fff;

}

/* .about-us-content-wrapper {
    margin-left: 0px;
    position: relative;
    z-index: 3;
    padding: 50px;
    box-shadow: 0px 0px 10px #ddd;
    background: linear-gradient(#ffffff73, #ffffff6b), url(../img/bg/bg-5.jpg);
    backdrop-filter: blur(6px);
    border-radius: 28px;
    border: 1px solid #a6dbe7;
    background-size: 100% 100%;
} */
.about-us-content-wrapper {
    margin-left: 0px;
    position: relative;
    z-index: 3;
    padding: 0;
    /* box-shadow: 0px 0px 10px #ddd; */
    /* background: linear-gradient(#ffffff73, #ffffff6b), url(../img/bg/bg-5.jpg); */
    backdrop-filter: blur(6px);
    border-radius: 28px;
    /* border: 1px solid #a6dbe7; */
    background-size: 100% 100%;
}

.about-us-title h4 {
    color: #343434;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.about-us-title h4 span {
    color: #014788;
}

.about-exp-wrapp p {
    color: #fff;
    line-height: 19px;
    margin-top: 2px;
    text-transform: uppercase;
}

.about-us-strong p {
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 11px;
}
.about-us-nor { padding: 0px; }

.about-us-nor p {
    margin-bottom: 16px;
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
}
.about-us-nor p:first-child{
    margin-top: 14px;
}

.btn-2 {
    display: inline-block;
    padding: 10px 20px;
    border: 1.8px solid #3d3e64;
    color: #b61515;
    font-weight: 400;
    border-radius: 8px;
    margin-top: 20px;
}

/* Buttons */
.animated-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 13px 34px;
    border: 1px solid;
    border-color: white;
    font-size: 15px;
    border-radius: 30px;
    font-weight: 500;
    color: #014587;
    box-shadow: 0 0 0 1px #014587;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button svg {
    position: absolute;
    width: 21px;
    fill: #1f387e;
    z-index: 9;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .arr-1 {
    right: 16px;
}

.animated-button .arr-2 {
    left: -25%;
}

.animated-button .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #002f75;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .text {
    position: relative;
    z-index: 1;
    transform: translateX(-12px);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button:hover {
    box-shadow: 0 0 0 12px transparent;
    color: #212121;
    border-radius: 30px;
}

.animated-button:hover .arr-1 {
    right: -25%;
}

.animated-button:hover .arr-2 {
    left: 16px;
}

.animated-button:hover .text {
    transform: translateX(12px);
    color: #fff;
}

.animated-button:hover svg {
    fill: #ffffff;
}

.animated-button:active {
    scale: 0.95;
    box-shadow: 0 0 0 4px greenyellow;
}

.animated-button:hover .circle {
    width: 220px;
    height: 220px;
    opacity: 1;
}
/* Buttons end*/

.cardleftAnimation {
    -webkit-animation-name: rollIn2;
    animation-name: rollIn2;
    transform: rotate(360deg) translateX(-30px);
}

@keyframes rollIn2 {
    0% {
        transform: rotate(360deg) translateX(270px);
    }

    100% {
        transform: rotate(360deg) translateX(-30px);
    }
}

.cardrightAnimation {
    -webkit-animation-name: rollIn3;
    animation-name: rollIn3;
    transform: rotate(360deg) translateX(-10px);
}

@keyframes rollIn3 {
    0% {
        transform: rotate(0deg) translateX(-270px);
    }

    100% {
        transform: rotate(0deg) translateX(-10px)
    }
}


.aboutOtherCard {
    padding: 20px;
    border-radius: 25px;
    background: #ddd;
    position: relative;
}
.cardnewStyle .aboutOtherCard {
    min-height: 190px;
    display: flex
;
    align-items: center;
    z-index: 222;
    gap: 10px;
    margin-bottom: 20px !important;
}
.aboutOtherCard.color1 {
    background: linear-gradient(90deg, #e2f8fd, #a5d3fb);
    width: 100%;
    margin: auto;
    margin-top: 0px;
    margin-right: 0px;
    /* animation: upandDown 6s ease-in-out infinite alternate-reverse both; */
    animation-delay: 0.4s;
    /* margin-left: 48px; */
    border: 1px solid #93d2e0;
}

.aboutOtherCard:hover .abothercIcon img {
    -webkit-animation: jello 1s infinite;
    -moz-animation: jello 1s infinite;
    -o-animation: jello 1s infinite;
    animation: jello 1s infinite;
}

.aboutOtherCard.color2 {
    background: linear-gradient(90deg, #e2f8fd, #a5d3fb);
    width: 100%;
    margin: auto;
    /* margin-top: 44px;
    margin-right: 30px; */
    /* animation: upandDown 5s ease-in-out infinite alternate-reverse both; */
    animation-delay: 1.2s;
    border: 1px solid #93d2e0;
}

.aboutOtherCard.color3 {
    background: linear-gradient(270deg, #e2f8fd, #a5d3fb);
    width: 100%;
    margin: auto;
    margin-top: 0px;
    margin-right: 0px;
    /* animation: upandDown 6s ease-in-out infinite alternate-reverse both; */
    animation-delay: 0.7s;
    /* margin-left: 20px; */
    border: 1px solid #93d2e0;
}

.aboutOtherCard.color4 {
    background: linear-gradient(270deg, #e2f8fd, #a5d3fb);
    width: 100%;
    margin: auto;
    /* margin-top: 44px; */
    /* margin-right: -20px; */
    /* animation: upandDown 5s ease-in-out infinite alternate-reverse both; */
    animation-delay: 1.8s;
    border: 1px solid #93d2e0;
}
.aboutOtherCard.color5 {
    background: linear-gradient(90deg, #e2f8fd, #a5d3fb);
    width: 100%;
    margin: auto;
    /* margin-top: 44px;
    margin-right: 0px; */
    /* animation: upandDown 5s ease-in-out infinite alternate-reverse both; */
    animation-delay: 1.8s;
    /* margin-left: 50px; */
    border: 1px solid #93d2e0;
}
.aboutOtherCard.color6 {
    background: linear-gradient(270deg, #e2f8fd, #a5d3fb);
    width: 100%;
    margin: auto;
    /* margin-top: 44px;
    margin-right: 0px; */
    /* animation: upandDown 5s ease-in-out infinite alternate-reverse both; */
    animation-delay: 1.8s;
    /* margin-left: 30px; */
    border: 1px solid #93d2e0;
}
.valueCardWrapper {
    margin-top: 60px;
}
.abothercIcon {
    width: 100px;
    position: absolute;
    left: -10%;
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: fit-content;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.cardnewStyle .aboutOtherCard .abothercIcon {
    position: unset;
}
.abothercIcon img {
    width: 100%;
}
.aboutotherContents {
    width: 83%;
    margin: auto;
    margin-right: 0px;
}
.cardnewStyle .aboutotherContents {
    width: 100%;
    text-align: left;
}
.aboutotherContents h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0px;
    margin-top: 0px;
}
@media screen and (max-width:1366) and (min-width:1200px) {
    .aboutotherContents h4 {
        font-size: 18px;
    }
}
.aboutSideContents.fullContent {
    margin: auto;
    background: linear-gradient(45deg, #02add4, #015391);
    display: flex;
    align-items: center;
    padding: 24px;
    border-radius: 20px;
    margin-bottom: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    height: 100%;
}
/* .aboutSideContents.fullContent::before, .aboutSideContents.fullContent::after {
    content: "";
    position: absolute;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
  }
.aboutSideContents.fullContent::before {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}
.aboutSideContents.fullContent::after {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
} */
@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .aboutSideContents.fullContent {
        width: 400px;
        height: 400px;
    }
}
.aboutSide h2 {
    font-weight: 700;
    margin-bottom: 10px;
    /* font-size: 38px; */
    font-size: 42px;
}
.h2font1.aboutSide h2 {
    font-size: 34px;
    color: #ffff;
}
.h2font1.aboutSide p {
    color: #fff;
}
.ValueProposition .section-title p {
    /* padding: 0px; */
    padding-bottom: 15px;
}
.ValueProposition .section-title {
    margin-bottom: 20px;
}
.aboutSide h4 {
    /* font-size: 22px; */
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #252525;
}
.h2font1.aboutSide h4 {
    margin-bottom: 10px;
    line-height: 32px;
    margin-top: 20px;
    font-size: 22px;
    color: #fff;
}
.valueprosiimg {
    width: 70%;
    margin: auto;
}
.valueprosiimg img {
    width: 100%;
}
.normalList.homeaboutul {
    width: fit-content;
    margin: auto;
}
.normalList.homeaboutul li {
    padding: 13px 80px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: left;
    width: 100%;
    border-radius: 16px;
    margin-bottom: 10px;
    background-image: url(../img/icons/click.png);
    background-position: left 14px center;
    padding-left: 50px;
    background-color: #fff;
    background-size: 24px;
    background-repeat: no-repeat;
}


.about-us-content-wrapper .animated-button {
    margin: auto;
    margin-top: 30px;
}
.what-we-do {
    background: #e9e9e9;
    position: relative;
    
}

.section-title {
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}

.section-title h4 {
    display: inline-block;
    margin: 0px auto;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: #343434;
}

.section-title::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 3px;
    background: #005bb4;
    border-radius: 4px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: linear-gradient(46deg, #00b4dc, #005bb4);
    border-radius: 50%;
    border: 2px solid #fff;
}
.section-title p{
    padding: 0px 16%;
    margin-top: 10px;
    font-size: 17px;
    line-height: 30px;
    padding-bottom: 10px;
}


.serviceSec .section-title p {
    padding: 0px;
}
.serviceSec .normalList {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px 00px;
    padding-bottom: 20px;;
}
.serviceSec .normalList li {
    padding-left: 23px;
    background-image: url(../img/icons/arrow.svg);
    background-size: 16px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    text-align: justify;
    line-height: 28px;
    color: #3c3c3c;
    font-size: 17px;
    width: 100%;
}
.normalList li {
    padding-left: 23px;
    background-image: url(../img/icons/arrow.svg);
    background-size: 16px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    text-align: justify;
    line-height: 28px;
    color: #3c3c3c;
    font-size: 17px;
    width: 100%;
}
.normalList li ul { margin: 0px 0px 0px 25px; }
.normalList li li {
    list-style: disc;
    padding-left: 0;
    margin-top: 10px;
    background-image: none!important;
    text-align: justify;
    line-height: 1.3;
    color: #3c3c3c;
    font-size: 14px;
    width: 100%;
}


.serviceSec .section-title.style2::after {
    display: none;
}
.serviceSec .section-title.style2::before {
    display: none;
}
.serviceSec .section-title.style2 {
    margin-bottom: 0px;
}

.bg2 {
    background: linear-gradient(46deg, #d8f8ffe6, #e7f3ffed);
    background-size: cover;
    background-position: center;
}
.ourIndustry {
    overflow:hidden;
}
.testimonials-bg {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    z-index: -1;
}
.testimonials-bg img {
    width: 100%;
}
.whatwedo-card {
    margin-bottom: 0;
    min-height: 260px;
}
.wwd-icon {
    border-radius: 50%;
    background: #ffffff;
    width: 110px;
    height: 110px;
    position: relative;
    margin: auto;
    transition: 0.5s ease-out;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -54px;
    border: 4px solid #002f74;
}

.wwd-icon::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: #002f74;
    width: 0%;
    height: 0%;
    border-radius: 50%;
    z-index: 1;
    filter: blur(0px);
    left: 0px;
    margin: auto;
    transform: none;
    transition: 0.4s ease-in-out;
}
.whatwedo-card:hover .wwd-icon::before {
    height: 103%;
    width: 103%;
}

.wwd-icon img {
    /* width: 100%; */
    width: 60px;
    position: relative;
    z-index: 11;
    -webkit-animation: mover 5s infinite  linear;
    animation: mover 5s infinite  linear;
}
.whatwedo-card:hover .wwd-icon {
    
    transition: 0.5s ease-out;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px);}
    100% { transform: translateY(-0px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px);}
    100% { transform: translateY(-0px); }
}


.wwd-text-content {
    background: linear-gradient(114deg, #e6fbffd4, #e8f3ffcc), url(../img/texture/texture3.jpg);
    margin-top: 20px;
    text-align: center;
    padding: 25px;
    min-height: 279px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 25px;
    border-bottom: 4px solid #005bb4;
    background-size: cover;
}

.wwd-title h4 {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.wwd-title h4 a { color: #111; }
.wwd-title h4 a:hover { color: #0d6efd; }


.wwd-btn {
    text-align: center;
    margin-top: -30px;
    position: relative;
    z-index: 6;
}

.wwd-btn a {
    width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #003075;
    color: #fff;
    margin-top: 10px;
    border-radius: 8px;
}

.wwd-btn a:hover {
    background: #b61515;
}

.ourservicesCardWrap {
    margin-top: 40px;
}
/* Specialization */
.ourSpecialization {
    position: relative;
    background: linear-gradient(#f2f2f2e3, #eeeeeedb), url(../img/bg/bg-4.jpg);
    padding: 50px 0px;
    overflow: hidden;
    background-size: 100%;
}
.tp-technology-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.specializationWrapper {
    margin-top: 40px;
}
.specializationWrapper .row{
    gap: 22px 0px;
}

.box-item {
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 100%;
    /* margin-bottom: 35px; */
    max-width: 100%;
}

.flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.flip-box-front {
    background: linear-gradient(90deg, #f8f8f8, #ffff);
}

.flip-box-back {
    background: linear-gradient(90deg, #fff, #f8f8f8);
    text-align: center;
}

.flip-box-front,
.flip-box-back {
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    min-height: 327px;
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #c5e2ff;
    background: linear-gradient(114deg, #c5f5ff, #bedfff);
}
.ourProjectSec .flip-box-front, .ourProjectSec .flip-box-back {
    min-height: 360px;
}

.flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
    height: 100%;
}

.flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box .inner {
    position: relative;
    left: 0;
    width: 100%;
    padding: 12px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateY(0%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(0%) translateZ(60px) scale(.94);
    -ms-transform: translateY(0%) translateZ(60px) scale(.94);
    top: 0%;
    height: 100%;
 
}
.flip-box .inner.designtwo {
    display: flex;
    align-items: center;
    padding: 20px;
}
.indusryImgWrap {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.indusryImgWrap img{
    width: 100%;
    border-radius: 20px;
}

.flip-box-header {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    letter-spacing: 0px;
    margin-bottom: 0px;
    line-height: 30px;
    margin-bottom: 10px;
}
.indsutryContent {
    padding: 0px;
    text-align: center;
    padding-bottom: 0px;
    padding-top: 5px;
}


.flip-box p {
    font-size: 15px;
    color: #111;
    margin-top: 12px;
}

.flip-box p i {
    font-size: 14px;
}

.flip-box-img {
    margin-top: 6px;
    width: 16px;
}

.flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    padding: 15px 20px;
    text-transform: uppercase;
}
.industryNavigation.border2 {
    border-top: 1px dashed #ddd;
}
.industryNavigation ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.industryNavigation ul li {
    font-size: 15px;
}
.industryNavigation ul li i{
    background: #ffffff;
    border-radius: 9px;
    width: 46px;
    display: inline-block;
    height: 42px;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
}
.valuebg {
    background: #fff;
}

.industryWrapper {
    margin-top: 40px;
}
.industryCard {
    width: 100%;
    margin-bottom: 0px;
    position: relative;
    background: #fff;
    padding: 7px;
    border-radius: 20px;
    min-height: 350px;
}
.industryImg {
    position: relative;
    padding: 0px;
    width: 40%;
 
}
.industryCard:hover .industryImg:before {
    -webkit-animation: zoom-hover 0.75s;
    animation: zoom-hover 0.75s;
}
.industryImg img.serico {
    position: absolute;
    width: 70px;
    bottom: -40px;
    left: 19px;
    background-color: #fff;
    padding: 9px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #3b3b3b36;
}

.industryImg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
}
@-webkit-keyframes zoom-hover {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes zoom-hover {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
.industryImg img{
    width: 100%;
    transition: 0.4s ease-in-out;
    border-radius: 13px;
    overflow: hidden;
}
.industryCard:hover .industryImg img {
    transform: scale(1.05);
}
.industryContent {
    padding: 10px;
    text-align: left;
    margin-top: 47px;
    margin-top: 16px;
}
.industryContent h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    /* margin-top: 10px; */
}
.industryContent p {
    margin-bottom: 20px;
    line-height: 28px;
}
.industryCard a{
    display: inline-block;
    position: unset;
    margin: auto;
    z-index: 3;
    background: transparent;
    width: fit-content;
    color: #005bb4;
    border-radius: 8px;
    font-weight: 500;
    border: none;
}
.industrySlider.owl-carousel{
    position: relative;
}
.industrySlider.owl-carousel .owl-nav {
    margin: 0px;
}
.industrySlider.owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    left: -50px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
}
.industrySlider.owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    right: -50px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
}
.industrynewContainer .flip-box .inner {
    padding: 0px;
}
.industrynewContainer .flip-box .inner.back {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.industrynewContainer  .industryflex {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    height: fit-content;
}
.industrynewContainer .flip-box-front, .industrynewContainer .flip-box-back {
    min-height: auto;
}
.industrynewContainer .indsutryContent {
    padding: 21px;
    text-align: left;
    padding-bottom: 0px;
    padding-top: 5px;
    width: 68%;
}

.industrynewContainer .flip-box {
    margin-bottom: 20px;
}
.section-title.light h4{
    color: #fff;
}
.section-title.light p {
    color: #f5f5f5;
}
.section-title.light::before { 
    background-color: #ffffff;
}
.section-title.left h4 {
    text-align: left;
}
.section-title.left p {
    text-align: left;
    padding: 0px;
}
.section-title.left::before {
    margin-left: 0px;
}
.section-title.left::after {
    margin-left: 0px;
}
.section-title.left {
    text-align: left;
}

.sercontentWrapper .section-title {
    margin-bottom: 32px;
}
.sercontentWrapper p {
    margin-bottom: 16px;
    font-size: 17px;
    line-height: 32px;
    text-align: left;
}
.sercontentWrapper .normalList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
.sercontentWrapper .normalList li {
    padding-left: 23px;
    background-image: url(../img/icons/arrow.svg);
    background-size: 16px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    text-align: justify;
    line-height: 28px;
    color: #3c3c3c;
    font-size: 17px;
    
}
.sercontentWrapper .normalList.fitwidth li {
    width: 33%;
}
.modelImgWrap {
    width: 100%;
    min-height: 500px;
    position: relative;
}
.modelmg {
    position: absolute;
    width: 100%;
}
.modelmg img{
    transition: 0.4s ease-in-out;
    width: 100%;
}
.modelImgWrap:hover img#shapreRotate2{
    transform: scale(1.03);
}
.modelmg .circlMover {
    position: absolute;
    width: 52%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    margin: auto;
}
.modelmg .circlMover {
    position: absolute;
    width: 49%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    margin: auto;
    border: 4px solid #003275;
    border-radius: 100%;
}
.modelmg img.circlMover {
    animation: spinReverse 40s infinite linear;
} 
.modelArrow img {
    animation: spin 40s infinite linear;
}
.col-reverse {
    flex-direction: row-reverse;
}
.col-reverse  .sercontentWrapper {
    padding-right: 30px;
}
.aboutImg {
    position: sticky;
    top: 100px;
}
/* Model Style Two */
.engageTitleWrap {
    width: 100%;
}
.engageTitle {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #072d74;
    color: #fff;
    padding: 18px;
    position: relative;
    margin: 0px auto;
    -webkit-animation: video-pulse-presentation 3s linear infinite;
    animation: video-pulse-presentation 3s linear infinite;
}
.engageTitle::after {
    content: '';
    width: 190px;
    height: 190px;
    position: absolute;
    background: url(../img/other/circle_engine_4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    left: -19px;
    right: 0px;
    top: -5px;
    bottom: 0px;
    margin: auto;
    background-position: center center;
}

@-webkit-keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 #652dffb3, 0 0 0 0 rgba(171, 45, 255, 0.7);
        box-shadow: 0 0 0 0 rgba(171, 45, 255, 0.7), 0 0 0 0 rgba(171, 45, 255, 0.7);
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 rgba(171, 45, 255, 0.7);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 rgba(171, 45, 255, 0.7);
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

@keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 #652dffb3, 0 0 0 0 #652dffb3;
        box-shadow: 0 0 0 0 #652dffb3, 0 0 0 0 #652dffb3;
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #652dffb3;
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #652dffb3;
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

.engageTitle h4{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    position: relative;
    z-index: 2;
}
.engageContentRow {
    width: 100%;
    position: relative;
    z-index: 3;
}
.engageContentRow.first {
    display: flex;
    justify-content: center;
    gap: 45%;
}
.engageContentRow.second {
    display: flex;
    gap: 180px;
    justify-content: center;
    margin-top: 30px;
}
.engageContentRow.third {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 20px;
}
.engageMainCard {
    width: 120px;
    height: 120px;
    background:linear-gradient(0deg, #002e74, #537bb7);
    border-radius: 100%;
    text-align: center;
    padding: 17px 15px;
    position: relative;
    transition: 0.4s ease-in-out;
}
.engageMainCard:hover {
    transform: scale(1.09);
}
.engageMainCard::after {
    content: '';
    width: 147px;
    height: 147px;
    position: absolute;
    background: url(../img/other/circle_engine_3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    left: -13px;
    right: 0px;
    top: -2px;
    bottom: 0px;
    margin: auto;
    background-position: center center;
    display: none;
    /* animation: spinReverse 40s infinite linear; */
}
.engageMainCard .modelIco {
    width: 39px;
    height: 39px;
    transition: 0.4s ease-in-out;
}
.engageMainCard:hover .modelIco {
    transform: rotate(360deg);
}
.engageMainCard h5{
    font-size: 13px;
    line-height: 16px;
    margin-top: 9px;
    color: #fff;
    font-weight: 600;
}
.engageContentWrap {
    position: relative;
}
.engageConnector {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    z-index: 1;
}
.engageConnector div{
    display: block;
    width: 3px;
    height: 100%;
    background: #002e74;
    position: relative;
    animation: lineAnimation 3s linear infinite;
}
@keyframes lineAnimation {
    0% {
        background: #002e74;
    }
    50% {
        background: #045ce0;
    }
    100% {
        background: #b10404;
    }
}
.engageConnector div::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #002e74;
    border-radius: 100%;
    left: -3px;
    top: 0px;
}
.engageConnector div::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #002e74;
    border-radius: 100%;
    left: -3px;
    bottom: 0px;
}
.engageConnector div:nth-child(1){
    margin: 15px 46% 28px auto;
    background: #002e74;
    height: 65%;
}
.engageConnector div:nth-child(2){
    margin: 15px 0% 28px 46%;
    background: #002e74;
    height: 65%;
    top: 0px;
    position: absolute;
}
.engageConnector div:nth-child(3){
    margin: 3px 0% 28px 61%;
    background: #002e74;
    height: 50%;
    top: 0px;
    position: absolute;
}
.engageConnector div:nth-child(4){
    margin: 3px 0% 28px 39%;
    background: #002e74;
    height: 50%;
    top: 0px;
    position: absolute;
}
.engageConnector div:nth-child(5){
    margin: -38px 0% 28px 32%;
    background: #002e74;
    height: 26%;
    top: 0px;
    position: absolute;
}
.engageConnector div:nth-child(6){
    margin: -38px 0% 28px 68%;
    background: #002e74;
    height: 26%;
    top: 0px;
    position: absolute;
}
/* Model Style Two  end */

.saInfoCardWrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.saInfoCard {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    background: linear-gradient(45deg, #002f74, #00acb3);
    border-radius: 80px;
    position: relative;
    overflow: hidden;
}
.saInfoCard.firstcol {
    flex-direction: row-reverse;
}
.saInfoCard.secondcol {
    flex-direction: unset;
}
.saInfoImg {
    width: 70px;
    height: 78px;
    background: #ffffff;
    border: 0;
    border-radius: 100%;
    position: absolute;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saInfoImgCard {
    width: 68px;
    height: 68px;
    border-radius: 100%;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
    margin: auto;
    position: relative;
    z-index: 2;
    border: 6px solid #0aa9b1;
    right: -6px;
}
.saInfoCard.secondcol {
    background: linear-gradient(45deg, #00acb3, #002f74);
}
.saInfoImg img{
   width: 100%;
}
.saInfoContent {
    width: 65%;
    padding: 10px;
    margin-left: 6px;
    margin-right: auto;
}
.saInfoContent h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #fff;
}
.saInfoContent p{
    font-size: 14px;
    line-height: 21px;
    color: #ddd;
}

.saInfoCard.secondcol .saInfoImg {
    right: auto;
    left: -5px;
    width: 80px;
}
.saInfoCard.secondcol .saInfoImgCard {
    right: 1px;
}
.saInfoCard.secondcol .saInfoContent {
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
}
.staffMainimgWrap {
    position: relative;
}
.staffAugmentationImg {
    position: relative;
    /* top: -60px; */
}
.staffAugmentationImg img{
    width: 100%;
}
.staffAugmentationImg .stagImgWrap {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.staffAugmentationImg .stagImgWrap:last-child {
    position: initial;
}
.staffAugmentation  {
    background: linear-gradient(180deg, #ffffffb3, #fffffff0), url(../img/bg/bg3.jpg);
    background-size: contain;
}
.staffAugmentationImg img.stagimg{
  transition: 0.4s ease-in-out;
}
.staffAugmentationImg img.stagimg.i {
    position: initial;
}
.staffAugmentationImg:hover img.stagimg.ii {
    transform: scale(1.05);
}
.staffAugmentationImg:hover img.stagimg.iv {
    transform: scale(1.05);
}

.staffMainImg {
    width: 63%;
    margin: auto;
    position: relative;
    z-index: 2;
    
    
}
.staffMainImg::after{
    content: '';
    position: absolute;
    width: 180px;
    height: 22px;
    background: #111;
    bottom: -21px;
    left: 0px;
    right: 0px;
    margin: auto;
    border-radius: 100%;
    filter: blur(7px);
    opacity: 0.4;;
}
.staffMainImg img{
    width: 100%;
    animation: upandDown 7s linear infinite;
}
@keyframes upandDown {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
.staffIndicator {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 248px;
    z-index: 1;
}
.staffIndicator img{
    width: 100%
}
.saContainer {
    margin-top: 40px;
}
.SAsomeParaContent {
    margin-top: 30px;
}






.book-img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}
.book-img {
    overflow: hidden;
}
.our-book-card{
    cursor: pointer;
}
.our-book-card img {
    width: 100%;
    transition: 0.5s ease-out;
}
.our-book-card:hover .book-img img{
    transform: scale(1.1);
}
.our-book-content {
    text-align: center;
    margin: 10px 0px;
}

.our-book-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #343434;
}


.books{
    min-height: 640px;
}
#main {
    width: 100%;
}

#main:after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

#filter {
    margin: 0 auto;
}

#filter:after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

#filters {
    width: fit-content;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #002e74;
    padding: 0px 0px;
    display: flex;
    align-items: center;
}

#filters li {
    color: #003075;
    cursor: pointer;
    display: inline-block;
    padding: 13px 10px;
    transition: all 0.5s ease;
    margin: 0px;
    position: relative;
    background: white;
    border-radius: 0;
    border: none;
    width: 200px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#filters li.active {
    background: #003075;
    color: #fff;
}
#filters li::after{
    /* content: ''; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
    height: 2px;
    background: #b61515;
}
#filters li h4{
    font-size: 18px;
    font-weight: 600;
}
#filters li:hover {
    color: #b61515;
}

#containerfilter {
    width: 100%;
}

#containerfilter:after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

#containerfilter .filter-item {
    visibility: visible;
    /* width: 31.33333333%; */
    /* margin: 1%; */
    float: left;
    transition: all 0.5s ease;
    /* border-radius: 5px; */
}

#containerfilter .filter-item.hidden {
    width: 0;
    height: 0;
    margin: 0;
    /* transform: scaleY(0); */
    opacity: 0;
    visibility: hidden;
}


.testimonials{
    background: #3c3e640a;
}
.testimonial-section{
    width: 80%;
    margin: auto;
}
.testimonial-card{
    padding: 30px;
    text-align: center;
}
.testi-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-carousel .owl-item .testi-img img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}
.testi-img i{
    padding: 20px;
    margin: 0px 20px;
    color: #fff8f8;
    font-size: 32px;
}
.testi-content p{
    margin-top: 22px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #ddd;
}
.testi-author h4{
    font-size: 20px;
    font-weight: 700;
    color: #e5f1ff;
}
.testi-author p{
    color: #b5b5b5;
    font-size: 15px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-prev{
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #ddd;
    line-height: 8px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-next{
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #ddd;
    line-height: 8px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-prev:hover{
    background: #ddd;
    color: #002e74;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-next:hover{
    background: #ddd;
    color: #002e74;
  
}

.get-in-touch-form{
    padding: 30px;
}
.getintouch{
    padding: 30px;
}
.getintouchSec .about-us-content-wrapper {
    background: linear-gradient(180deg, #00a7cccc, #004f9cbf), url(../img/bg/getintouch-bg.jpg);
    background-size: 100%;
    background-position: center;
}
.getintouchSec .about-us-content-wrapper p {
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
}
.getintouchSec .about-us-content-wrapper h4 {
    color: #fff;
    margin-bottom: 20px;
}
.getintouchSec .about-us-content-wrapper h5 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 500;
}
.get-in-touch-row {
    /* background: #dddddd14;  */
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
    overflow: hidden;
}
.getintouch label{
    color: #34344e;
    position: relative;
    top: 36px;
    left: 11px;
    transition: 0.5s ease-out;
}
.getinput.position label{
    top: 0px;
    left: 0px;
}
.getintouch input{
    width: 100%;
    color: #222222;
    line-height: 1;
    padding: 13px 10px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #82b0bf;
    margin-bottom: 18px;
    max-width: 100%;
    font-size: 15px;
    transition: .3s ease;
    background: transparent;
}
.getintouch input:focus{
    box-shadow: none;
}
.getintouch input::placeholder{
    color: #cbcbcb;
    color: transparent;
}
.getintouch textarea{
    width: 100%;
    color: #222222;
    line-height: 1;
    padding: 13px 10px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #82b0bf;
    margin-bottom: 18px;
    max-width: 100%;
    font-size: 15px;
    transition: .3s ease;
    background: transparent;
}
.getintouch textarea::placeholder{
    color: #cbcbcb;
    color: transparent;
}
.getintouch textarea:focus{
    box-shadow:none;
}
.footer{
    background-color: #1e1e1e;
    background-image: url(../img/texture/footer-bg-2.png);
    background-size: contain;
}
.footer-logo {
    width: 100%;
    background: #fff0;
    padding: 10px;
    border-radius: 8px;
}
.footer-logo img{
    width: 100%;
}
.footer-content:hover .footer-title h4::after{
    width: 100px;
    background: linear-gradient(87deg, #c6c6c6, transparent);
}
.footer-content-para p{
    text-align: justify;
    margin-top: 20px;
    margin-right: 20px;
    color: #d1d1d1;
}
.footer-title h4{
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 20px;
    position: relative;
}
.footer-title h4::after{
    position: absolute;
    content: '';
    bottom: 12px;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(87deg, #c6c6c6, transparent);
    transition: 0.4s ease-in-out;
}
.footer-links a{
    color: #ffffff;
    line-height: 28px;
    font-size: 12px;
    
}
.footer-address ul li a {
    font-size: 12px;
}
.footer p {
    font-size: 12px;
}
.footer-links a:hover{
    color: #00b1e9;
}
.footer-address ul li{
    display: flex;
    align-items: baseline;
}
.footer-address ul li i{
    color:#00b1e9;
    margin-right: 10px;
}
.footer-address ul li a{
    color: #fff;
    line-height: 30px;
}
.footer-address ul li a:hover {
    color: #00b1e9;
}
.footer-social-links {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.footer-social-links li a i{
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
.footer-social-links li a i.fa-facebook-f{
    color: #0075ea !important;
}
.footer-social-links li a i.fa-instagram{
   color: #be0b31;
}
/* 
.footer-social-links li a i.fa-instagram::after{
    background: #fff;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 50%;
    z-index: 1;
} */
.footer-social-links li a i.fa-linkedin-in{
    color: #0a66c2 !important;
}
.footer-social-links li a i.fa-twitter{
    color: #009feb !important;
}

.footer-social-links li p{
    color: #fff;
    margin-right: 10px;
}
.footer-copyright{
    background: #000000;
    padding: 10px 0px;
}
.aks-logo p{
    color: #fff;
    font-size: 12px;
}
.aks-logo p span{
    color:#00b1e9;
    font-weight: 600;
}




/* preloader Animation */
/* Preloader */
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ebfdff;
    z-index: 99999999;
}

#preloader-logo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#preloader-logo img{
  width: 54px;
  -webkit-animation: breathing 2s ease-out infinite normal;
  animation: breathing 2s ease-out infinite normal;
}
.loading-msg {
    width: 100%;
    font-size: 0.75em;
    color: #555;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
}

.spinner {
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-top: 3px solid #2e3192;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: -2px;
    right: 0;
    margin: auto;
    animation: spin_loader 1s infinite ease;
}

@keyframes spin_loader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#loading-msg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 0.8em;
}
.spinner img{
    display: flex;
    justify-content: center;
    align-items: center;
}
@-webkit-keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  
  @keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
}

/* Go to top */

#button {
    display: inline-block;
    background-color: #003175;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
    font-size: 10px;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#button.show {
    opacity: 1;
    visibility: visible;
}



/* 08-09-2023 */
.bnrshape1{
    position: absolute;
    left: -3%;
    top: 0;
    bottom: 0;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    background: linear-gradient(90deg, #0000004f, transparent);
    margin: auto;
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
    backdrop-filter: blur(1px);
    filter: blur(0px);
}

@-webkit-keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
  
    100% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  
  @keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    50% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
}

.bnrshape1::after{
    position: absolute;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    border: 1px solid #87878752;
    border-radius: 100%;
    animation: zoomBig 5s linear infinite;
    animation-delay: 1.3s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.bnrshape1::before{
    position: absolute;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    border: 1px solid #93939326;
    border-radius: 100%;
    animation: zoomBig 5s linear infinite;
    animation-delay: 1.7s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
@keyframes zoomBig {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.7;
      border-width: 3px;
    }
    40% {
      opacity: .5;
      border-width: 2px;
    }
    65% {
      border-width: 1px;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.5);
      opacity: 0;
      border-width: 1px;
    }
}

.bnrshape2{
    border: 1px solid #D9D9D9;
    width: 33px;
    height: 33px;
    position: absolute;
    left: 77px;
    bottom: 36px;
    border-radius: 50%;
    animation: zoomBig 3s linear infinite;
    visibility: visible;
    animation-delay: 1100ms;
}
.banner-content-wrapper {
    background-image: url(../img/icons/banner-bg-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top -70px;
}
.bg-img-1{
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    width: 100%;
    height: 77vh;
    z-index: -1;
}
.aboutImgWraper {
    width: 100%;
    border-radius: 10px;
    position: relative;
}
.aboutImgWraper::after {
    position: absolute;
    content: '';
    width: 81%;
    height: 81%;
    background: #e8f2ff;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    filter: blur(60px);
}
.aboutImgWraper img{
    width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    animation: upandDown 5s linear infinite;
}
.about-shape-1{
    position: absolute;
    right: 50px;
    top: 36px;
    visibility: visible;
    animation-delay: 300ms;
    animation-name: zoomIn;
}
.about-shape-1 img{
    animation: rotated 20s infinite linear;
}
@keyframes rotated {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

.bg-img-2{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;    
}
.bg-img-2 img{
    width: 126%;
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
    opacity: 0.6;
    object-fit: fill;
}
.ourServicesWrapper {
    position: relative;
    z-index: 5;
}
.testimonials{
    background-image: url(../img/texture/testimonial-bg-2a.png);
    background-size: cover;
    background-position: center;
    background-color: #202840;
    background-blend-mode: color-burn;
}
.books{
    background-image: url(../img/bg/service-bg-2.jpg);
    background-size: contain;
}
.book-img{
    position: relative;
}
.book-img::after{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #00000078;
    transition: all 0.5s ease-in-out;
    opacity: 0;

}
.book-img-connect{
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 40px;
    height: 40px;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    opacity: 0;
    transform: rotate(45deg);
}
.our-book-card:hover .book-img:after{
    top: 0;
    opacity: 1;
}
.our-book-card:hover .book-img .book-img-connect{
    visibility: visible;
    top: 0px;
    opacity: 1;
    transform: rotate(0deg);
}
.get-in-touch {
    background-image: url(../img/texture/form-bg.png);
    background-size: contain;
}

.get-in-touch-form{
    background-color: #ffff;
}
.socialSticky {
    position: fixed;
    right: 15px;
    top: 35%;
    max-height: 100vh;
    z-index: 33;
}
.socialSticky ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.socialSticky a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 36px;
    border-radius: 100%;
    background: #ffffffa3;
    backdrop-filter: blur(5px);
    font-size: 13px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.socialSticky i {
    color: #000b1c;
}
.socialSticky a:hover {
    background: #fff;
    backdrop-filter: blur(0px);
}
.socialSticky a:hover i.fa-facebook-f {
    color: #0075ea;
}
.socialSticky a:hover i.fa-instagram {
    background: -webkit-linear-gradient(#556db3, #ea3367, #ff4f28, #ffad57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.socialSticky a:hover i.fa-linkedin-in {
    color: #0077B5;
}
.socialSticky a:hover i.fa-x-twitter {
    color: #000;
}
.socialSticky a:hover i.fa-youtube {
    color: #f70000;
}
.support {
    position: fixed;
    display: flex;
    width: 135px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background: #003075bf;
    border-radius: 50px;
    z-index: 9999;
    bottom: 43px;
    left: 20px;
    padding: 7px;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    backdrop-filter: blur(7px);
}
.support img {
    width: 40px;
    margin-right: 5px;
}


#whatsapp {
    position: fixed;
    right: 30px;
    text-align: center;
    height: 50px;
    width: 50px;
    font-size: 35px;
    background-color: #13a4e1;
    border-radius: 100%;
    bottom: 100px;
    z-index: 100000000000;
    -webkit-animation: mymove 3s;
    -webkit-animation-iteration-count: infinite;
    animation: mymove 3s;
    animation-iteration-count: infinite;
}


@-webkit-keyframes mymove {
    from {
        bottom: 100px;
    }

    to {
        bottom: 100px;
        background-color: #01e675;
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}

@keyframes mymove {
    from {
        bottom: 100px;
    }

    to {
        bottom: 100px;
        background-color: #01e675;
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}

.chatbot {
    position: fixed;
    left: 30px;
    text-align: center;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    bottom: 100px;
    z-index: 100000000000;
    animation: bounce 4s infinite ease-in-out;
    animation-delay: 3s;
}
.chatbot img{
    width: 100%;
}

.textMover h4 {
    position: absolute;
    font-size: 120px;
    font-weight: 900;
    /* text-transform: uppercase; */
    right: 0px;
    z-index: -1;
}
.textMover1 h4 {
    top: -57px;
    color: #9393931f;
}
.textMover2 h4 {
    font-size: 90px;
    top: -150px;
    color: #9393931f;
    z-index: 2;
    right: 0px;
    margin: auto;
    left: 0px;
    text-align: center;
}
.textMover3 h4 {
    font-size: 90px;
    top: -250px;
    color: #9393931f;
    z-index: 2;
    right: 0px;
    margin: auto;
    left: 0px;
    text-align: center;
}
.textMover4 h4 {
    font-size: 90px;
    top: -290px;
    color: #9393931f;
    z-index: 2;
    right: 0px;
    margin: auto;
    left: 0px;
    text-align: center;
}
.textMover5 h4 {
    font-size: 98px;
    right: 130px;
    color: #9393931f;
    z-index: 2;
    margin: auto;
    left: 0px;
    text-align: center;
    width: fit-content;
    top: 67px;
}
.textMover6 h4 {
    font-size: 98px;
    right: 0px;
    color: #9393931f;
    z-index: 2;
    margin: auto;
    left: -27%;
    text-align: left;
    top: -40px;
}
.textMover7 h4 {
    font-size: 90px;
    top: -514px;
    color: #9393931f;
    z-index: 2;
    right: 0px;
    margin: auto;
    left: 0px;
    text-align: center;
}

#tsparticles {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
    opacity: 0.1;
}

#tsparticles canvas {
    position: unset !important;
}
.homeFromBg {
   
    position: relative;
}
.homeFromBg .bg-img-2 {
    align-items: normal;
}

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

.hctFromContainer {
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 25px;
    background: linear-gradient(#ffffff, #ffffff), url(../img/texture/texture2.png);
    background-size: cover;
    margin-bottom: 0;
    position: relative;
    background-blend-mode: hue;
    margin-left: 30px;
    z-index: 3;
    
}

.formWrapper {
    margin-top: 20px;
}

.formWrapper .form-control {
    border-radius: 15px;
    padding: 10px 15px;
    border-radius: 5px; font-size: 13px;
}

.formWrapper textarea { min-height: 100px; }

.formWrapper .form-control.form-select:focus {
    box-shadow: none;
    border-color: #a62418;
}

.hctFromContainer .form-group {
    display: block;
    margin-bottom: 14px;
}

.hctFromContainer .form-group span {
    margin-bottom: 10px;
    font-weight: 500;
    display: inline-block;
}

.hctFromContainer .form-group input:focus {
    box-shadow: none;
    border-color: #006abb;
}

.hctFromContainer .form-group textarea:focus {
    box-shadow: none;
    border-color: #006abb;
}

.homectfrombg {
    position: absolute;
    z-index: 1;
    width: 75%;
    height: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background-image: url(../img/bg/bg-3.jpg);
    background-color: #141414;
    background-blend-mode: soft-light;
}

.homeFormWrapper {
    padding-left: 40px;
}

.formSubmitBtn button {
      /* display: inline-block; */
      font-family: 'Campton';
      text-align: center;
      margin: 0px auto;
}

.gm-style .place-card-large {
    display: none!important;
}


.whatsepaprtcard {
    padding: 20px;
    background: linear-gradient(114deg, #e6fbff, #e8f3ff);
    border-radius: 13px;
    border: 1px solid #dcf0ff;
    min-height: 223px;
    display: flex
;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    margin-bottom: 20px;
}
.whatsepaprtcard h4 {
    font-size: 20px ;
    font-weight: 600;
    color: #111;
    letter-spacing: 0px;
    margin-bottom: 0px;
}
.whatsepaprtcard p {
    font-size: 15px;
    color: #111;
}

.industry-box-container .whatsepaprtcard  {
    min-height: auto;
    padding: 12px 10px;
    justify-content: left;
    text-align: center;
    min-height: 68px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.industry-box-container .whatsepaprtcard img {
    width: 40px;
    margin-left: 0px;
    margin-right: 0px;
}
.industry-box-container .whatsepaprtcard h4 {
    font-size: 17px;
}




.whychoosWrap .row {
    height: fit-content;
}
.whychoosWrap .col {
    height: fit-content;
}
.whyChooseTile {
    position: relative;
    min-height: 330px;
    min-height: auto;
    background: transparent;
    padding: 10px;
    cursor: pointer;
}

.whyChooseTile::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.4s ease-in-out;
    border-radius: 10px;
    background: radial-gradient(#fff, #e6f7ff);
}

/* .whyChooseTile.tile1::after {
    background: radial-gradient(#fff, #e6f7ff);
}

.whyChooseTile.tile2::after {
    background: radial-gradient(#fff, #ffe6fa);
}

.whyChooseTile.tile3::after {
    background: radial-gradient(#fff, #dbffbb);
}

.whyChooseTile.tile4::after {
    background: radial-gradient(#fff, #ffe6e6);
}

.whyChooseTile.tile5::after {
    background: radial-gradient(#fff, #f7ffce);
} */

.whyChooseTile:hover:after {
    height: 100%;
}

.whyChooseTileIcon {
    width: 90px;
    margin: 0;
    padding: 19px;
    height: 90px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.4s ease-in;
    margin-top: 0px;
    z-index: 2;
}

.whyChooseTile:hover .whyChooseTileIcon {
    background: #fff;
}

.whyChooseTileIcon img {
    width: 100%;
}

.whyChooseTileContent {
    position: relative;
    z-index: 2;
    padding: 5px;
}

.whyChooseTileContent h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0px;
    margin-top: 10px;
}

.whyChooseTileContent p {
    position: relative;
    margin-top: -100px;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease-in-out;
}

.whyChooseTile:hover .whyChooseTileContent p {
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
}

.getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
    background: linear-gradient(180deg, #0000007a, #000000ab), url(../img/bg/bg-cta.jpg);
    background-size: 100%;
    background-position: center;
    padding: 30px;
    min-height: 480px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
}


.normalList {
    padding-left: 30px;
}




/* inner */
.innerBanner {
    padding-top: 0px;
    padding-bottom: 0px;
    background: linear-gradient(90deg, #091724ed, #041626d6), url(../img/bg/inner-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}

.innerBannerContent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 370px;
    padding-left: 0px;
    padding-top: 0px;
}
.innerBannersmall { height: 200px; }

.someotherTitle h3 {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
.inrbnrMain {
    height: fit-content;
    text-align: center;
}

.inrbnrMain h2 {
    font-size: 54px;
    font-weight: 600;
}

.inrbrnNav {
    display: flex;
    align-items: center;
    margin-top: 3px;
    justify-content: center;
}

.inrbrnNav li a {
    color: #a1a1a1;
}

.inrbrnNav li a i {
    font-size: 13px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.inrbrnNav li {
    position: relative;
    border-right: 1px solid #4c4c4c;
    padding: 0px 10px;
}

.inrbrnNav li:last-child {
    border: none;
}

.inrbrnNav li:last-child a {
    color: #65cae3;
    font-weight: 600;
}

.innerbnrextImg {
    width: 35%;
    position: absolute;
    right: 10%;
    bottom: 0px;
    top: 0px;
    height: fit-content;
    margin: auto;
}

.innerbnrextImg img {
    width: 100%;
    animation: upandDown 6s ease-in-out infinite alternate-reverse both;
}

.subtitle {
    font-size: 24px;
    font-weight: 500;
}


.ourMission {
    background: linear-gradient(180deg, #0000007a, #000000ab), url(../img/bg/our-mission-bg.jpg);
    background-size: 100%;
    background-position: center;
    padding: 30px;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ourMissionWrapper h4 {
    color: #fff;
    margin-bottom: 20px;
}
.ourMissionWrapper p {
    margin-bottom: 10px;
    color: #fff;
}

.ourMissionWrapper .aboutImgWraper::after {
    display: none;
}

.ourMissionWrapper .about-us-nor p:first-child {
    margin-top: 14px;
    margin-bottom: 0px;
}

.process .aboutotherContents {
    width: 100%;
}

.process .whyChooseTile {
    background: linear-gradient(270deg, #fbfbfb, #fdffff);
    border: 1px solid #f1f1f1;
    margin-bottom: 26px;
 
    border-radius: 20px;
    padding: 0px;
    /* transition: 0.4s ease-in-out;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s; */
}

.process .whyChooseTileContent {
    padding: 16px;
    max-height: 68px;
    transition: 0.4s ease-in-out;
    -webkit-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    -ms-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    transition: max-height 0.4s;
}
/* .process .whyChooseTileContent::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.4s ease-in-out;
    border-radius: 10px;
    background: radial-gradient(#fff, #e6f7ff);
}
.process  .whyChooseTile:hover .whyChooseTileContent::after {
    height: 100%;
} */
.process  .whyChooseTile:hover .whyChooseTileContent {
    max-height: 300px;
}
.process .whyChooseTileIcon {
    box-shadow: none;
    width: auto;
    height: auto;
    justify-content: flex-start;
    padding: 0px;
    position: relative;
    z-index: 2;
}
.process .whyChooseTileContent h4, .process .whyChooseTileContent p {
    position: relative;
    z-index: 2;
    margin-top: 0px;
}
.process .whyChooseTileIcon h4  {
    font-size: 70px;
    background: -webkit-linear-gradient(90deg, transparent, #43d6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: 0px;
    left: 20px;
    font-weight: 700;
  
}
.process .whyChooseTile:hover .whyChooseTileIcon {
    background: transparent;
}


.whenwepartner .industryContent {
    margin-top: 0px;
}
.whenwepartner .industryCard {
    min-height: 178px;
    margin-bottom: 24px;
}

.whenwepartner .testimonials-bg img {
    height: 100%;
    object-fit: cover;
}

.ourTeamAbout .flip-box-front, .ourTeamAbout .flip-box-back {
    min-height: 127px;
}

.realwordimpact .section-title {
    margin-bottom: 30px;
}


.contactMain {
    display: flex
;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
}
.contactMain i {
    width: 50px;
    height: 50px;
    background: linear-gradient(46deg, #00b4dc, #005bb4);
    border-radius: 10px;
    text-align: center;
    line-height: 48px;
    font-size: 27px;
    color: #fff;
}
.contactMain p {
    margin: 0px;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.contactMain a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #111;
    /* display: block; */
}
.textWrapper h2 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 24px;
}

.contactInfo {
    margin-top: 20px;
}

.contactInfo h5.title {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 0px;
}


.contactInfoTab {
    padding-left: 30px;
}

 .process-flow {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }

    .step {
      text-align: center;
      width: 15%;
      position: relative;
    }
    .step img { position: absolute; right: -35px; top: 3%; transform: rotate(-20deg); }
    .step img.flip { transform: rotate(260deg); }

    .step .icon {
      width: 100px;
      height: 100px;
      background-color: #00bfff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 10px;
      color: white;
      font-size: 40px;
    }

    .step p { margin: 0; font-weight: bold; font-size: 13px; line-height: 1.5; min-height: 45px; }
    .step p.step-det { font-size: 12px; font-weight: 400!important; line-height: 1.5; }

    /* Responsive Adjustments */
    @media (max-width: 600px) {
      .step {
        width: 100px;
      }

      .step .icon {
        width: 80px;
        height: 80px;
        font-size: 30px;
      }
    }
    .floatlist { margin: 0px 0px 20px 20px; padding: 0px; list-style: none; }
    .floatlist li { display: inline-block; margin: 0px 10px 5px 0px; padding: 0px 0px 0px 20px; position: relative; background-image: url(../img/icons/arrow.svg);
    background-size: 16px; background-position: left top 4px; background-repeat: no-repeat; }
    .fetbox { border: 1px solid #efefef; padding: 10px; border-radius: 10px; position: relative; padding-left: 50px; min-height: 110px; }
    .fetbox h4 { font-size: 18px; margin-bottom: 5px; }
    .fetbox p { line-height: 1.3 }
    .fetbox img { max-height: 25px; position: absolute; left: 10px; top: 15px; }
    .greybox { padding: 10px 20px; background: linear-gradient(270deg, #e8fbff, #dff0ff); margin-bottom: 15px; border-radius: 10px; }
    .greybox ul li { padding: 0px 0px 10px 20px; position: relative; font-size: 13px; }
    .greybox ul li img { position: absolute; left: 0; top: 3px; }
    .formrow { margin: 0px 0px 10px 0px; }
    .formrow label { font-weight: 400; margin: 0px 0px 10px 0px; }
    .circleimg { width: 250px;  height: 250px; background: #fff; border-radius: 100%; position: absolute; margin: -350px 0 0 0; right: 0; }
    .blugbg { background: linear-gradient(180deg, #0000007a, #000000ab), url(../img/bg/blugbg.jpg);
    background-size: 100% 100%; background-position: center; padding: 30px;
    display: flex; flex-direction: column; justify-content: center; }
    .servicelistcont1 ul { background: rgb(22 47 82 / 55%); border-radius: 15px; padding: 15px; margin: 20px 0px; border: 1px solid #116589; }
    .servicelistcont1 ul li { color: #fff; margin: 10px 0px; }
    .servicelistcont1 ul li span { color: #00acd8; font-weight: 700; display: block; }
    .servicelistcont1 ul li img { max-height: 15px; }
    .bluepatrn { background-image: url(../img/blue-pattren.jpg); background-position: center top; }
    .darkbox { background: rgb(22 47 82 / 55%); border-radius: 15px; padding: 15px; margin: 20px 0px; border: 1px solid #116589; }
    .bluecolor-boldtxt { color: #00acd8; font-weight: 700; display: block; }
    .no-beforeafter:before, .no-beforeafter:after { display: none; }
    .blogcont {
        border: 1px solid #e5e5e5;
        padding: 10px;
        border-radius: 10px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .blogimg {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #e5e5e5;
        width: 100%;
        min-height: 180px;
        overflow: hidden;
        border-radius: 10px;
        background: #000;
    }
    .blogimg img {
        max-width: 100%;
        max-height: 180px;
        transition: all 0.3s ease-in-out;
    }
    .blogdet-img { float: left; margin: 0px 20px 20px 0px; max-width: 500px; }

    
    .blogdetimg img { max-height: 300px; }
    .blodate {
        display: inline-block;
        background: #e65013;
        padding: 5px 10px;
        color: #fff;
        font-size: 12px;
        line-height: 1;
        margin: 10px 0px;
        border-radius: 5px;
    }
    .blogdetails h5 {
        margin: 0px 0px 10px 0px;
        font-weight: 600;
        font-size: 15px;
        line-height: 1.3;
        color: #053a7c;
    }
    .blogdetails h5 a {
        color: #000;
    }
    .blogdetails h6 {
        display: inline-block;
        font-size: 13px;
        color: #053a7c;
    }
    .pointhd { font-size: 1.4rem; font-weight: 600; margin: 10px 0 10px 0; padding: 0px 0px 10px 0px; color: #05657e; border-bottom: 1px dashed #55a9c5; position: relative; }
    .pointhd:after { content:''; background: #05657e; position: absolute; left: 0; bottom: -2px; width: 80px; height: 3px; }

.checkbox-wrapper-28 { --size: 20px; margin-bottom: 0px; position: relative; min-height: 33px; }

  .checkbox-wrapper-28 *,
  .checkbox-wrapper-28 *:before,
  .checkbox-wrapper-28 *:after {
    box-sizing: border-box;
  }

  .checkbox-wrapper-28 .promoted-input-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .checkbox-wrapper-28 input:checked ~ svg {
    height: calc(var(--size) * 0.6);
    -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
            animation: draw-checkbox-28 ease-in-out 0.2s forwards;
  }
  .checkbox-wrapper-28 label:active::after {
    background-color: #e6e6e6;
  }
  .checkbox-wrapper-28 label {
    color: #000;
    font-size: 13px;
    line-height: var(--size);
    cursor: pointer;
    position: relative;
    padding-left: 30px;
  }
  .checkbox-wrapper-28 label:after {
    content: "";
    height: var(--size);
    width: var(--size);
    margin-right: 8px;
    float: left;
    border: 2px solid #0080d3;
    border-radius: 3px;
    transition: 0.15s all ease-out;
    position: absolute;
    left: 0;
    top: 0;
  }
  .checkbox-wrapper-28 label:active { color: #0080d3; }

  .checkbox-wrapper-28 svg {
    stroke: #0080d3;
    stroke-width: 3px;
    height: 0;
    width: calc(var(--size) * 0.6);
    position: absolute;
    left: calc(var(--size) * 0.21);
    top: calc(var(--size) * 0.2);
    stroke-dasharray: 33;
  }

  @-webkit-keyframes draw-checkbox-28 {
    0% {
      stroke-dashoffset: 33;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }

  @keyframes draw-checkbox-28 {
    0% {
      stroke-dashoffset: 33;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }






/* harpreet responsive start */

@media screen and (max-width:1650px) and (min-width: 1500px) {
    .aboutotherContents h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .aboutotherContents p {
        font-size: 13px;
        line-height: 20px;
        overflow-y: auto;
        height: 80px;
    }
    .cardnewStyle .aboutOtherCard {
        min-height: 140px;
        max-height: 140px;
    }
    .flip-box-header {
        font-size: 16px;
    }
    .flip-box p {
        font-size: 13px;
        line-height: 20px;
    }
    .flip-box-front, .flip-box-back {
        min-height: 247px;
    }
    .flip-box-header {
        margin-bottom: 0;
        line-height: 20px;
    }
    .specializationWrapper {
        margin-top: 0px;
    }
    .whyChooseTileContent h4 {
        font-size: 16px;
    }
    .whyChooseTileContent p {
        font-size: 13px;
        line-height: 20px;
    }
    .whyChooseTileContent p {
        margin-top: -150px;
    }
    .serviceSec .normalList {
        padding-left: 30px;
    }
    .industryImg {
        height: 190px;
    }
    .industryImg img {
        height: 100%;
        object-fit: contain;
    }
    .industryContent h4 {
        min-height: 50px;
        font-size: 16px;
        padding: 0px;
        
    }
    .industryContent p {
        margin-bottom: 20px;
        line-height: 20px;
        font-size: 13px;
        min-height: 80px;
    }
    .normalList {
        padding-left: 30px;
    }
    .wwd-text-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .wwd-text-content {
               display: flex;
        min-height: 154px;
        align-items: center;
    }
    .wwd-para li {
        font-size: 13px;
        line-height: 20px;
    }
    .getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
        min-height: 350px;
    }
}

@media screen and (max-width:1499px) and (min-width: 1250px) {
    .whenwepartner .industryCard {
        min-height: 198px;
        margin-bottom: 24px;
    }
    .about-us-nor p {
        line-height: 25px;
        font-size: 15px;
    }
    .section-title p {
        line-height: 25px;
        font-size: 15px;
    }
    .about-us-title h4 {
        margin-bottom: 26px;
        font-size: 35px;
    }
    .aboutotherContents h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .aboutotherContents p {
        font-size: 13px;
        line-height: 20px;
        overflow-y: auto;
        height: 80px;
    }
    .cardnewStyle .aboutOtherCard {
        min-height: 155px;
        max-height: 155px;
    }
    .flip-box-header {
        font-size: 16px;
    }
    .flip-box p {
        font-size: 13px;
        line-height: 20px;
    }
    .flip-box-front, .flip-box-back {
        min-height: 247px;
    }
    .flip-box-header {
        margin-bottom: 0;
        line-height: 20px;
    }
    .specializationWrapper {
        margin-top: 0px;
    }
    .whyChooseTileContent h4 {
        font-size: 16px;
    }
    .whyChooseTileContent p {
        font-size: 13px;
        line-height: 20px;
    }
    .whyChooseTileContent p {
        margin-top: -150px;
    }
    .serviceSec .normalList {
        padding-left: 30px;
    }
    .industryImg {
        height: auto;
    }
    .industryImg img {
        height: 100%;
        object-fit: contain;
    }
    .industryContent h4 {
        min-height: 30px;
        font-size: 18px;
        padding: 0px;
        padding-bottom: 9px;
        
    }
    .industryContent p {
        margin-bottom: 20px;
        line-height: 24px;
        font-size: 14px;
        min-height: 82px;
    }
    .normalList {
        padding-left: 30px;
    }
    .wwd-text-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .wwd-text-content {
        min-height: 225px;
    }
    .wwd-para li {
        font-size: 13px;
        line-height: 20px;
    }
    .getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
        min-height: 350px;
    }
    .sercontentWrapper p {
        font-size: 15px;
        line-height: 25px;
    }
    .normalList li {
        font-size: 15px;
        line-height: 25px;
    }
}



@media screen and (max-width:1140px) and (min-width:1025px) {
    .main-navigation ul li a.navlinks {
        padding: 18px 13px;
        font-size: 13px;
    }
    .drop-down li a.sub-navlinks {
        line-height: 32px;
        font-size: 14px;
    }
    .main-navigation ul li.menu-has-child:hover .drop-down {
        top: 73px;
    }
    .flip-box p {
        font-size: 14px;
    }
    .flip-box-front .industryflex {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: 100%;
        justify-content: space-between;
        min-height: 277px;
    }
    .industryContent p {
        margin-bottom: 17px;
        font-size: 14px;
    }
    .industryContent {
        min-height: 170px;
    }
    .ourProjectSec .flip-box-front, .ourProjectSec .flip-box-back {
        min-height: 327px;
    }
    .ourProjectSec  .flip-box-front .industryflex {
        min-height: 327px;
    }
}

@media screen and (max-width:1249px) and (min-width: 999px) {
    .bnr1 .banner-content h4 {
        font-size: 30px;
        line-height: 48px;
    }
    
    .about-us-nor p {
        line-height: 22px;
        font-size: 14px;
    }
    .section-title p {
        line-height: 22px;
        font-size: 14px;
    }
    .about-us-title h4 {
        margin-bottom: 18px;
        font-size: 36px;
    }
    .aboutotherContents h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .aboutotherContents p {
        font-size: 13px;
        line-height: 20px;
        overflow-y: auto;
        height: 80px;
    }
    .cardnewStyle .aboutOtherCard {
        min-height: 155px;
        max-height: 155px;
    }
    .flip-box-header {
        font-size: 16px;
    }
    .flip-box p {
        font-size: 13px;
        line-height: 20px;
    }
    .flip-box-front, .flip-box-back {
        min-height: 247px;
    }
    .flip-box-header {
        margin-bottom: 0;
        line-height: 20px;
    }
    .specializationWrapper {
        margin-top: 0px;
    }
    .whyChooseTileContent h4 {
        font-size: 16px;
    }
    .whyChooseTileContent p {
        font-size: 13px;
        line-height: 20px;
    }
    .whyChooseTileContent p {
        margin-top: -110px;
    }
    .serviceSec .normalList {
        padding-left: 30px;
    }
    .industryImg {
        height: 160px;
    }
    .industryImg img {
        height: 100%;
        object-fit: contain;
    }
    .industryContent h4 {
        min-height: 50px;
        font-size: 16px;
        padding: 0px;
        
    }
    .industryContent p {
        margin-bottom: 20px;
        line-height: 20px;
        font-size: 13px;
        min-height: 102px;
    }
    .normalList {
        padding-left: 30px;
    }
    .wwd-text-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .wwd-text-content {
        min-height: 225px;
    }
    .wwd-para li {
        font-size: 13px;
        line-height: 20px;
    }
    .getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
        min-height: 350px;
    }
    .sercontentWrapper p {
        line-height: 22px;
        font-size: 14px;
    }
    .normalList li {
        line-height: 22px;
        font-size: 14px;
    }
    .section-title h4 {
        font-size: 36px;
    }
    .whychoosWrap .row .col {
        width: 33%;
        flex: unset;
    }
}
@media screen and (max-width:1024px) and (min-width:768px){
    .bnr1 .banner-content h4 {
        font-size: 30px;
        line-height: 48px;
    }
    
    .about-us-nor p {
        line-height: 22px;
        font-size: 14px;
    }
    .section-title p {
        line-height: 22px;
        font-size: 14px;
    }
    .about-us-title h4 {
        margin-bottom: 18px;
        font-size: 36px;
    }
    .aboutotherContents h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .aboutotherContents p {
        font-size: 13px;
        line-height: 20px;
        overflow-y: auto;
        height: 80px;
    }
    .cardnewStyle .aboutOtherCard {
        min-height: 155px;
        max-height: 155px;
    }
    .flip-box-header {
        font-size: 16px;
    }
    .flip-box p {
        font-size: 13px;
        line-height: 20px;
    }
    .flip-box-front, .flip-box-back {
        min-height: 247px;
    }
    .flip-box-header {
        margin-bottom: 0;
        line-height: 20px;
    }
    .specializationWrapper {
        margin-top: 0px;
    }
    .whyChooseTileContent h4 {
        font-size: 16px;
    }
    .whyChooseTileContent p {
        font-size: 13px;
        line-height: 20px;
    }
    .whyChooseTileContent p {
        margin-top: -110px;
    }
    .serviceSec .normalList {
        padding-left: 30px;
    }
    .industryImg {
        height: 160px;
    }
    .industryImg img {
        height: 100%;
        object-fit: contain;
    }
    .industryContent h4 {
        min-height: 50px;
        font-size: 16px;
        padding: 0px;
        
    }
    .industryContent p {
        margin-bottom: 20px;
        line-height: 20px;
        font-size: 13px;
        min-height: 102px;
    }
    .normalList {
        padding-left: 30px;
    }
    .wwd-text-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .wwd-text-content {
        min-height: 225px;
    }
    .wwd-para li {
        font-size: 13px;
        line-height: 20px;
    }
    .getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
        min-height: 350px;
    }
    .sercontentWrapper p {
        line-height: 22px;
        font-size: 14px;
    }
    .normalList li {
        line-height: 22px;
        font-size: 14px;
    }
    .section-title h4 {
        font-size: 36px;
    }
    .whychoosWrap .row .col {
        width: 33%;
        flex: unset;
    }
    .bnr1 .banner-content h4 {
        font-size: 30px;
        line-height: 50px;
    }
    .logo-section{
        width: 90px;
    }
    .banner-content h4{
        font-size: 30px;
    }
    .banner-content p{
        font-size: 14px;
        line-height: 21px;
    }
    .btn-1{
        padding: 7px 15px;
        font-size: 14px;
    }
    .main-navigation ul li a.navlinks {
        font-size: 11px;
        padding: 14px 9px;
    }
    .getintouch label{
        font-size: 13px;
    }
    .drop-down li a.sub-navlinks {
        font-size: 11px;
    }
    .main-navigation ul li.menu-has-child:hover .drop-down {
        top: 56px;
    }
    .header-section.sticky .main-navigation ul li a.navlinks {
        color: #111;
        padding: 10px 10px;
    }
    .specializationWrapper .col-md-3 {
        width: 45%;
    }
    .industryContent {
        min-height: 190px;
    }
}

@media screen and (max-width:765px) and (min-width:425px){
    .modelImgWrap {
        min-height: 300px;
    }
    .main-navigation{
        display: none;
    }
    .logo-section{
        position: relative;
        width: 80px;
    }
    .header-main-wrap{
        justify-content: space-between;
    }
    .banner-carousel{
        margin-top: 0px;
    }
    .header-section.sticky .logo-section{
        position: relative;
        width: 60px;
    }
    .banner-content h4{
        font-size: 20px;
    }
    .banner-content p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
    }
    .btn-1{
        padding: 4px 14px;
        font-size: 11px;
    }
    .banner-content{
        width: 60%;
    }
    .about-us-content-wrapper{
        margin-left: 0px;
    }
    #filters li{
        margin: 10px 14px 0px 0px;
    }
    #containerfilter .filter-item{
        width: 100%;
        margin: 0px;
    }
    .testi-img i{
        margin: 0px 10px;
    }
    .get-in-touch-form{
        padding: 30px 0px;
    }
    .col-md-6.aks-logo{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:424px) and (min-width:260px){
    .modelImgWrap {
        min-height: 210px;
    }
    .section-title p {
        padding: 0px;
    }
    .engine_image .image_wrap_4 {
        margin: -4px;
    }
    .engine_image {
        height: 198px;
    }
    .modelImgWrap {
        min-height: 400px;
    }
    .banner-carousel .owl-item .item{
        height: 216px;
    }
    .banner-slider-wrapper{
        height: 100%;
    }
    .banner-img{
        height: 100%;
    }
    .banner-img img{
        height: 100%;
    }
    .main-navigation{
        display: none;
    }
    .logo-section{
        position: relative;
        width: 80px;
    }
    .header-main-wrap{
        justify-content: space-between;
    }
    .banner-carousel{
        margin-top: 0px;
    }
    .header-section.sticky .logo-section{
        position: relative;
        width: 60px;
    }
    .banner-content h4{
        font-size: 16px;
    }
    
    .banner-content p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
    }
    .btn-1{
        padding: 4px 14px;
        font-size: 11px;
    }
    .banner-content {
        width: 77%;
    }

    .about-us-content-wrapper{
        margin-left: 0px;
    }
    .about-us-title h4{
        font-size: 28px;
        margin-top: 20px;
        text-align: center;
    }
    .about-us-strong p{
        text-align: center;
    }
    #filters li{
        margin: 10px 14px 0px 0px;
    }
    #containerfilter .filter-item{
        width: 100%;
        margin: 0px;
    }
    .testi-img i{
        margin: 0px 10px;
    }
    .get-in-touch-form{
        padding: 30px 0px;
    }
    .col-md-6.aks-logo{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn-2{
        padding: 5px 13px;
        margin-top: 10px;
        font-size: 13px;
        text-align: center;
        margin: 10px auto;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-2 i{
        margin-left: 5px;
    }
    .testi-img i{
        padding: 0px;
    }
    .testimonial-card{
        padding: 0px;
    }
    .testi-img{
        margin-top: 24px;
    }
  
}

@media screen and (max-width:319px){
    .banner-carousel .owl-item .item{
        height: 216px;
    }
    .banner-slider-wrapper{
        height: 100%;
    }
    .banner-img{
        height: 100%;
    }
    .banner-img img{
        height: 100%;
    }
    .main-navigation{
        display: none;
    }
    .logo-section{
        position: relative;
        width: 80px;
    }
    .header-main-wrap{
        justify-content: space-between;
    }
    .banner-carousel{
        margin-top: 0px;
    }
    .header-section.sticky .logo-section{
        position: relative;
        width: 60px;
    }
    .banner-content h4{
        font-size: 16px;
    }
    
    .banner-content p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
    }
    .btn-1{
        padding: 4px 14px;
        font-size: 11px;
    }
    .banner-content{
        width: 60%;
    }
    .about-us-content-wrapper{
        margin-left: 0px;
    }
    .about-us-title h4{
        font-size: 28px;
        margin-top: 20px;
        text-align: center;
    }
    .about-us-strong p{
        text-align: center;
    }
    #filters li{
        margin: 10px 14px 0px 0px;
    }
    #containerfilter .filter-item{
        width: 100%;
        margin: 0px;
    }
    .testi-img i{
        margin: 0px 10px;
    }
    .get-in-touch-form{
        padding: 30px 0px;
    }
    .col-md-6.aks-logo{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn-2{
        padding: 5px 13px;
        margin-top: 10px;
        font-size: 13px;
        text-align: center;
        margin: 10px auto;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-2 i{
        margin-left: 5px;
    }
    .testi-img i{
        padding: 0px;
    }
    .testimonial-card{
        padding: 0px;
    }
    .testi-img{
        margin-top: 24px;
    }
}
@media screen and (max-width:768px) {
    .support {
        font-size: 8px;
        justify-content: space-between;
        line-height: 11px;
        padding: 7px;
        bottom: 26px;
        left: 20px;
        width: 99px;
        height: 35px;
    }
    .support img {
        width: 23px;
        margin-right: 5px;
    }
    .chatbot {
        position: fixed;
        left: 20px;
        text-align: center;
        height: 34px;
        width: 30px;
        border-radius: 100%;
        bottom: 70px;
        z-index: 100000000000;
        animation: bounce 4s infinite ease-in-out;
        animation-delay: 3s;
    }
    #whatsapp {
        height: 30px;
        width: 30px;
        font-size: 17px;
        right: 17px;
        bottom: 0px;
    }
    #button {
        width: 30px;
        height: 30px;
        font-size: 10px;
        right: 20px;
    }
    #button::after {
        font-size: 14px;
        line-height: 33px;
    }
    .header-section.sticky .logo-section img {
        filter: brightness(3) invert(1) grayscale(5) contrast(23);
    }
    .staffAugmentationImg {
        top: 0px;
    }
    .SAsomeParaContent {
        margin: 0px;
    }
    .staffAugmentationImg .stagImgWrap:last-child {
        position: initial;
    }
    .staffAugmentation .col-reverse {
        flex-direction: column-reverse;
    }
    .modelImgWrap .modelCircle.modelmg {
        position: initial;

    }
    .header-section  .toggle-btn {
        display: block;
    }
    .main-navigation ul.menu-bar-ul {
        flex-direction: column;

    }
    .header-section.sticky .main-navigation ul li a.navlinks {
        color: #fff;
    }
    .main-navigation {
        display: none;
        width: 100%;
        position: fixed;
        top: 74px;
        z-index: 55;
        background: #09377a;
        left: 0px;
        right: 0px;
        margin: auto;
        min-height: 100vh;
    }
    .main-navigation ul li a.navlinks {
        border-bottom: 1px solid #dddddd3b;
        padding: 6px 16px;
        position: relative;
        color: #fff;
    }
    .main-navigation ul li.menu-has-child:hover .drop-down {
        top: unset;
        visibility: unset;
        opacity: unset;
    }
    .drop-down {
        opacity: 1;
        visibility: visible;
        position: unset;
        top: 70px;
        width: 100%;
        background: #00234c;
        padding: 0px 15px;
        width: 97%;
        margin: 0px auto;
        display: none;
        transition: unset!important;
    }
    .drop-down li a.sub-navlinks {
        color: #fff;
    }
    .header-section.sticky .logo-section {
        position: relative;
        width: 120px;
    }
    .drop-down li a.sub-navlinks:hover {
        padding-left:unset;
    }
    .drop-down li a.sub-navlinks {
        padding-left: 8px;
        padding: 0px 11px;
        font-size: 14px;
    }
    .header-section.sticky .main-navigation {
        top: 68px;
    }
    .main-navigation ul li.menu-has-child a.navlinks i{
        position: absolute;
        right: 4px;
        top: 3px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: #00244c;
        color: #fff;
        border-radius: 7px;
    }
    .engine_image [class*="image_wrap_"] img {
        width: 75%;
    }
    .modelImgWrap {
        width: 75%;
        margin: 0px auto;
        min-height: auto;
    }
    .logo-section {
        position: relative;
        width: 130px;
    }
    .main-navigation {
        transition: unset!important;
    }
    .aks-logo p {
        text-align: center;
    }
    .topHeaderWrapper {
        flex-direction: column;
    }
    /* .topHeaderSocial ul {
        flex-direction: column;
    } */
    .topHeaderWrapper a, .topHeaderWrapper p, .topHeaderWrapper li {
        font-size: 9px;
    }
    .engageContentRow.first {
        flex-direction: column;
        align-items: center;
        margin-top: 50px;
        gap: 50px;
    }
    .engageContentRow.second {
        flex-direction: column;
        align-items: center;
        margin-top: 50px;
        gap: 51px;
    }
    .engageContentRow.third {
        flex-direction: column;
        align-items: center;
        margin-top: 50px;
    }
    .saInfoContent {
        width: 72%;
    }
    .staffMainImg {
        width: 63%;
        margin: 70px auto;
        margin-bottom: 50px;
    }
    .logo-section img {
        filter: none;
    }
    .topHeader.Inheader {
        display: none;
    }
    .about-shape-1 img {
        opacity: 0.4;
    }
}
@media screen and (max-width: 500px) {
    .bnr1 .banner-content h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .bnrshape1 {
        display: none;
    }
    .about-us-nor p {
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
    }

    .section-title h4 {
        font-size: 28px;
    }
    .section-title p {
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
    }
    .cardnewStyle .aboutOtherCard {
        flex-direction: column;
    }
    .cardnewStyle .aboutotherContents {
        text-align: center;
    }
    .flip-box-front, .flip-box-back {
        min-height: 247px;
    }
    .whychoosWrap .col {
        width: 100%;
        flex: unset;
    }
    .whyChooseTile {
        margin-bottom: 20px;
    }
    .serviceSec .normalList li {
        font-size: 14px;
        line-height: 22px;
    }
    .normalList {
        padding-left: 20px;
    }
    .industryCard {
        margin-bottom: 20px;
    }
    .sercontentWrapper p {
        font-size: 14px;
    line-height: 22px;
    }
    .wwd-text-content {
        background: linear-gradient(114deg, #e6fbffd4, #e8f3ffcc), url(../img/texture/texture3.jpg);
        margin-top: 2px;
        text-align: center;
        padding: 23px;
        min-height: 239px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border-radius: 25px;
        border-bottom: 4px solid #005bb4;
        background-size: cover;
    }
    .getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
        padding: 20px;
    }
    .getintouchSec .about-us-content-wrapper h4 {
        font-size: 28px;
    }
    .getintouchSec .about-us-content-wrapper h5 {
        font-size: 18px;
    }
    .getintouchSec .unleashpotentialWrap.about-us-content-wrapper {
        min-height: 400px;
    }
    .main-navigation ul.menu-bar-ul {
        gap: 3px;
    }
    .headerBtns {
        display: block;
        padding: 7px 12px;
        background: linear-gradient(46deg, #00b4dc, #005bb4);
        color: #fff;
        border-radius: 9px;
        font-size: 12px;
    }
    .aboutotherContents h4 {
        font-size: 16px;
    }
    p {
        font-size: 14px;
        line-height: 22px;
    }
    .flip-box p {
        font-size: 14px;
        color: #111;
        margin-top: 12px;
    }
    .someotherTitle h3 {
        font-size: 30px;
    }
    .contactInfoTab {
        padding: 0px;
    }
    .contactMain p {
        width: calc(100% - 70px);
    }
    .contactMain a {
        font-size: 14px;
    }

    .hctFromContainer{
        margin: 0px;
        margin-top: 30px;
    }
}