/* custom fonts  */

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    /*    font-family: 'Poppins', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}
body{
    scroll-behavior: smooth;
}
ul,
li {
    list-style: none;
}

ul {
    padding-left: 0;
}

a {
    list-style: none;
    color: #fff;

}

a:hover {
    list-style: none;
    color: #fff;
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none !important;
    /*border: none !important;*/
}

input::-moz-focus-inner {
    border: 0;
}

button::-moz-focus-inner {
    border: 0;
    outline: none;
}

button:active {
    outline: none !important;
    /*border: none !important;*/
}

.all_spcr {
/*    padding: 70px 0;*/
 padding: 50px 0;
}

.main_header .logo_area img {
    width: 105px;
    height: auto;
}

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

.button_area a {
    background: #2cd7ff;
    display: flex;
    color: #0c1335;
       padding: 0 20px 0 33px;
    font-weight: 700;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;

}

.button_area a:hover {
    color: #fff;
    text-decoration: none;
}

.main_banner_area img {
    width: 100%;
    height: 700px;
}

.main_header_area {
    position: absolute;
    top: 30px;
    right: 0;
    width: 100%;
    z-index: 99;
        transition: all 0.6s ease-in;
}


/*footer css sart here*/
.footer_logo {
    margin: auto auto 20px;
    display: table;
}
.footer_logo img {
    height: 68px;
}
.page_footer {
background: rgb(6 9 34);
    clear: both;
    display: block;
    overflow: hidden;
    padding: 0;
    border: 0;
    margin-top: 0;
    padding: 4.7rem 0 0.5rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.top_footer {
    padding-bottom: 4rem;
    border-bottom: 1px solid rgba(77, 78, 80, 1);
}
.ftr_icontext img {
    height: 28px;
}
.page_footer p {
    font-size: 15px;
        color: #f2f2f2;
    font-weight: 300;
    line-height: 2.5rem;
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
}
.footer_addresswrp h6 {
    color: #2cd7ff;
    font-weight: 700;
    padding-top: 0;
    padding-left: 16px;
    font-size: 23px;
        margin-bottom: 0;
}
.footer_addresswrp p a{
    text-align: center;
    font-size: 16px;
    line-height: 20px!important;
    color: #f2f2f2;
    padding-top: 15px;
/*     float: left;*/
display: block;
}

.footer_biginfo {
    padding: 0 15%;
    font-size: 16px!important;
    line-height: 20px!important;
    padding-bottom: 50px;
}
.ftr_icontext {
       display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/*footer css end here




/*banner css start here*/
.bannergetstartted_frm .custom-field.one input + .placeholder {
    left: 0;
    padding: 0;
}
   .banner_frm form input {
    margin:0!important;
    padding: 0;
}
.bannergetstartted_frm.custom-field .placeholder{
    color: #fff;
    border-radius: 1px solid #fff;
}
.bannergetstartted_frm .custom-field.one input {
    border-bottom: none;
    border: none;
    border-bottom: 1px solid #fff!important;
}
.bannergetstartted_frm .custom-field.one input.dirty + .placeholder,
.bannergetstartted_frm.custom-field.one input:not(:placeholder-shown) + .placeholder,
.bannergetstartted_frm .custom-field.one input:focus + .placeholder {
  top: 0;
  font-size: 10px;
  color: #fff;
  background: transparent;
  width: auto
}
.bannergetstartted_frm .custom-field.one input {
    background: none;
    border-bottom: 1px solid #ffffff;
    transition: border-color 0.3s ease;
    border-radius: 0;
    width: 100%;
}
.bannergetstartted_frm .custom-field .placeholder {
    color: #ffffff;
}
section.main_banner_area {
    /* height: 700px; */
    width: 100%;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.banner_upr {
    padding: 9% 0 6%;
/*    padding: 13% 0 10%;*/
/*    z-index: 9999999;*/
z-index: 9;
    position: relative;
}

.banner_infoarea h2 {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
}

.banner_infoarea p {
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
    color: #f2f2f2;
}

.banner_frm {
    /*     background: #0060b4;*/
/*    background: #0060b46b;*/
    background: #0f1a4ce3;
    padding: 36px 45px 38px;
    border-radius: 2rem !important;
    -webkit-border-radius: 2rem !important;
    text-align: left;
}

.banner_frm .frm_title {
    color: #fff;

    font-size: 36px;
    line-height: 45px;
    font-weight: 700;

    margin-top: 0;
/*        margin-bottom: 1.8rem;*/
margin-bottom: 0rem;
    display: block;
}

.banner_frm form input {
    background: transparent;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
    margin: 30px 0;
    padding: 8px 0;
}

.banner_frm form span {
    color: #fff;
    font-size: 14px;
    color: danger;
}

.banner_frm form span {
    font-size: 14px;
    color: #e01629;
}

.banner_frm form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.banner_frm form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.banner_frm form input:-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.bannerbutton a {
    background: #fff;
    display: flex;
    color: #0c1335;
    font-weight: 700;
    padding: 0 33px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 20px;
}

.banner_infoarea {
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 50px;
}

.overlay_wrap {
    background: #060922d9;
}

.banner_infoarea h2 span {
    color: #2cd7ff;
}

.pre-title {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    display: block;
    width: max-content;
    margin-bottom: 0;
/*    padding-left: 10px;*/
    padding-right: 10px;
    color: #09aff4;
    z-index: 5;
    margin-bottom: 10px;
}

/*.pre-title::before,
.pre-title::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    aspect-ratio: 1/1;
    border-radius: 1rem;
    top: 50%;
    translate: 0 -50%;
    background-color: #09aff4;
}*/

/*.pre-title::before,
.pre-title::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    aspect-ratio: 1/1;
    border-radius: 1rem;
    top: 50%;
    translate: 0 -50%;
    background-color: #09aff4;
    left: auto;
    right: 0;
}*/
/*
.pre-title::before {
    left: 0;
    right: auto;
}

.pre-title::after {
    left: auto;
    right: 0;
}
*/
.bannersocaial_wrap .sc-list {
    display: inline-flex;
}

.bannersocaial_wrap .sc-list li {
    padding-right: 20px;
}

.bannersocaial_wrap .sc-item a svg {
    fill: #fff;
    height: 18px;
}

.bannersocaial_wrap {
    margin-bottom: 10px;
}

.design-element.stripes {
    background-image: repeating-linear-gradient(-55deg, transparent 0.9px, #09aff4 1.25px, #09aff4 3px, transparent 4px, transparent 8px);
}

.design-element.rounded-shape {
    border-radius: 50%;
}

.design-element {
    position: absolute;
    width: 150px;
    height: 150px;
    opacity: 0.25;
    z-index: -1;
    left: 0;
    top: 0;
    transform: translate(-25%, 25%);
}

/*banner css end here*/


/*our vision css strt here*/
/*.our_visn {
    background: #060922;

}*/
.our_visn {
    background: #060922;
    position: relative;
    z-index: 999;
}
.our_visnwrp {
    text-align: left;
}

.our_visnwrp h2 {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    display: block;
    width: max-content;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #09aff4;
    z-index: 5;
    margin-bottom: 10px;
}

.our_visnwrp p {
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
    color: #f2f2f2;
}


.visionbutton a {
    background: #2cd7ff;
    display: flex;
    color: #0c1335;
    font-weight: 700;
    padding: 0 33px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
    width: 35%;
    margin: 25px 0 0;
    text-transform: uppercase;
}

.vision_image img {
    width: 94%;
    float: right;
    margin-top: 28%;
}

.our_visnwrp h6 {
    position: relative;
    margin-bottom: 0.75rem;
/*    font-size: 3rem;*/
font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    line-height: 1.3;
    display: inline-block;
    z-index: 0;
    color: #fff;
}

.vision_cons {
    margin-top: 35px;
}

.vision_consbox .media svg {
    display: flex;
    margin-right: 1.25rem;
    margin-bottom: 1rem;
    fill: #2cd7ff;
    font-size: 2rem;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: #0f1441;
    transition: all 0.3s ease-in-out 0s;
    height: 48px;
}

.vision_consbox .media svg:hover {
    transform: translateY(-5px);
    background-color: #2cd7ff;
    fill: #fff;
}

/* @include screen-sm {
      margin-bottom: 2rem;
      flex-direction: column;
    }*/
.media-body h5 {
    margin-bottom: 0.75rem;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
}
.service_box:last-child {
    margin-bottom: 0;
}
.media-body p {
    font-size: 1rem;
    opacity: 1;
    color: #f2f2f2;
}

/*our vision css end here*/


/*service section css strt here*/
.contactbutton a {
    background: #060922;
    display: flex;
    color: #fff !important;
    padding: 0 33px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
        width: 38%;
    margin: 25px 0 0 auto;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    border: 3px solid #060922;
    font-weight: 700;
}

.service_title h6 {
    position: relative;
    margin-bottom: 0.75rem;
/*    font-size: 3rem;*/
font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    line-height: 1.3;
    display: inline-block;
    z-index: 0;
    color: #060922;
}

.service_title h2 {
    color: #060922;
}

.service_title h2::before,
.service_title h2::after {
    background-color: #060922;
}

.our_service {
    background: #2cd7ff;
}

.service_box {
    background: #0e1638;
    padding: 50px 95px;
    border-radius: 15px;
    margin: 32px 0;
}

.serviceimg img {
    width: 100%;
}

.servicebox_info h2 {
    margin-bottom: 0.75rem;
    font-weight: 500;
    font-size: 1.85rem;
    text-transform: capitalize;
    color: #2cd7ff;
    font-weight: 700;
}

.servicebox_info p {
    font-size: 1rem;
    opacity: 1;
    color: #f2f2f2;
}

.servicebox_info .servicebox_listing li {
    width: 38%;
    color: #f0f1f7;
    font-size: 0.85rem;
    list-style: disc;
    padding: 4px;
/*    margin: 0 30px;*/
margin: 0 20px;
}

.servicebox_info .servicebox_listing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.serviceimg img {
    width: 100%;
    height: 306px;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
}

.serviceimg {
    position: relative;
}

.serviceimg .overlay {
    background: #2cd7ff3d;
    position: absolute;
    left: 0;
    top: 0;
    height: 306px;
    width: 100%;
    border-radius: 6px;
}

/*service section css end here*/


/*customer wincss start here*/

/*.customerswinmainwrp{
    margin: 0 10px;
}*/

.customerwin_logo img {
    height: 95px;
    width: 100%;
    margin: auto;
    object-fit: contain;
}
.customer_win {
    background: #060922;
}
.customer_win .title {
    color: #2cd7ff;
    font-weight: 700;
    padding-bottom: 2rem;
 
    text-align: center;
}

.customer_win .pre-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.customerswinmainwrp .customerwin_logo {
      background: #fff;
    /* filter: grayscale(1); */
    transition: all 0.3s ease-in-out 0s;
    margin: 12px;
    padding: 15px;
}
.customerswinmainwrp .customerwin_logo:hover {
    filter: grayscale(0);

}
.customer_logo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.customer_logo img {
    height: 14%;
    width: 14%;
    margin: 14px;
}
/*customer win css end here*/


/*testimonial css start here*/
.casebrand_icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}

.casebrand_icon li {
     height: auto;
    margin: 0 16px;
        filter: grayscale(1);
    transition: .5s ease-in-out;
}
.casebrand_icon li a img {
    height: 75px;
    width: auto;
    object-fit: contain;
}
.casebrand_icon li:hover {
      filter: grayscale(0);
      transition: .3s ease-in-out;
}
.casebrand_icon .nav-link {
    padding: .5rem 0.45rem!important;
}
.casebrand_icon  .nav-link.active, .casebrand_icon .show>.nav-link {
    color: #fff;
    background-color: transparent!important;
           padding: 0.5rem 0.45rem!important;
}
.timeline {
      padding: 4% 0 6%;
}

.testimonial_title {
    text-align: right;
    padding: 0 4.4rem 0 10rem;
    color: #0060b4;
        margin: 1.7rem 0 2rem;
}
.testimonial_title h4{
    font-weight: 700;
        font-size: 30px;
}
.testimonial_title h5{
    color: #000;
    font-weight: 400;
        font-size: 18px;
}

.testimonial_contentsays:before{
    position: absolute;
    content: '';
    left: 0;
    top: auto;
    width: 1px;
    height: 100%;
    background-color: rgba(28, 21, 70, 1);
}
.testimonial_contentsays p {
    clear: both;
    position: relative;
    margin: 1.7rem 0 2rem;
    text-align: left;
    float: left;
    padding: 0 0 0 4rem;
    text-align: left;
    position: relative;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}


.tech_tachtitle p {
     font-size: 19px;
    text-align: center;
    padding: 0 8%;
    line-height: 23px;
    font-weight: 500;
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
    color: #f2f2f2;
}
.tech_tachslide {
    padding: 35px 0 0;
}

.testimonial_mainwrap {
    background: #2cd7ff;
    position: relative;
}
.testimonial_overlay {
    background: #2cd7ffed;
}
/*testimonial css end here*/

/*book a cll css start here*/

.bookacl_btn a {
    background: #2cd7ff;
    display: flex;
    color: #060922!important;
    padding: 0 33px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
    width: 41%;
    text-transform: uppercase;
    /* margin-left: auto; */
    font-weight: 700;
}

section.booka_call {
    padding: 50px 0;
        background: #2cd7ff;
}

.bookcl_wrap {
    display: flex;
    flex-direction: row;
}

.bookcl_wraplft {
    width: 50%;
}

.bookcl_wrapright {
    width: 50%;
}
.booka_callinfo {
    padding: 9% 10%;
}

.booka_callinfo h3 {
       font-size: 36px;
    line-height: 52px;
    font-weight: 600;
    color: rgb(255 255 255);
    margin-top: 0;
    margin-bottom: 0.4rem;
    text-align: left;
}
.booka_callinfo p {
    font-size: 1rem;
/*    opacity: 0.75;*/
    color: #f2f2f2;
        padding-bottom: 2.4rem;
}
.bookcl_wrapright img {
    width: 100%;
}
.booka_callinr {
    margin: auto;
    display: table;
    width: 70%;
    height: 400px;
    border-radius: 10px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.booka_callinfo {
    position: absolute;
    top: 0;
    z-index: 999;
    opacity: 1;
    left: 0;
      transition: all 0.3s ease-in-out 0s;
/*          box-shadow: 0px 0px 10px 0px #000;*/
}

.booka_callinr {
    position: relative;
      
}
.booka_callinroverlay {
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    height: 400px;
    background: #060922a8;
    border-radius: 6px;
}
.booka_callinfo:hover {
    background: #060922bf;
    width: 100%;
    height: 420px;
    left: 0;
    /* top: 0; */
    border-radius: 8px;
        transition: all 0.6s ease-in-out 0s;

}
/*book a cll css start here*/
/*tech css strt here*/

.tech_tachslide {
    padding: 35px 0;
}
.techtack_wrap{
           background: #060922;
}
.techtack_wrap {

}
.techtack_wrap .pre-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.techtack_wrap .tech_tachtitle .title{
    position: relative;
    margin-bottom: 0.75rem;
    font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    line-height: 1.3;
    display: inline-block;
    z-index: 0;
       color: #2cd7ff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

/*tech css end here*/

/*counter css start here*/
.counter_num {
        display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0;
    padding: 55px 0;
    flex-wrap: wrap;
}
.counter_overlay {
    background: #060922d4;
}
.counter_num li h3 {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
}
.counter_num li h6 {
    color: #fff;
    font-weight: 400;
}
.counter_num li {
    /* background: linear-gradient(45deg, #474747, #5d5d5d); */
    width: 22%;
    padding: 0;
    text-align: center;
    border: 1px solid #2cd7ff;
    padding: 40px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top: 4px solid #2cd7ff;
    background: #0711317d;
}

/*counter css end here*/
/*accordian css start here*/
.acc-container {

  width: 100%;
}

.acc {
  margin-bottom: 10px;
  border: 1px solid #2cd7ff;
      padding: 0 10px;
}

.acc-head {
      background-color: transparent;
    padding: 15px 10px 3px;
    font-size: 22px;
    position: relative;
    cursor: pointer;
    
 }

 .acc-head::before,
 .acc-head::after {
  content: '';
  position: absolute;
  top: 50%;
  background-color: #24d7ff;
  transition: all .3s;
 }

 .acc-head::before {
  right: 30px;
  width: 3px;
  height: 20px;
  margin-top: -10px;
}

.acc-head::after {
  right: 21px;
  width: 20px;
  height: 3px;
  margin-top: -2px;
}

.acc-head p {
      color: #2cd7ff;
    font-size: 18px;
    font-weight: 700;
}
.acc-content p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 6px;
}
.acc-content {
/*  padding: 15px 10px;*/
    padding: 0 10px 15px;
  display: none;
}
        
.acc-head.active::before {
    transform: rotate(90deg);
}
.tech_tachtitle h6 {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    line-height: 1.3;
    display: inline-block;
    z-index: 0;
    color: #fff;
    padding-bottom: 2rem;
}
.faq_wrap {
    background: #060922;
}
.faq_img img {
    width: 100%;
    margin-top: 40%;
}
.faq_img {
    padding: 70% 0;
}
/*accordian css end here*/






/*get startted*/

.placeholder{
    left: 0;
}
.get_startedfrm .custom-field.one input + .placeholder {
    left: 0;
    padding: 0;
}
.get_startedfrm .custom-field {
    margin: 10px 0;
}
.get_startedfrm form input {
    margin:0!important;
    padding: 0;
}
.get_startedfrm.custom-field .placeholder{
    color: #fff;
    border-radius: 1px solid #040817;
}
.get_startedfrm .custom-field.one input {
    border-bottom: none;
    border: none;
    border-bottom: 1px solid #040817!important;
}
.get_startedfrm .custom-field.one input.dirty + .placeholder,
.get_startedfrm.custom-field.one input:not(:placeholder-shown) + .placeholder,
.get_startedfrm .custom-field.one input:focus + .placeholder {
  top: 0;
  font-size: 10px;
  color: #040817;
  background: transparent;
  width: auto
}
.get_startedfrm .custom-field.one input {
    background: none;
    border-bottom: 1px solid #040817;
    transition: border-color 0.3s ease;
    border-radius: 0;
    width: 100%;
}
.get_startedfrm .custom-field .placeholder {
    color: #040817;
}




.get_started{
/*    background: rgba(41, 44, 48, 1);*/
     width: 100%;
/*    padding: 8rem 0;*/
    text-align: center;
    overflow: hidden;
    clear: both;
    margin-top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.getstarted_info h2 {
    line-height: 38px;
    color: #2cd7ff;
    margin-bottom: 4.1rem;
    margin-bottom: 0.75rem;
    font-size: 2rem;
    font-weight: 700;
    padding-right: 0.1rem;
}
.getstarted_info p{

    font-size: 22px;
   margin-bottom: 0;
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
    color: #f2f2f2;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

.getstarted_info {
/*    padding: 37% 0px;*/
   /* padding: 30% 0px 37%;
    text-align: left;*/
        padding: 25% 0px 25%;
    text-align: left;
}
.get_startedfrm{
        background: #fff;
    padding: 36px 45px 38px;
    border-radius: 2rem!important;
    -webkit-border-radius: 2rem!important;
    text-align: left;
}
.get_startedfrm .frm_title {
    color: #fff;
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 2.8rem;
    display: block;
}

.get_startedfrm form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
 
}

.get_startedfrm form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.get_startedfrm form input:-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.get_startedfrm form input {
    background: transparent;
    border: none;
    color: #000;
    border-bottom: 1px solid #000;
    display: block;
    width: 100%;
    margin: 30px 0;
    padding: 8px 0;
}
.get_startedfrm form span {
    font-size: 14px;
    color: #e01629;
}

.get_startedfrm .bannerbutton a {
          background: #060922;
    display: flex;
    color: #fff;
    padding: 0 33px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
}
.getstarted_overlay {
/*    padding: 8rem 0;*/
padding: 5rem 0;
       background: #060922b5;
}
/*get satrtted*/

/*call to action btn*/
.lets_talkbtn {
        font-size: 24px;
    font-weight: 700;
    background-color: #fff;
    border: none;
    
    color: #060922;
    margin-right: 0;
    padding: 10px 70px 10px 20px;
    border-radius: 50px;
    position: relative;
    transition: box-shadow linear 250ms;
/*    margin: 20px auto auto;*/
    display: table;
}
.lets_talkbtn:hover {
    box-shadow: inset 830px 0 0 0 #2cd7ff;
}
.lets_talkbtn span svg{
    
    /* top: 5px; */
    /* right: 5px; */
   
    
    fill: #fff;
   
    transition: background-color 0.2s ease-in-out;
}
.lets_talkbtn span {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    background-color: #060922;
    padding: 7px;
    right: 13px;
    top: 5px;
}
.lets_talkbtn span{
/*     background-color: #777;*/
  -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
        width: 2.3rem;
    height: 2.3rem;
}
.butnpulse:before{
      box-shadow: 0 0 0 rgba(255,255,255,.4);
    animation: pulso 2s linear infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
     animation: pulse 1.2s ease infinite;
}
.butnpulse {
position: relative;
}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}  

.contactbutton.coming_btn .butnpulse:before{
  left: 15px;
}

/*.custom-field:focus .custom-field .placeholder {
    top: 0 !important;
    position: absolute;
}*/
.placeholder:focus {
    top: 0;
}
/*modal css strt here*/
.modal_getstartfrm .getstartfrm_fild textarea{
  border: none;
    height: 46px;
    border-bottom: 1px solid #000;
}
.modal_getstartfrm select{
width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding: 11px;
    margin-top: 23px;
    background: transparent;
/*    padding-left: 0;*/
}
.custom_frmselect {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding: 11px;
    margin-top: 19px;
    background: transparent;
}
.modal_exwth .modal-body {
    padding: 35px;
}
.modalclose span svg {
        fill: #161616;
    position: absolute;
    right: 8px;
    z-index: 999;
    top: 6px;
    height: 25px;
    opacity: 1;
    visibility: visible;
}
.modal_exwth {
    width: 100%;
    max-width: 750px!important;
}

.modalclose {
    z-index: 9999999!important;
    opacity: 1!important;
}
/*input fild css strat here*/
.custom-field {
  position: relative;
  font-size: 14px;
  border-top: 20px solid transparent;
  margin-bottom: 5px;
  display: inline-block;
  --field-padding: 12px;
  width: 100%;
}

.custom-field input {
  border: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f2f2f2;
  padding: var(--field-padding);
  border-radius: 3px;
  width: 250px;
  outline: none;
  font-size: 14px;
}

.placeholder {
  position: absolute;
  left: var(--field-padding);
  width: calc(100% - (var(--field-padding) * 2));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 22px;
  line-height: 100%;
  transform: translateY(-50%);
  color: #040716;
  transition: 
    top 0.3s ease,
    color 0.3s ease,
    font-size 0.3s ease;
}

.custom-field input.dirty + .placeholder,
.custom-field input:focus + .placeholder,
.custom-field input:not(:placeholder-shown) + .placeholder {
  top: -10px;
  font-size: 10px;
  color: #222;
}

.custom-field .error-message {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  background: #d30909;
  color: #fff;
  height: 24px;
}

.custom-field .error-message:empty {
  opacity: 0;
}

/* ONE */
.custom-field.one input {
  background: none;
    border-bottom: 1px solid #040817;
    transition: border-color 0.3s ease;
    border-radius: 0;
    width: 100%;
}

.custom-field.one input + .placeholder {
  left: 8px;
  padding: 0 5px;
}

.custom-field.one input.dirty,
.custom-field.one input:not(:placeholder-shown),
.custom-field.one input:focus {
  border-color: #222;
  transition-delay: 0.1s
}

.custom-field.one input.dirty + .placeholder,
.custom-field.one input:not(:placeholder-shown) + .placeholder,
.custom-field.one input:focus + .placeholder {
  top: 0;
  font-size: 10px;
  color: #222;
  background: #fff;
  width: auto
}
.modalsubmit_btn {
    width: 22%;
    margin: 28px auto;
}
.modal_getstartfrm .modal_title {
    color: #0c1335;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
}
/*input file css end here*/

/*partical js css start here*/
#dust {

}
#tsparticles {
  height: 100px
}

/*partical js css end here/*/

.our_visn .lets_talkbtn {
      margin: 20px auto auto;
    color: #060922;
    font-size: 18px;
}
.main_header .lets_talkbtn {
    font-size: 18px;
}
.main_header .lets_talkbtn span {
    width: 2.2rem;
    height: 2.2rem;
    top: 6px;
}
.bannergetstartted_frm .lets_talkbtn {
    margin: 20px auto auto;
     font-size: 19px;
      padding: 10px 84px 10px 20px;
      cursor: pointer;
}
.bannergetstartted_frm .lets_talkbtn span {
    width: 2.2rem;
    height: 2.2rem;

    top: 7px;
}
.our_service .lets_talkbtn{
    margin-left: auto;
  transition: 0.3s;
    font-size: 18px;
}
.our_service .lets_talkbtn span {
    width: 2.2rem;
    height: 2.2rem;
    top: 6px;
}
.our_service .lets_talkbtn span {
background-color: #2cd7ff;
}
.our_service .lets_talkbtn span svg{
color: #060922;
}
.our_service .lets_talkbtn:hover {
    box-shadow: inset 830px 0 0 0 #060922;
    color: #fff!important;
      transition: 0.5s;
}
/*.our_service .lets_talkbtn:hover span{
    box-shadow: inset 830px 0 0 0 #060922;
    color: #fff;
    background-color: #2cd7ff;
}*/
.booka_callinfo  .lets_talkbtn {
    font-size: 20px;
    color: #060922;
}
.booka_callinfo  .lets_talkbtn span {
    width: 2.2rem;
    height: 2.2rem;
    top: 8px;
}
.get_startedfrm .lets_talkbtn {
    background-color: #2cd7ff;
    color: #060922!important;
    font-size: 19px;
        margin: 20px auto auto;
        transition:  0.4s ease-in-out;
        cursor: pointer;
}
.get_startedfrm .lets_talkbtn span {
    width: 2.2rem;
    height: 2.2rem;
    top: 7px;
        background: #fff;
}
.main_header .lets_talkbtn:hover {
    box-shadow: inset 830px 0 0 0 #2cd7ff;
    color: #060922;
     transition:  0.6s ease-in-out;
}
.get_startedfrm .lets_talkbtn span svg{
    fill: #060922;
}
.get_startedfrm .lets_talkbtn:hover{
        box-shadow: inset 830px 0 0 0 #060922;
/*     background-color: #!important;*/
    color: #fff!important;
}
.modal_getstartfrm .lets_talkbtn span {
background-color: #fff;
     width: 2.2rem;
    height: 2.2rem;
        top: 6px;

}
.modal_getstartfrm .lets_talkbtn span svg{
fill: #060922;
}
.modal_getstartfrm .lets_talkbtn:hover {
       box-shadow: #2cd7ff!important;
       color: #060922;
}
.modal_getstartfrm .lets_talkbtn:hover {
    box-shadow:  #040716!important;
    background: #040716;
/*    border: 1px solid #040716!important;*/
}
/*.modal_getstartfrm .lets_talkbtn span:hover {
    background-color: #040716;
}*/
.modal_getstartfrm .lets_talkbtn {
   font-size: 19px;
    background-color: #040716;
    color: #fff!important;
    margin: 20px auto auto;

}


/*wave css*/
/*canvas {
    width: 100%;
    position: absolute;
    opacity: 0.2;
        height: 810px!important;
}*/
canvas {
    width: 100%;
    position: absolute;
    opacity: 0.2;
    height: 1042px !important;
}
.dg.main.a {
    display: none;
}


.vision_image {
  overflow: hidden; 
}

.inner-img {
  transition: 0.3s;
}

.inner-img:hover {
  transform: scale(1.1);
}
#waves {
  position: absolute;
  z-index: 9;
}



.bannerbutton.hs-button {
    position: relative;
    width: 100%;
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    text-align: center;
    overflow: hidden;
    color: #000;
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    padding-top: .4rem;
    padding-bottom: .4rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.bannerbutton .actions {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
}
.bannerbutton.hs-button :hover{
    border-color: #000;
}
.bannerbutton .actions:after {
    position: absolute;
    content: '→';
    right: 4px;
    top: 4px;
    border: none;
    width: 37px;
    height: 37px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    font-size: 1.5rem;
    line-height: 34px;
    text-align: center;
    transition: background-color 0.2s ease-in-out;
}
.bannerbutton .actions:hover:after{
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
}
.bannerbutton .actions:hover:before{
    width: 100%;
}
.bannerbutton .actions:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}

.banner_frm select{
        border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 0 0 4px;
    background: transparent!important;
    width: 100%;
        padding: 0px 0px 8px;
            margin-top: 19px;
}
.banner_frm option{
    color: #000;
}
.banner_frm label{
    width: 100%;
}
.getstarted_overlay .get_startedfrm select{
    padding: 10px 0px 5px;
    /* color: #272424; */
    border-bottom: 1px solid #1a1919;
    color: #292424;
}



.our_visnwrp h6 {

    color: #2cd7ff;
}


.booka_callinfo  .lets_talkbtn span {
    top: 3px;
}


.get_startedfrm textarea {
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 54px;
    resize: none;
      
}


.getstarted_overlay .get_startedfrm textarea {
/*      margin-top: 15px;*/
margin-top: 0px;
}


.banner_frm .bannergetstartted_frm textarea{
       border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 54px;
    background: transparent;
    resize: none;
    color: #fff;
}
.banner_frm .bannergetstartted_frm textarea:focus{
    color:fff!important;
}




.get_startedfrm .custom-field.one span.dirty+.placeholder, 
.get_startedfrm.custom-field.one span:not(:placeholder-shown)+.placeholder, 
.get_startedfrm .custom-field.one span:focus+.placeholder {
    top: 0px;
    font-size: 10px;
    color: #040817;
    background: 0 0;
    width: auto;
}

.fixed {

    position: fixed !important;

    width: 100%;

    top: 0!important;

    left: 0;

/*    background: #f7f5f5;*/
    padding: 15px 0;
    background: #080e2cb8;
/*    box-shadow: 0px 0px 4px #949393;*/

 transition: all 0.3s ease-in;

}
.banner_frm .bannergetstartted_frm textarea:placeholder{
    color: #fff!important;
}



input:focus ~ .placeholder,
input:not(:focus):valid ~ .placeholder {
  top: 0px!important;
}




/*new floting label css added here*/
/*.wpcf7-form-control-wrap{
  display: block;
}
.wpcf7-form-control-wrap input{
/*  border: 1px solid #eaeaea;*/
  height: 50px;
/*  padding-top: 30px;*/
  /*padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.placeholder{
  display: inline-block;
  font-size: 15px;
  left: 0px;
  line-height: 20px;
  position: absolute;
  top: -webkit-calc(50% - 10px);
  top: -moz-calc(50% - 10px);
  top: calc(73% - 10px);
  transition: top 0.3s ease-in-out 0s;
}
.foucs-content .placeholder{
  top: 5px;
      font-size: 12px;*/
/*}*/

/*textarea*/
/*.wpcf7-form-control-wrap textarea{*/
/*  border: 1px solid #eaeaea;*/
/*  height: 50px;*/
/*  padding-top: 30px;*/
/*  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}*/
/*
span.wpcf7-form-control-wrap textarea::placeholder{
color: #fff!important;
}*/



.wpcf7-form-control-wrap textarea::placeholder {
    color: #fff!important;
    opacity: 1;
}

/*.banner_frm .bannergetstartted_frm textarea {
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 54px;
    background: transparent;
    resize: none;
    color: #fff;
}
*/.wpcf7-response-output {
    color: #db2121;
}
.wpcf7-response-output {
    color: #db2121;
    border-color: #db2121 !important;
}


.modal_getstartfrm .getstartfrm_fild textarea{
    resize: none;
}



.wpcf7-form-control-wrap textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff!important;
}
.wpcf7-form-control-wrap textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff!important;
   opacity:  1;
}
.wpcf7-form-control-wrap textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff!important;
   opacity:  1;
}
.wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff!important;
}
.wpcf7-form-control-wrap textarea::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff!important;
}

.wpcf7-form-control-wrap textarea::placeholder { /* Most modern browsers support this now. */
   color: #fff!important;
}







.getstarted_overlay .get_startedfrm textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000!important;
}
.getstarted_overlay .get_startedfrm textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #000!important;
   opacity:  1;
}
.getstarted_overlay .get_startedfrm textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #000!important;
   opacity:  1;
}
.getstarted_overlay .get_startedfrm textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000!important;
}
.getstarted_overlay .get_startedfrm textarea::-ms-input-placeholder { /* Microsoft Edge */
   color: #000!important;
}

.getstarted_overlay .get_startedfrm textarea::placeholder { /* Most modern browsers support this now. */
   color: #000!important;
}


.get_started .getstarted_overlay .get_startedfrm .custom-field {
    margin: 0px 0 0px;
}

.get_started .getstarted_overlay .get_startedfrm label{
    margin-bottom: 0;
}


.get_started .getstarted_overlay .get_startedfrm .lets_talkbtn span{
        padding: 11px;
}




/*modal get startedfrm placeholder*/




.modal_getstartfrm .getstartfrm_fild input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
.modal_getstartfrm .getstartfrm_fild input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
.modal_getstartfrm .getstartfrm_fild input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
.modal_getstartfrm .getstartfrm_fild input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}
.modal_getstartfrm .getstartfrm_fild input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000;
}

.modal_getstartfrm .getstartfrm_fild input::placeholder { /* Most modern browsers support this now. */
   color:    #000;
}


.modal_getstartfrm .getstartfrm_fild .wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000!important;
}
.modal_getstartfrm .getstartfrm_fild .wpcf7-form-control.wpcf7-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000!important;
   opacity:  1;
}
.modal_getstartfrm .getstartfrm_fild .wpcf7-form-control.wpcf7-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000!important;
   opacity:  1;
}
.modal_getstartfrm .getstartfrm_fild .wpcf7-form-control.wpcf7-textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000!important;
}
.modal_getstartfrm .getstartfrm_fild .wpcf7-form-control.wpcf7-textarea::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000!important;
}

.modal_getstartfrm .getstartfrm_fild .wpcf7-form-control.wpcf7-textarea::placeholder { /* Most modern browsers support this now. */
   color:    #000!important;
}




.modal_getstartfrm .getstartfrm_fild input{
    padding-left: 0;
}
.modal_getstartfrm .getstartfrm_fild select{
    padding-left: 0;
        font-size: 14px;
}



.modal_getstartfrm .modalgetstart_btn .wpcf7-spinner {
        left: 33%!important;
    top: 33px!important;
    background-color: #cbd5df;
    width: 22px;
    height: 22px;
}
.modal_getstartfrm .modalgetstart_btn input {
/*    padding: 6px 26px!important;*/
     
    padding: 8px 50px 8px 33px!important;
transition: 0.3s ease-in-out!important;

}



.modal_getstartfrm .modalgetstart_btn  span {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
      right: 37%;
    top: 27px;
}
.modal_getstartfrm .modalgetstart_btn  span svg {
    /* top: 5px; */
    /* right: 5px; */
    fill: #040716;
    transition: background-color 0.2s ease-in-out;
}
.modal_getstartfrm .modalgetstart_btn input:hover {
        box-shadow: inset 830px 0 0 0 #2cd7ff;
    color: #040716!important;
    transition: 0.6s ease-in-out!important;
    background: #2cd7ff;
}