*, ::after, ::before {box-sizing: border-box;}
article,aside,canvas,figure,figcaption,footer,header,nav,section,audio,video,h1,h2,h3,h4,h5,h6,ul,ol,p {margin: 0;padding: 0;border: 0;}
a,button,input[type="submit"] {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-decoration: none;font-style: normal;}
img {max-width: 100%;height: auto; vertical-align: top;}
ul {list-style: none;}
a:hover { text-decoration: none;}

body  { margin: 0; padding:0; min-height: 100%;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: normal;color: #282828;}

.heading { margin-bottom: 40px; text-align: center;}
.heading h3 { margin-bottom: 40px; font-size: 30px; color: #041419;}
.heading h3 span { font-weight: 700;}
.heading h2 {font-size: 40px;color: #282828;font-weight: 700;}
.heading h2 span { color: #05d8ff; display: block;}

.heading p { padding-top: 10px; font-size: 16px;line-height: 22px;color: #000000;font-weight: 400;}
.gap { padding: 40px 0;}
.gap_top { padding-top: 70px;}

.main_header {width: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: 2;}
.header_container {height: 110px; display: flex; justify-content: space-between; align-items: center;}
.logo a { display: block;}
.h_right { display: flex; justify-content: flex-end;}
.h_phone { display: flex; justify-content: flex-end; align-items: center; font-size: 15px; color: #fff;}
.h_phone strong { font-weight: 400;}
.h_phone span { margin: 0 5px;}
.h_phone a { color: #fff;}
.h_phone a:hover { color: #12d2f6;}


.banner { position: relative; background-position: center top; background-size: cover; padding: 110px 0;}
.banner_img img { width: 100%;}
/* .banner_cap_outer {width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} */
.banner_caption { display: flex; justify-content: space-between;align-items: center;}
.banner_left { padding-right: 50px;}
.banner_caption h1 {font-size: 40px;line-height: 55px;color: #ffffff;font-weight: 700; margin-bottom: 35px;}
.banner_caption span { color: #12d2f6;}
.banner_caption h4 {font-size: 28px;color: #ffffff;font-weight: 400;margin-bottom: 15px;}

.banner_right {max-width: 390px; width: 100%;}
.banner_form { background-color: #fff; padding: 40px 45px;}
.banner_form h2 {font-size: 25px;letter-spacing: 1px;color: #20303c;font-weight: 700;  text-align: center;margin-bottom: 15px; text-align: left;}
.banner_form .form-control { outline: none; background-color: #fff; box-shadow: none; height: 52px; line-height: 50px; padding: 0 15px; color: #444;}
.banner_form textarea.form-control { height: 75px; line-height: 20px; padding: 15px 15px;}
.banner_form .form-group {margin-bottom: 10px;}
.submit_btn { color: #fff; background-color: #041419; font-weight: 700; font-size: 22px; text-transform: uppercase; letter-spacing: 3px; border: 0; outline: none; display: block; height: 50px; border-radius: 0; width: 100%;}
.submit_btn:hover {background-color: #12d2f6;}

.b_bottom { background-color: #31404e; position: absolute; width: 100%; bottom: 30px; color: #fefefe; font-size: 26px; padding: 10px 0; }
.m_banner_img { display: none;}

.custom_table tr th { background-color: #e4fafe; font-size: 22px; font-weight: 700; color: #282828; text-align: center;}
.custom_table tr th span { color: #23b9d5;}
.custom_table tr th:first-child { width: 300px;}
.custom_table tr th:last-child { width: 300px;}
.custom_table tr td { text-align: center; background-color: #f5f5f1; font-size: 16px; font-weight: 400; vertical-align: middle;}
.custom_table tr td:nth-child(2) { padding: 35px 40px;}
.custom_table tr td ul li img { display: inline-block; vertical-align: middle;}
.custom_table tr td ul li + li { margin-top: 15px;}
.custom_table tr td:last-child span { width: 26px; height: 26px; background-color: #05d8ff; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-left: 10px;}

.agile_solution { background-repeat: no-repeat; background-size: cover; background-position: center top; margin-top: 40px; margin-bottom: 40px;}
.agile_solution .heading h2 { color: #fff;}
.agl_box { background-position: left top; background-size: cover; background-repeat: no-repeat; padding: 18px 10px; display: flex; align-items: center; border-radius: 0 15px 0 15px; overflow: hidden;border: 1px solid #565656; margin-bottom: 30px;}
.agl_icon { border: 1px dashed #fff; width: 110px; min-width: 110px; height: 110px; border-radius: 50%; padding: 5px; margin-right: 10px;}
.agl_icon span { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%;}
.agl_box strong { font-size: 22px; color: #fff; font-weight: 500;}

.why_o_container { background-position: center top;background-repeat: no-repeat; background-size: cover;}
.why_o_block { border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: rgba(0,1,2,0.6); padding: 35px 10px;text-align: center;height: 100%;}
.why_o_block h3 { color: #fff; font-size: 22px; font-weight: 700; min-height: 52px; margin-bottom: 10px;}
.why_o_block h3 span { color: #0bd9ff;}
.why_o_icon { margin-bottom: 30px; height: 56px;}
.why_o_block p { color: #fff; font-size: 16px;}

.our_st_container { background-position: center top;background-repeat: no-repeat; background-size: cover;}
.strenth_box_main {display: flex;justify-content: space-between;}
.strenth_box {flex: 1;padding: 0;color: #fff;text-align: center;}
.strenth_box figure {width: 152px;height: 152px;display: flex;justify-content: center;align-items: center;margin: 0 auto 60px auto;position: relative;border: 2px solid #23b9d5;border-radius: 50%;}
.top_strenth figure::before {content: "";display: block;position: absolute;height: 11px;width: 11px;background: #23b9d5;bottom: -50px;left: 50%;transform: translateX(-50%);border-radius: 50%;}
.top_strenth figure::after {content: "";height: 50px;width: 2px;background: #23b9d5;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;}
.bottom_strenth figure::after {content: "";display: block;position: absolute;height: 11px;width: 11px;background: #23b9d5;top: -50px;left: 50%;transform: translateX(-50%);border-radius: 50%;}
.bottom_strenth figure::before {content: "";height: 50px;width: 2px;background: #23b9d5;position: absolute;left: 50%;transform: translateX(-50%);top: -50px;}
.bottom_strenth figure {margin: 60px auto 0 auto;}
.our_strength .heading span { display: inline-block;}
.our_st_container { padding: 130px 0;}

.case_study .heading span { display: inline-block;}
.cs_img_cont { background-color: #c1f4fd;}
.cs_img_cont img { width: 100%;}
.sc_img_top { display: flex; justify-content: space-between; width: 100%;}
.cs_img { height: 105px; display: flex; justify-content: center; align-items: center; width: 100%;}
.sc_img_top strong { font-weight: 400; color: #282828; font-size: 16px; margin: 7px 0 0 10px;}
.case_link { background-color: #f6feff; padding: 6px 10px; font-weight: 500; color: #23b9d5; display: block; margin: 3px 3px 0 0;}
.download_b {
  color: #fff;
  background-color: #041419;
  font-weight: 500;
  border: 0;
  outline: none;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 10px;
}
.download_b:hover { background-color: #12d2f6;}

.cs_img_cont { margin-bottom: 20px;}
.cs_block p { margin-bottom: 15px;min-height: 80px;}

.partnership .heading span { display: inline-block;}
.partnership .owl-carousel .owl-item img {display: inline-block;width: auto; height: 100%;}
.partnership .owl-carousel .owl-item .item {height: 94px; display: flex; justify-content: center; align-items: center;}
.partnership .owl-carousel .owl-prev { position: absolute; left: -34px; bottom: 28%; width: 19px; height: 35px; background-image: url(../images/slider_arrow_l.png) !important; background-position: center !important; background-repeat: no-repeat !important;}
.partnership .owl-carousel .owl-prev span { display: none;}
.partnership .owl-carousel .owl-next {position: absolute;right: -34px;bottom: 28%; width: 19px; height: 35px; background-image: url(../images/slider_arrow_r.png) !important; background-position: center !important; background-repeat: no-repeat !important;}
.partnership .owl-carousel .owl-next span { display: none;}

.experience_share .heading span { display: inline-block;}
.item_boxes {background: rgba(255,255,255,0.6);border-radius: 5px;text-align: center;padding: 40px 154px;}
.title_for_client {font-size: 35px;font-weight: 700;color: #2a3890;}
.item_boxes p {font-size: 16px;line-height: 24px;color: #121212;}
.degi_for_client {color: #121212;font-size: 17px;margin: 10px 0;}
.item_boxes ul {justify-content: center;margin: 0 0 25px 0;}
.item_boxes ul li {color: #121212;margin: 0 6px;font-size: 13px;}
.owl-carousel .owl-item .inverted_top {padding-bottom: 10px;text-align: left;}
.owl-carousel .owl-item .inverted_top img { display: inline-block; width: auto;}
.owl-carousel .owl-item .inverted_bot {padding-top: 10px;text-align: right;}
.owl-carousel .owl-item .inverted_bot img { display: inline-block; width: auto;}
.experience_share .owl-carousel .owl-prev { position: absolute; left: -34px; bottom: 46%; width: 19px; height: 35px; background-image: url(../images/slider_arrow_l.png) !important; background-position: center !important; background-repeat: no-repeat !important;}
.experience_share .owl-carousel .owl-prev:hover {background-color: transparent;}
.experience_share .owl-carousel .owl-prev span { display: none;}
.experience_share .owl-carousel .owl-next {position: absolute;right: -34px;bottom: 46%; width: 19px; height: 35px; background-image: url(../images/slider_arrow_r.png) !important; background-position: center !important; background-repeat: no-repeat !important;}
.experience_share .owl-carousel .owl-next:hover {background-color: transparent;}
.experience_share .owl-carousel .owl-next span { display: none;}
.experience_share { background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 40px 0 80px 0;}

.main_footer { background-repeat: no-repeat; background-position: center top; background-size: cover;}
.footer_top { padding: 85px 0 30px 0;}
.f_block h3 { color: #fff; font-size: 22px; font-weight: 500; margin-bottom: 25px;}
.f_block p { font-size: 14px; color: #fff;}
.f_block p + p { margin-top: 15px;}
.f_block1 { padding-right: 40px;}
.addr_block { display: flex; align-items: flex-start;margin-bottom: 15px;}
.addr_icon {width: 16px; margin-right: 8px;min-width: 16px; color: #21b7d4;}
.addr_text { font-size: 14px; display: block; color: #fff;}
.f_social { display: flex;}
.f_social li { margin-right: 20px;}
.f_social li a { color: #fff;}
.f_social li a:hover { color: #21b7d4;}
.f_social li:last-child {margin: 0;}

.footer_form .form-control {height: 40px;line-height: 38px;}
.footer_form textarea.form-control {height: 60px;padding: 10px 15px;}
.footer_form {padding: 30px 40px; border-radius: 10px;}
.f_bot { border-top: 1px solid #fff; text-align: center; padding: 14px 0; font-size: 14px; color: #fff;}


.thank_body {text-align: center;max-width: 560px;margin: 0 auto;padding: 115px 30px;border: 1px solid #e8e3e3;border-radius: 15px;}
.thank_body p {font-size: 21px;margin: 15px 0 0 0;}

.b_bottom p {
  animation: color-change 2s ease infinite;
}
@keyframes color-change {
  0% {
    color: #fff;
  }
  50% {
    color:  #ff0000;
  }
  100% {
    color: #fff;
  }
}

.git_h_solution .heading { overflow: hidden;}
.git_h_solution .heading h3 {animation: 2s anim-popoutin ease infinite;}

@keyframes anim-popoutin {
  0% {
    color: #fff;
    transform: scale(0);
    opacity: 0;
  }
  25% {
    color: #12d2f6;
    transform: scale(1.05);
    opacity: 1;
  }
  50% {
    color: #fff;
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.custom_table tr td:last-child strong {
  animation: color-change1 2s ease infinite;
  font-size: 18px;
}
.custom_table tr td:last-child span {
  position: relative;
  z-index: 2;
}
.custom_table tr td:last-child span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  z-index: -1;
  animation: ripple 2s ease-out infinite;
}

@keyframes color-change1 {
  0% {
    color: #000;
  }
  50% {
    color:  #ff0000;
  }
  100% {
    color: #000;
  }
}

@keyframes bg-change {
  0% {
    background-color: #23b9d5;
  }
  50% {
    background-color:  #ff0000;
  }
  100% {
    background-color: #23b9d5;
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}


.rolling_button {display: inline-block;border-radius: 10px 10px 0px 0px;color: #fff;font-weight: 500;background-color: #23b9d5;padding: 15px 20px;position: fixed;right: -107px;transform: rotate(-90deg);top: 50%; z-index: 4;animation: bg-change 2s ease infinite;}

.custom_table tr td:first-child {font-size: 18px; font-weight: 500;}
.custom_table tr td:first-child span { font-weight: 400;}
.why_o_block p strong { font-weight: 700; color: yellow;}
.strenth_box p strong { font-weight: 700; color: yellow;}
.cs_block p strong { font-weight: 700; color: #d0d000;}