html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
table {
  border-collapse: collapse;
}

caption {
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}
html,body{
  max-width: 100vw;
  /*overflow-x: hidden;*/
    scroll-behavior: smooth;
}
#wrapper{
  min-width: 100%;
  min-height: 100%;
}
.container{
  width: 1470px;
  margin: 0 auto;
  padding: 0 15px;
}
body{
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #000;
}
ul{
  list-style: none;
}
a{
  color: #7758cf;
  text-decoration: none;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  display: inline-block;
}
a:focus{
  color: #ffcb05;
}
a:hover{
  outline: none;
  color: #ffcb05;

}
img{
  display: block;
  max-width: 100%;
}
h1,.h1{
  font-size: 80px;
  line-height: 1.2;
  font-weight:500;
}
h2{
  font-size: 50px;
  line-height: 1.2;
  font-weight: 600;
}
h3{
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
}
h4{
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}
h5{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
h6{
  font-size: 15px;
  font-weight: 600;
}
.btn {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  background: #03afff;
  color: #fff;
  cursor: pointer;
  border: 1px solid #03afff;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
  line-height: 52px;
  text-align: center;
  border-radius: 6px;
  font-weight: 500;
  /*text-transform: capitalize;*/
}
.btn:hover{
  background: #fff;
  border: 1px solid #fff;
  color: #03afff;
}
.btn_white{
  background: #fff;
  border: 1px solid #fff;
  color: #0f62ab;
}
.btn_white:hover{
  background: #0f62ab;
  border-color: #0f62ab;
  color: #fff;
}
.btn_gray{
  background: #f4f8fb;
  border: 1px solid #ccc;
  color: #717171;
}
.btn_gray:hover{
  background: #f4f8fb;
  border: 1px solid #ccc;
  color: #000;
}
.btn2{
  background: #2a246a;
  border-color: #2a246a;
}
.btn2:hover{
  background: #03afff;
  border-color: #03afff;
  color: #fff;
}

.form_group {
  margin-bottom: 10px;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.form_control {
  width: 100%;
  display: block;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 44px;
  font-weight: 400;
  color: #000;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.form_group label{
  font-size: 15px;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: 500;
  display: block;
  color: #000;
}
.form_group label small{
  font-weight: 300;
  display: block;
  margin-top: 10px;
  font-weight: 15px;
  line-height: 1.2;
}
.form_control:focus{
  outline: none;
  border: 1px solid transparent;
}
.form_control.btn{
  min-width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  max-width: 110px;
  border-radius: 0;
}
.form_row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.input_group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border-radius: 4px;
}
.input_group .form_control {
  height: 100%;
}
.input_group .form_control:first-child {
  width: auto;
  border: none;
  border-right: 1px solid #b7b7b7;
  display: inline-block;
  min-width: 50px;
  padding: 0 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
}
.input_group .form_control:last-child {
  width: 100%;
  border: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: '';
  text-overflow: '';
  background: #fff url(../images/down_arrow.png) no-repeat right 10px center / 15px;
}
select option {
  color: #000;
}
select:invalid {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 300;
}
select:valid {
  background: #fff url(../images/down_arrow2.png) no-repeat right 10px center / 15px;
}
.w_50{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.w_100{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.form_btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.6);
  -ms-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  font-weight: 300;
}

.form_control:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
.form_control:focus::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.form_control:focus:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.form_control:focus:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number]{
    -moz-appearance: textfield;
}
label.error {
    display: none !important;
}
.form_control.error{
  border-color: red !important;
  color: red;
}
label.error{
  display: none !important;
}
.form_control.error::-webkit-input-placeholder{
  color: red;
}
.form_control.error::-moz-placeholder{
  color: red;
}
.form_control.error:-ms-input-placeholder{
  color: red;
}
.form_control.error::-ms-input-placeholder{
  color: red;
}
.form_control.error::placeholder{
  color: red;
}
textarea.form_control{
  height: 96px;
  line-height: 1.2;
  resize: none;
  padding: 20px;
}
.sm{
  margin: 20px 0 0;
}

/*menu toggle*/
.menu_toggle {
  position: relative;
  display:  inline-block;
  width: 30px;
  height: 30px;
  margin: 0;
  display: none;
}
.menu_toggle span {
  margin: 0 auto;
  position: relative;
  top: 15px;
}
.menu_toggle span:before, .menu_toggle span:after {
  position: absolute;
  content: '';
}
.menu_toggle span, .menu_toggle span:before, .menu_toggle span:after {
  width: 100%;
  height: 2px;
  background-color: #000;
  display: block;
}
.menu_toggle span:before {
  margin-top: 10px;
}
.menu_toggle span:after {
  margin-top: -10px;
}
/* --- btn --- */
.menu_toggle span {
  -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;
  -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu_toggle.active span {
  background-color: rgba(0,0,0,0.0);
  -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
}
.dropdown_btn:hover:after{
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.menu_toggle span:before {
  -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; -o-transition-property: margin, transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu_toggle.active span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.menu_toggle span:after {
  -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; -o-transition-property: margin, transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu_toggle.active span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.slick-dots{
  bottom: 120px;
}

.slick-dots li button:before {
  font-size: 50px;
  opacity: 1;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: none;
          flex-direction: none;
}
.slick-dots li{
  width: 70px;
  height: 5px;
  padding: 0;
  margin: 0;
  background: #03afff;
  position: relative;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.slick-dots li button{
  width: 38px;
  height: 38px;
  background: transparent;
  border-radius: 50%;
  border:2px solid transparent;
  display: block;
  opacity: 1;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slick-dots li button:before {
  content: '';
  opacity: 1 !important;
  position: relative;
  background: #03afff;
  border-radius: 50%;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.slick-dots li button:hover{
  opacity: 1;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
  /*border:2px solid #ffcb05;*/
}
.slick-dots li:hover button,
.slick-dots li.slick-active button{
  border-color: #ffcb05;
}
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before{
  background: #ffcb05;
}
.slick-dots li:first-child{
  border-radius: 10px 0 0 10px;
}
.slick-dots li:last-child{
  border-radius: 0 10px 10px 0;
}

.slick-arrow {
  width: 46px;
  height: 46px;
  background: transparent;
  border-radius: 50%;
  background:  url(../images/slick-left.png) no-repeat center !important;
  z-index: 99;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.slick-arrow:hover{
  border-color: #e86208;
}
.slick-next {
  left: auto;
  background-image: url(../images/slick-next.png) !important;
}

.slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.slick-prev:before, .slick-next:before{
  display: none;
}
.mobile_nav{
  display: none;
}
.dropdown_btn:after {
  content: "";
  width: 13px;
  height: 8px;
  background: url(../images/chervron.png) no-repeat center / 13px 8px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all 
ease-in-out;
  -o-transition: 0.4s all 
ease-in-out;
  transition: 0.4s all 
ease-in-out;
}



.banner-wrap{
  height: auto;
  position: relative;
  overflow: hidden;
}
.shape{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.shape svg{
  width: 100%;
}
.banner-slider{
  height: 100%;
}
.banner-slider > .banner-slide{
  display: none;
}
.banner-slider > .banner-slide:first-child{
  display: block;
}
.banner-slide{
  position: relative;
  min-height: 930px;
  padding-bottom: 150px;
  display:-webkit-box !important;
  display:-ms-flexbox !important;
  display:flex !important;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}

.banner-slider .slick-arrow{
  position: absolute;
  right: 25px;
  bottom: 50px;
  font-size: 0;
  background: #ffffff;
  border: 0;
  width: 50px;
  height: 50px;
  z-index: 12;
  cursor: pointer;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.12);
          box-shadow: 0 0 15px rgba(0,0,0,0.12);
}
.banner-slider .slick-arrow:before{
  font-family: "boxicons";
  font-size: 30px;
  text-align: center;
  line-height: 50px;
  color: rgba(0,33,71,1);
}
.banner-slider .slick-arrow.slick-prev{
  right: 95px;
}
.banner-slider .slick-arrow.slick-prev:before{
  content: "\ea9b";
}
.banner-slider .slick-arrow.slick-next{
  right: 25px;
}
.banner-slider .slick-arrow.slick-next:before{
  content: "\eb1c";
}
.hero-image{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top center;
}
.banner-wrap .container{
  position: relative;
  z-index: 9;
}
.hero-overlay{
  background: #081c2d;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
}
.hero-content{
  position: relative;
  z-index: 1;
  max-width: 1024px;
  margin: auto;
  text-align: center;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.hero-content span{
  text-transform: uppercase;
}
.hero-content h1{
  font-size: 50px;
  font-weight: 600;
  color: #ffcb05;
}
.hero-content p{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.hero-content .cta-btn .cta-link.cta-outline-white:hover{
  background: #ffffff;
  color: rgba(0,33,71,1);
}
/*==============================================================
  banner Style end
==============================================================*/


header{
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  z-index: 99999;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
header nav{
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav ul a{
  color: #fff;
  font-weight: 500;
}
header .logo img{
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
}
.dropdown{
  /*position: relative;*/
}
.dropdown_btn{
  position: relative;
}
.dropdown_btn {
  padding-right: 20px;
}
.header_rht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  display: none;
}
.header_rht .btn{
  min-width: 230px;
}
.header_rht .btn:after{
  content: url(../images/arrow3.png);
  margin-left: 10px;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.header_rht .btn:hover::after{
  content: url(../images/arrow_white.png);
}
.header_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.logo{
  display: block;
}
nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
nav ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav ul li a:hover{
  color: #fff;
}
nav ul li a{
  line-height: 100px;
}
.dropdown:hover a{
  color: ;
}
.dropdown_menu {
  z-index: 999;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  padding: 10px 0;
  background: #fff;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  max-height: calc(100vh - 120px);
  overflow: auto;
  border-top: 1px solid #ccc;
}
/*.dropdown_menu:before{
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
          box-shadow: 0 0 10px rgba(0,0,0,0.1);
}*/
.dropdown_menu .container{
  position: relative;
  z-index: 1;
}
.dropdown:hover .dropdown_menu{
  visibility: visible; 
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.dropdown_menu li {
  padding: 0 !important;
}
.dropdown_menu li a {
  padding: 0;
  line-height: 28px;
  height: auto;
  color: #000;
  text-align: left;
  display: block;
  position: relative;
  font-weight: 400;
  border-radius: 0;
  border: none;
}
.dropdown:hover a{
  /*background: #983c14;*/
}
.dropdown_menu li a:hover {
  color: #221d6d;
}
header.sticky{
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
header.sticky .logo img{
  -webkit-filter: none;
          filter: none;
}
header.sticky nav ul li a{
  color: #000;
  font-weight: 600;
}
.dropdown_btn.active,
nav ul li a.active,
nav ul li a.focus,
nav ul li a:hover,
header.sticky nav ul li a.active,
header.sticky nav ul li a.focus,
header.sticky nav ul li a:hover{
  color: #d98205;
}

.sticky-outer .sticky{
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
  background: #fff;
  -webkit-animation-name: header_sticky;
  animation-name: header_sticky;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}



@-webkit-keyframes header_sticky {
  0%   {margin-top:-150px;opacity:0;}
  50%  {margin-top: -100px;opacity:0.5;}
  100% {margin-top: 0;opacity:1;}
}



@keyframes header_sticky {
  0%   {margin-top:-150px;opacity:0;}
  50%  {margin-top: -100px;opacity:0.5;}
  100% {margin-top: 0;opacity:1;}
}

header.sticky .dropdown_btn:after{
  background: url(../images/chervron2.png) no-repeat center / contain;
}

.btn_link:after{
  content: url(../images/arrow.png);
  margin-left: 10px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.btn_link:hover:after{
  content: url(../images/arrow_white.png);
}
.aboutUs{
  padding-top: 250px;
  position: relative;
  background: url(../images/shape_1.png) no-repeat right top / contain;
  position: relative;
}
.sec_head{
  text-align: center;
  max-width: 840px;
  margin: auto;
  text-align: center;
}
.sec_head h2{
  color: #ffcb05;
}
.sec_head p{
  margin-top: 20px
}
.ab_in{
  padding: 100px 0 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ab_lft{
  max-width: 50%;
  padding: 0 40px 0 0;
}
.ab_rht{
  max-width: 50%;
  padding: 0 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
}
.ab_img{
  width: 100%;
  height: 330px;
  border-radius: 15px;
  overflow: hidden;
  background: #00003c;
}
.ab_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ab_img:nth-child(2){
  height: 500px;
}
.sec_title{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #4617af;
  display: block;
  margin-bottom: 10px;
}
.ab_lft h3{
  margin-bottom: 10px;
}
.ab_lft p{
  margin-bottom: 20px;
}
.ab_lft .btn_link{
  color: #000;
  font-weight: 600;
}
.ab_lft .btn_link:hover{
  color: #4617af;
}
.solutions_blk{
  color: #fff;
  padding: 100px 0;
  overflow: hidden;
  background: #0f3a88 url(../images/bg_1.jpg) no-repeat right top / cover;
}

.solutions_blk .sec_title {
  color: #788bfe;
}
.solutions_list{
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.solutions_card{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - 20px);
          flex: 0 0 calc(100% / 3 - 20px);
  max-width: calc(100% / 3 - 20px);
  background: #00163d;
  border-radius: 10px;
  padding: 40px 40px 70px 40px;
  position: relative;
  color: #FFF;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.solutions_card *{
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.solutions_card img{
  width: 80px;
  -webkit-box-flex:0;
      -ms-flex:0 0 80px;
          flex:0 0 80px;
  max-width: 80px;
  display: block;
  margin-bottom: 20px;
   -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
}

.industries_blk2 .solutions_card img{
  -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(38%) saturate(0%) hue-rotate(215deg) brightness(86%) contrast(92%);
          filter: brightness(0) saturate(100%) invert(63%) sepia(38%) saturate(0%) hue-rotate(215deg) brightness(86%) contrast(92%);
}
.solutions_card h4{
  height: 72px;
  overflow: hidden;
  color: #ffcb05;
  margin-bottom: 20px;
}
.solutions_card p{
  margin-bottom: 30px;
}
.solutions_card .btn_link{
  position: absolute;
  left: 40px;
  bottom: 40px;
  color: #ffcb05;
}
.solutions_card .btn_link:hover{
  color: #fff;
}
.solutions_card_full{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 * 2 - 10px);
          flex: 0 0 calc(100% / 3 * 2 - 10px);
  max-width: calc(100% / 3 * 2 - 10px);
  padding-bottom: 40px;
}
.process{
  position: relative;
  background: #00003c url(../images/img_10.jpg) no-repeat center / cover;
  color: #fff;
  overflow: hidden;
  padding: 100px 0 80px;
}
.pc_img{
  position: absolute;
  left: 0;
  top: 0;
}
.process .container{
  position: relative;
  z-index: 1;
  text-align: center;
}
.process_list{
  margin-top: 80px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 50px;
}
.process_list:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -o-linear-gradient(left, #3b2fa1,#738bf1,#0938af,#048dbb);
  background: -webkit-gradient(linear, left top, right top, from(#3b2fa1),color-stop(#738bf1),color-stop(#0938af),to(#048dbb));
  background: linear-gradient(to right, #3b2fa1,#738bf1,#0938af,#048dbb);
  opacity: 0.8;
}

.css_support_blk{
  padding: 100px 0;
  overflow: hidden;
  color: #fff;
  background: #eff9fe url(../images/bg_2.jpg) no-repeat center / cover;
}
.css_support_blk h2{
  color: #ffcb05;
  margin-bottom: 30px;
}
.css_support_blk .sec_title{
  color:#788bfe;
}
.css_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.css_rht{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 670px;
          flex: 0 0 670px;
  max-width: 670px;
}
.css_lft{
  width: 100%;
  padding: 0 80px 0 0;
}
.css_lft h3,
.css_lft p{
  margin-bottom: 20px;
}
.accordin_item{
  background: #011f55;
  border:1px solid #011f55;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  color: #fff;
}
.open{
  color: #fff;
  background: #0a3177;
}
.accordin_toggle{
  padding: 30px 60px 30px 30px;
  color: #fff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.open .accordin_toggle{
  font-size: 30px;
  color: #ffcb05;
}
/*.accordin_item:hover{
  color: #fff;
  border-color: #7758cf;
}*/
.accordin_toggle:after{
  content: '+';
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.open .accordin_toggle:after{
  content: '-';
  color: #fff;
}
.accordin_cnt{
  margin-top: -10px;
  padding: 0 30px 30px;
  display: none;
}
.ourCients{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.oc_img{
  width: 100%;
  height: 120px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ourCients{
  padding: 70px 0;
}
.page_btm{
  background: #111315;
  padding-top: 60px;
}

.sm ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sm li{
  margin: 0 10px 0 0;
}
.sm a{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border:2px solid #fff;
  border-radius: 50%;
}
.sm a svg{
  width: 20px;
  height: 20px;
  fill: #fff;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.sm a:hover{
  background: #ffcb05;
  border-color: #ffcb05;
}
.sm a:hover svg{
  fill: #fff;
}

footer{
  background: -o-linear-gradient(62deg,#242d3a,#1f2032,#2d315f,#27254e,#170e6c);
  background: linear-gradient(28deg,#242d3a,#1f2032,#2d315f,#27254e,#170e6c);
  position: relative;
  border-radius: 50px 50px 0 0;
}
.footer_img{
  position: absolute;
  right: 0;
  bottom: 0;
}
footer > *{
  position: relative;
  z-index: 1;
}
.footer_top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  padding: 70px 50px 30px;
}
.footer_lft{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  max-width: 280px;
  color: #fff;
}
.footer_mid{
  border-top: 1px solid rgba(255, 255, 255, 0.33);
  padding: 15px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.copyRights{
  border-top: 1px solid rgba(255, 255, 255, 0.33);
  padding: 30px 50px;
  color: #fff;
}
.copyRights p + p{
  margin-top: 5px;
}
footer a{
  color: #fff;
}
footer b{
  font-weight: 500;
}
.footer_lft h5{
  font-weight: 300;
}

footer a:focus{
  color: #fff;
}
footer .dropdown_menu{
  visibility: visible;
  opacity: 1;
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  gap: 0;
  display: none;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  left: 0;
}
footer .dropdown_menu li a{
  color: rgba(255, 255, 255, 0.5);
}
footer .dropdown_menu li a:hover{
  color: #fff;
}

footer .dropdown_btn:hover:after{
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

footer .dropdown_btn.active:after{
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
footer nav ul{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer nav ul li a{
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
}
.hb_blk{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 10px
}
.hb_lft{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 920px;
          flex: 0 0 920px;
  max-width: 920px;
}
.hb_rht{
  width: 100%;
}
.hb_blk .solutions_card{
  max-width: 100%;
}
.hb_lft .solutions_card{
  background: #000;
  height: 100%;
  padding: 50px;
}
.solutions_card h2{
  margin-bottom: 15px;
}
.hbc_Card{
  background: #1250be;
  border-radius: 10px;
  padding: 40px;
}
.hb_rht{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.hbc_Card ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.hbc_Card ul li:first-child{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width:100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hbc_Card ul li{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width:  calc(50% - 15px);
}
.hbc_Card ul li:first-child{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.hbc_Card ul li:first-child span{
  font-size: 85px;
  line-height: 1.2;
  font-weight: bold;
}
.hbc_Card ul li:first-child p{
  font-size: 25px;
  line-height: 1.2;
}
sup{
  vertical-align: super;
  font-size: 60%;
  font-weight: normal;
}
.hbc_Card ul li h3{
  margin-bottom: 10px;
}
.services_blk{
  padding: 100px 0 0;
  background: url(../images/shape_1.png) no-repeat right top / contain;
}
.services_blk .sec_head{
  max-width: 700px;
}
.solutions_card  .btn{
  float: right;
}
.process  .sec_title{
  color: #fff;
}
.process  h2{
  color: #ffcb05;
}
.asl_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.asl_Card{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  border-radius: 15px;
  color: #fff;
  background: -o-linear-gradient(342deg, #3b2fa1,#738bf1,#0938af,#048dbb);
  background: linear-gradient(108deg, #3b2fa1,#738bf1,#0938af,#048dbb);
  overflow: hidden;
}
.asl_Card a{
  padding: 40px;
  display:block;
  color: #fff;
  text-align: left;
}
.asl_Card a:hover{
  background: #00163d;
}
.asl_img{
  display: block;
  height: 320px;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 20px;
}
.asl_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.asl_Card  h4{
  margin-bottom: 10px;
}
.sc_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  color: #ffcb05;
}
.industries_blk{
  padding: 70px 0;
  background: #0a3177 url(../images/shape_1.png) no-repeat right center / cover;
}
.industries_blk .solutions_list{
  padding: 100px 0 70px 0;
  margin: 0 !important;
}
.industries_blk .sec_head{
  max-width: 100%;
}
.industries_blk .sec_head .sec_title{
  color: #fff;
}
.technology_blk .solutions_card h4{
  height: auto;
}
.technology_blk{
  background: url(../images/bg_3.jpg) no-repeat center / cover;
}
.technology_blk .solutions_card {
  border:1px solid #448ccb;
  background: transparent;
}
.technology_blk .solutions_card span.btn_link:hover{
  color: #ffcb05;
}
.technology_blk .solutions_card:hover{
  background: #0a3177;
  border-color: #0a3177;
  color: #fff;
}
.sec_foot{
  text-align: center;
}
.technology_blk .solutions_list{
  padding: 40px 0;
}

footer a:hover{
  color: #ffcb05 !important;
  /*text-decoration: underline;*/
}
footer p{
  font-weight: 15px;
}
.solutions_card:hover{
  background: #000;
}
.sub_menu{
  padding: 0 0 30px;
}
.sub_menu ul{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.sub_menu ul li{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - 14px);
          flex: 0 0 calc(100% / 3 - 14px);
  max-width: calc(100% / 3 - 14px);
}
.sub_menu ul li a{
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 !important;
  color: #555;
}
.sub_menu ul li a b{
  display: block;
  font-weight: 600;
}
.sub_menu ul li a span{
  display: block;
  font-size: 13px;
  line-height: 22px;
  font-weight: 300;
  height: 44px;
  overflow: hidden;
}
.sub_menu ul li a:hover{
  background: #fdf0d6;
  color: #000 !important;
  border-radius: 15px;
}
.sub_menu ul li a img{
  -webkit-filter: brightness(0) saturate(100%) invert(59%) sepia(6%) saturate(91%) hue-rotate(314deg) brightness(95%) contrast(84%);
          filter: brightness(0) saturate(100%) invert(59%) sepia(6%) saturate(91%) hue-rotate(314deg) brightness(95%) contrast(84%);
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  display: none;
}
.sub_menu ul li a:hover img{
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(102%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(102%) contrast(102%);
}
.dropdown_btm{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 40px 0;
  border-top: 1px solid #b7b7b7;
  /*-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12) inset;*/
          /*box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12) inset;*/
}
.db_rht{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.dbr_img{
  width: 100%;
  height: 143px;
  border-radius: 15px;
  overflow: hidden;
}
.dbr_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.db_lft h3{
  margin-bottom: 10px;
}


.banner2 .slick-dots{
  display: none;
}
.banner2 .banner-slide{
  min-height: auto;
  height: 650px;
  padding-bottom: 0;
}
.banner2 .hero-content{
  padding: 30px 0;
}
.AboutUs{
  padding: 100px 0;
}
.AboutUs h3{
  text-align: center;
  margin-bottom: 70px;
  font-weight: 300;
}
.AboutUs h3 b{
  font-weight: 600;
}
.abu_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
.abu_rht,
.abu_lft{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.abu_in p,
.abu_in h5{
  margin-bottom: 25px;
}
.abu_in h6{
  font-size: 16px;
}
.abu_in img{
  width: 100%;
  border-radius: 15px;
}
.history_card{
  background: #232176;
  border-radius: 15px;
  color: #fff;
  padding: 50px;
  height: 100%;
}
.history_card ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.history_card ul li{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 30px 0;
}
.history_card ul li span{
  font-size: 50px;
  line-height: 1;
  font-weight: bold;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  max-width: 35%;
}
.abu_in p strong{
  font-weight: 600;
  color: #2a246a;
}
.Foundation_points{
  background: #efefef;
  border-radius: 15px;
  padding: 50px;
  height: 100%;
}

.history_card ul li p{
  margin-bottom: 0;
}
.history_card ul li:nth-child(n+3){
  border-top: 1px solid #fff;
}
.Foundation_points ul{
  margin-bottom: 50px;
}
.industries_blk2{
  background: #efefef;
  color: #000;
  text-align: center;
}
.industries_blk2 .sec_head{
  text-align: left;
  margin: 0;
}
.industries_blk2 *:not(.btn){
  color: #000 !important;
}
.industries_blk2 .solutions_list{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0 30px;
  text-align: left;
}
.industries_blk2 .solutions_card{
  background: #fff;
  color: #000;
  padding: 30px;
}
.industries_blk2 .solutions_card .sc_title{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px;
}
.industries_blk2 .solutions_card .sc_title img{
  margin-bottom: 0;
}
.industries_blk2 .solutions_card:hover{
  background: #232176;
}
.industries_blk2 .solutions_card:hover *{
  color: #fff !important;
}
.industries_blk2 .solutions_card:hover img{
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
}
.page_about{
  padding: 60px 0;
  text-align: center;
}
.pa_in{
  max-width: 75%;
  margin: auto;
}
.pa_in h3{
  margin-bottom: 30px;
  font-weight: 300;
}
.pa_in h3 b{
  font-weight: bold;
}
.pa_in h4{
  margin-bottom: 20px;
}
.offerings_wrapper{
  padding: 70px 0;
  background: #f5f5f5;
  overflow: hidden;
}
.ow_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ow_lft{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px 0 0;
}
.ow_rht{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-top: 56px;
}
.owr_img{
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 388px;
          flex: 0 0 388px;
  max-width: 388px;
}
.owr_img:first-child{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 295px;
          flex: 0 0 295px;
  max-width: 295px;
  width: 100%;
}
.ow_lft h4{
  margin-bottom: 20px;
}
.owr_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ow_lft ul li b{
  font-weight: 600;
  display: block;
}
.ow_lft ul li + li{
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #d7d7d7;
}
.wcu_wrapper{
  padding: 60px 0;
  overflow: hidden;
}
.wcu_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.wcu_lft,.wcu_rht{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.wcu_card{
  background: #ffea9b;
  border-radius: 15px;
  padding: 50px;
}
.wcu_card + .wcu_card{
  background: #f5f5f5;
  margin-top: 20px;
  border:1px solid #d7d7d7;
}
.wcu_card H4{
  margin-bottom: 20PX;
  line-height: 1.2;
}
.wcu_card h4 span{
  font-size: 15px;
  font-weight: 300;
}
.wcu_card > P{
  margin-bottom: 10PX;
}
.wcu_card > P:last-child{
  margin-bottom: 30px;
}
.wcu_card ul{
  list-style: disc;
  color: #2a246a;
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.wcu_card ul p{
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.wcu_card ul li + li{
  margin-top: 10px;
}
.wcu_lft{
  padding: 50px;
  background: #232176;
  color: #fff;
  padding: 50px;
  border-radius: 15px;
}
.wcu_lft h4{
  margin-bottom: 30px;
  line-height: 1.5;
}
.wcu_lft ul li{
  margin-bottom: 35px;
}
.wcu_lft ul li:last-child{
  margin-bottom: 0;
}
.wcu_lft p,
.wcu_lft b{
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  display: block;
}
.wcu_lft p{
  font-weight: 400;
}
.ow_2 .owr_img{
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  max-width: 100% !important;
}
.ow_2 .ow_rht{
  padding-top: 0 !important;
}
.ow_lft2{
  margin-bottom: 30px;
}
.ow_2 .ow_lft ul li + li{
  border: none;
  padding-top: 0;
}
.ow_2{
  background: #f1f5f9;
}
.wcu_in2{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ourApproach ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.oa_icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  max-width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f1f5f9;
  border-radius: 8px;
}
.ourApproach ul li{
  margin-top: 30px;
}
.ourApproach ul li b{
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.ourApproach ul li p{
  font-weight: 16px;
  line-height: 26px;
}
.ourApproach h4{
  padding-left: 100px;
}
.portfolio_wrapper{
  padding: 70px 0;
  background: #f1f5f9;
}
.portfolio_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.portfolio_card{
  padding: 30px 15px;
}
.portfolio_card a{
  display: block;
  border-radius: 15px;
  overflow: hidden;
  color: #000;
  background: #fff;
  border:1px solid #d7d7d7;
}
.portfolio_card a:hover{
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.portfolio_img{
  height: 270px;
  background: #ccc;
  overflow: hidden;
}
.portfolio_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.os_cnt{
  padding: 20px;
}
.os_cnt span{
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
  display: block;
  margin-bottom: 10px
}
.os_cnt strong{
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.portfolio_wrapper h4{
  text-align: center;
  margin-bottom: 30px;
}
.wcuw2 .wcu_rht{
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  max-width:100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.wcuw2 .wcu_rht .wcu_card{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  margin: 0 !important;
}
.wcuw3 .wcu_rht{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
b{
  font-weight: 600;
}
.wcuw2 .wcu_rht .wcu_card:nth-child(2){
  background: #f5f5f5 url(../images/img_24.png) no-repeat right 30px bottom 30px;
}
.appportfolio{
  background: url(../images/img_24.jpg) no-repeat center / cover;
  color: #fff;
  padding: 120px 0;
}
.appportfolio h4 {
  line-height: 1.2;
  margin-bottom: 20px;
}
.appportfolio h4 small{
  font-size: 15px;
  line-height: 1.2;
  font-weight: 300;
}
.appportfolioList{
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.appportfolioCard{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 15px);
          flex: 0 0 calc(25% - 15px);
  max-width: calc(25% - 15px);
  background: #fff;
  color: #000;
  border-radius: 15px;
  padding: 30px;
}
.appportfolioCard h5{
  margin-bottom: 20px;
}
.appportfolioCard p + p{
  margin-top: 20px;
}
.wcuw3 .wcu_card .btn{
  display: inline-block;
  margin-top: 30px;
}
.testmonials_blk{
  background: #f1f5f9;
  padding: 60px 0;
}
.testmonials_head{
  text-align: center;
}
.testmonials_head img{
  display: inline-block;
  margin-top: -30px;
}
.testmonials_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.testmonials_card{
  background: #e9e9e9;
  padding: 30px;
  border-radius: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 15px);
          flex: 0 0 calc(25% - 15px);
  max-width: calc(25% - 15px);
}
.testmonials_card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  min-height: 250px;
}
.testmonials_foot{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.testmonials_img{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
  max-width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.testmonials_img img{
  width: 100%;
  min-height: 100%;
}
.tsc_2{
  margin-top: 50px;
  background: #fcf5d7;
}
.tsc_3{
  margin-top: 70px;
  background: #fbe4ca;
}

.tsc_4{
  margin-top: 20px;
  background: #d7edf8;
}

.ClientsWrapper{
  padding: 100px 0;
}
.ClientsWrapper h3 {
  font-weight: 600;
  text-align: center;
}
.ClientsWrapper h3 span{
  display: block;
  font-weight: 300;
}
.ClientsWrapper ul{
  margin-top: 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);;
  border:1px solid #cccccc;
  background: #ccc;
}
.ClientsWrapper ul li{
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  margin: 1px;
  padding: 20px;
}
.ClientsWrapper ul li img{
  max-width: 100%;
}
.ctaForm{
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 15px;
  overflow: hidden;
}
.ctaForm_blk,.ctaForm_img{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  background: #e4f2fb;
}
.ctaForm_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ctaForm_blk{
  padding: 40px;
  border: 1px solid #d7d7d7;
  border-right: none;
  border-radius: 15px 0 0 15px;
}
.ctaForm_blk h4{
  font-weight: 300;
  margin-bottom: 30px;
}
.cta_rht .ctaForm_blk{
  max-width: 100%;
  background: #ffffff;
  border: none;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
}
.cta_rht{
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.cta_page{
  padding: 100px 0;
  background: #e7eff5;
}
.cta_rht .ctaForm_blk .form_control{
  border-color: #ccc;
}
.cta_rht .ctaForm_blk h3{
  line-height: 32px;
  margin-bottom: 30px;
}
.cta_rht .ctaForm_blk h3 small{
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
}
.ctap_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 40px;
}
.cta_lft{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cta_add{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
  background: #fff;
  border-radius: 15px;
  padding: 30px;
}
.cta_add strong{
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
  display: block;
  font-weight: 600;
}
.cta_add b{
  font-weight: 600;
}
.cta_add a{
  color: #000;
}
.cta_add a:hover{
  color: #d98205;
}
.cta_head{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
.cta_head h4,
.cta_head h5{
  font-weight: 300;
}
.careerslist{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  margin-top: 70px;
}
.career_Card{
  background: #f4f8fb;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - 20px);
          flex: 0 0 calc(100% / 3 - 20px);
  max-width: calc(100% / 3 - 20px);
  border: 1px solid #d7d7d7;
  border-radius: 15px;
  padding: 30px;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.career_Card:hover{
  background: #fff;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
}
.tst_footer .btn,
.career_Card a.btn{
  background: #0f62ab;
  border-color: #0f62ab;
}
.tst_footer .btn:hover,
.career_Card a.btn:hover{
  background: #2a246a;
  border-color: #2a246a;
  color: #fff;
}
.career_Card h6{
  font-size: 18px;
}
.job_loc{
  display:block;
  color: #717171;
  font-weight: 400;
}
.cct_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cc_top,
.career_Card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.cc_btm{
  padding-top: 30px;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.career_Card2{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 * 2 - 20px);
          flex: 0 0 calc(100% / 3 * 2 - 20px);
  max-width: calc(100% / 3 * 2 - 20px);
  border-radius: 20px;
  background: #bcc1c7;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  padding: 50px;
}
.cc2_in{
  max-width: 50%;
}
.cc2_in h5{
  font-weight: 300;
  margin-bottom: 20px;
}
.cc2_in a{
  color:#000 ;
}
.job_dis p{
  font-size: 15px;
  line-height: 22px;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.jobType{
  cursor: default;
}
.career_wrapper{
  border-bottom: 1px solid #e1e1e1;
}
.testimonials_Card{
  background: #fff;
}
.tst_top img{
  margin-bottom: 20px;
}
.testimonials_Card .cc_btm{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}
.tst_avatar{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  max-width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
}
.tst_avatar img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.career_Card3{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 * 2 - 20px);
          flex: 0 0 calc(100% / 3 * 2 - 20px);
  max-width: calc(100% / 3 * 2 - 20px);
  border-radius: 20px;
  background-color: #5eb0bb;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  padding-right: 30%;
  color: #fff;
}
.career_Card3 p{
  font-size: 20px;
  color: #fff;
}
.career_Card3 .job_loc{
  color: #fff;
}
.career_Card3 .cc_btm{
  padding-top: 0;
  margin-top: 0;
  border: none;
}
.tst_wrapper{
  background: #dee0ef;
}
.tst_footer{
  text-align: center;
  margin-top: 30px;
}
.form_group.error .form_control {
  border-color: #e63946;
}
.form_group.error .input_group{
  border:1px solid #e63946;
}
.form_success {
  display: none;
  margin-top: 20px;
  padding: 5px 24px;
  background: #e8f8f0;
  color: #1b7f5a;
  border: 1px solid #b7ead4;
  border-radius: 6px;
  font-size: 14px;
  flex: 1;                /* takes remaining space */
  min-width: 0;           /* allows proper flex shrinking */
}

.form_success.show {
  display: block;
  -webkit-animation: fadeIn 0.4s ease;
          animation: fadeIn 0.4s ease;
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px); }
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px); }
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
.cde_wrapper{
  padding: 100px 0;
}
.cde_oin{
  text-align: center;
  padding: 0 10%;
}
.cde_oin h3{
  font-weight: 300;
  margin-bottom: 40px;
}
.cde_oin ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: left;
  margin-top: 40px;
}
.cde_oin ul li b{
  color: #717171;
  text-transform: uppercase;
}
.coreFeatures_blk{
  text-align: center;
  background: #ccc url(../images/img_33.jpg) no-repeat center / cover;
  padding: 100px 0;
  color: #fff;
  position: relative;
}
.coreFeatures_blk:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #00163d;
  opacity: 0.3;
}
.coreFeatures_blk h3 small{
  font-size: 15px;
  line-height: 1.2;
  display: block;
  font-weight: 400;
}
.coreFeatures_blk ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 0;
  max-width: 80%;
  margin: auto;
}
.coreFeatures_blk ul li{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 162px;
          flex: 0 0 162px;
  max-width: 162px;
  height: 162px;
  background: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  color: #000;
  gap: 15px;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;

}
.coreFeatures_blk ul li *{
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.coreFeatures_blk ul li:hover{
  background: #0978df;
  color: #fff;
}
.coreFeatures_blk ul li:hover img{
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(108%) contrast(101%);

}
.work_management_blk{
  padding: 70px 0;
  overflow: hidden;
}
.cfb_in{
  position: relative;
  z-index: 1;
}
.work_management_blk{
  position: relative;
  padding: 70px 0;
  background: #f7f4ff;
}
.wmb_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
}
.wmb_lft,
.wmb_rht{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 30px);
          flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
}
.page_head h2,
.wmb_in h2{
  font-weight: 300;
  margin-bottom: 10px;
}
.page_head h5,
.wmb_in h5{
  font-weight: 300;
  margin-bottom: 30px;
}
.wmb_in p{
  margin-bottom: 20px;
}
.page_head{
  text-align: center;
  margin-bottom: 30px;
  max-width: 70%;
  margin: auto;
}
.wmb2{
  background: #fff;
}
.wmb3{
  background: #e5f2fd;
}
.wmb5 .wmb_in,
.wmb3 .wmb_in{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.wmb4{
  background: #fff;
}
.wmb5{
  background: #f7f4ff;
}
.freeDemo{
  background: url(../images/img_35.jpg) no-repeat center bottom / cover;
  color: #fff;
  overflow: hidden;
}
.fd_in{
  max-width: 760px;
  padding-top: 70px;
  position: relative;
  z-index: 1;
}
.fd_in h2{
  font-weight: 60px;
  font-weight: 300;
  margin-bottom: 10px;
}
.fd_in h5{
  margin-bottom: 20px;
}
.freeDemo img{
  position: relative;
  margin-top: -120px;
}
.invalid .form_control{
  border-color: red !important;
}
.hero-image2{
}
.hero-image2:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
}
.page_industries{
  padding: 70px 0 50px;
}
.pi_head{
  max-width: 990px;
  margin: auto;
  text-align: center;
}
.pi_head h3{
  font-weight: 300;
  margin-bottom: 20px;
}
.pi_head p{
  padding: 0 10%;
  font-weight: 400;
}
.pio_img{
  background: #018090;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*padding: 60px;*/
  border-radius: 15px;
  margin-top: 30px;
  overflow: hidden;
}
.pi_overview{
  background: #e5f6fd;
  padding: 30px;
  border-radius: 20px;
  margin-top: 40px;
}
.pio_head{
  max-width: 917px;
}
.pio_head h4{
  font-weight: 400;
  margin-bottom: 10px;
}
.pio_head p{
  font-weight: 400;
}
.pio_list{
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 50px -10px 0;
}
.pio_grid{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
  padding: 0 10px;
}
.pio_Card{
  background: #fff;
  border-radius: 15px;
  padding: 30px;
}
.pio_Card + .pio_Card{
  margin-top: 20px;
}
.pio_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.pio_title h5{
  font-weight: 600;
  color: #0f62ab;
}
.pio_title span{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 67px;
          flex: 0 0 67px;
  max-width: 67px;
  height: 67px;
  padding: 10px;
  background: #f5f5f5;
  border:1px solid #cccccc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pio_body ul{
  list-style: disc;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
}
.pio_body ul li{
  font-size: 20px;
}
.pio_body li p{
  color: #000;
  font-size: 15px;
}
.pio_body dt{
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}
.pio_body dd{
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}
.pio_body h6{
  font-weight: 600;
  color: #00163d;
  margin-bottom: 5px;
}
.pio_body h6 b{
  display: block;
  padding-left: 20px;
  color: #000;
}
.pi_overview2{
  padding: 0 !important;
  background: #fff !important;
  margin-top: 50px;
}
.financial_structure{
  margin-top: 80px;
}
.financial_structure .pi_head{
  margin-bottom: 50px;
}
.fs_img{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fs_mbl{
  display: none;
}
.page_ai{
  padding: 70px 0;
}
.pai_head{
  max-width: 1024px;
  margin: auto;
  text-align: center;
}
.pai_head h3{
  font-weight: 400;
  margin-bottom: 20px;
}
.pai_head h4{
  font-weight: 400;
  margin: 30px 0 20px;
}
.our_process{
  background: #eaf9ff;
  padding: 100px 0;
}
.op_head{
  max-width: 840px;
  margin-bottom: 40px;
}
.op_head p{
  font-weight: 400;
}
.op_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.op_card{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - 20px);
          flex: 0 0 calc(100% / 3 - 20px);
  max-width: calc(100% / 3 - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.op_card img{
  opacity: 0.4;
}
.op_card p{
  color: #000;
  font-weight: 400;
}
.faq_icon{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  max-width: 30px;
  height: 30px;
  background: url(../images/plus.png) no-repeat center / 15px 15px;
}
.faq_toggle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
  cursor: pointer;
}
.faq_item.open {
  background: transparent;
  color: #000;
}
.faq_item.open .faq_toggle .faq_icon{
  background:  url(../images/close.png) no-repeat center / 15px 15px;
}
.faq_item{
  border-bottom:1px solid #d7d7d7;
}
.faq_cnt{
  padding: 0 0 10px 0;
}
.faqs_blk{
  padding: 100px 0;
}
.fas_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
}
.faq_lft{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 30px);
          flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
  border:1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;
}
.faq_img{
  height: 390px;
  border-radius: 20px;
  overflow: hidden;
  background: #ccc;
}
.faq_img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.faqs_list{
  margin-top: 30px;
}
.faq_img_cnt{
  padding: 30px;
}
.faq_img_cnt h4{
  font-weight: 300;
  margin-bottom: 10px;
}
.faq_img_cnt p{
  font-weight: 20px;
  line-height: 26px;
  font-weight: 300;
}
.faq_rht h4{
  font-weight: 600;
  margin-bottom: 10px;
}
.faq_rht p{
  font-weight: 20px;
  font-weight: 400;
}
.faq_rht ul {
  margin-bottom: 30px;
}
.faq_rht ul li a{
  font-weight: 600;
  color: #0f62ab;
}
.faq_cnt p{
  font-weight: 16px;
  font-weight: 300;
}
#faqs .faq_cnt{
  display: none;
}
#faqs .faq_item:first-child .faq_cnt{
  display: block;
}
.ourProjects{
  background: #ebebeb;
  padding: 100px 0;
}
.ourProjects_head{
  margin-bottom: 50px;
}
.ourProjects_head h4{
  margin-bottom: 10px;
}
.ourProjects_head p{
  font-size: 20px;
  font-weight: 400;
}
.ourProjects_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.opl_card{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3 - 20px);
          flex: 0 0 calc(100% / 3 - 20px);
  max-width: calc(100% / 3 - 20px);
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
}
.opl_card H6{
  margin-bottom: 10PX;
}
.opl_card ul{
  list-style: disc;
  padding-left: 20PX;
}
.oplc_cnt{
  background: #00163d;
  color: #fff;
}
.oplc_cnt h4{
  font-weight: 300;
  margin-bottom: 30px;
}
.oplc_cnt h4 b{
  font-weight: bold;
  display: block;
}
.opl_card2 a,
.oplc_cnt a{
  color: #fff;
  font-weight: 600;
}
.opl_card2 a:hover,
.oplc_cnt a:hover{
  color:#d98205;
}
.pai_img{
  max-width: 1260px;
  margin: 40px auto 0;
  border:1px solid #ccc;
  border-radius: 15px;
  padding: 30px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.devops_process{
  background: #e4ecf9;
}
.opl_list2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.opl_list2 .ourProjects_list{
  width: 100%;
}
.opl_list2 .ourProjects_list .opl_card{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2 - 15px);
          flex: 0 0 calc(100% / 2 - 15px);
  max-width: calc(100% / 2 - 15px);
}
.opl_card2{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 460px;
          flex: 0 0 460px;
  max-width: 100%;
  background: #0f62ab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  padding: 50px;
}
.opl_card2 h4{
  font-weight: 400;
  margin-bottom: 20px;
}
.opl_card2 h5{
  font-weight: 400;
  margin-bottom: 20px;
}
.opl_card2 p{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.ar_process{
  background: #fff1d1;
}
.oplc3{
  background: #fdae57;
  color: #000;
}
.oplc3 a{
  color: #000;
}
.oplc3 a:hover{
  color: #2a246a;
}
.ar_process .solutions_list .solutions_card:not(.solutions_card_full){
  background: #fff;
  color: #000;
}
.ar_process .solutions_list .solutions_card {
  padding: 40px;
}
.ar_process .solutions_list .solutions_card h3{
  margin-bottom: 10px;
  font-weight: 300;
}
.ar_process .solutions_list .solutions_card h5{
  margin-bottom: 10px;
}
.ar_process .solutions_list .solutions_card p{
  margin-bottom: 0;
}
.ar_process .solutions_list .solutions_card_full{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ar_process .solutions_list .solutions_card_full .btn{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: none;
  color: #000;
}
.ar_process .solutions_list .solutions_card_full .btn:hover{
  color: #fff;
}
.op_img{
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  background: rgba(255, 255, 255, 0.9);
}
.modal.show {
  visibility: visible;
  opacity: 1;
  overflow: auto;
}
.modal .modal-dialog {
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: calc(100% - 60px);
  padding: 30px;
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  overflow: auto;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  color: #000;
  pointer-events: auto;
  background-clip: padding-box;
  border-radius: 20px;
  outline: 0;
  width: 750px;
  max-width: 750px;
  max-height: 100%;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px;
  overflow: auto;
}
.modal .page_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  max-width: 100%;
}
.modal .sec_head {
  width: 100%;
  max-width: 100%;
  margin-right: 20px;
  text-align: left;
}
.modal .sec_head h2{
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.modal .sec_head p{
  margin-top: 0;
}
.close_modal {
  font-size: 30px;
  color: #000;
  font-weight: 100;
}
.aboutUs2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.abus_lft, .abus_rht {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 30px);
  flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
}
.abus_img img {
  border-radius: 16px;
}
.modal .abus_rht {
  padding: 0;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.aboutUs2 h2 {
  margin-bottom: 20px;
}

.modal .form_control{
  border-color: #ccc;
}
.modal .aboutUs2{
  padding: 0 !important;
}
.modal .btn:hover{
  background: #0f62ab;
  border-color: #0f62ab;
  color: #fff;
}

.checkboxesList label{
  display: inline-block;
  line-height: 22px;
}
.checkboxesList input[type="checkbox"],
.checkboxesList input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checkboxesList input[type="checkbox"] + label::before,
.checkboxesList input[type="radio"] + label::before {
  content: '\a0';
  display: inline-block;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  line-height: 18px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  border: 1px solid #ccc;
}

.checkboxesList input[type="radio"] + label::before {
  border-radius: 50%;
}

.checkboxesList input[type="checkbox"]:checked + label::before,
.checkboxesList input[type="radio"]:checked + label::before {
  content: '\a0';
  background: #03afff;
  border: 1px solid white;
  -webkit-box-shadow: inset 0 0 0 1px white, 0 0 0 1px #03afff;
          box-shadow: inset 0 0 0 1px white, 0 0 0 1px #03afff;
}
.checkboxesList{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}


.customCheckbox label {
  position: relative;
  cursor: pointer;
}

.customCheckbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.customCheckbox input:checked + label:before {
  border-color: #03afff;
}
.customCheckbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 8px;
  width: 5px;
  height: 14px;
  border: solid #03afff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.customCheckbox input{
  display: none;
}

/* Drag & Drop Area */
.file-drop-area {
  position: relative;
  border: 1px dashed #ccc;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  color: #4CAF50;
}

.file-drop-area.dragover {
  background-color: #f7f7f7;
  border-color: #000;
}

.file-drop-area i {
  font-size: 40px;
  display: block;
  margin-bottom: 10px;
}
.file-drop-area i svg{
  width: 40px;
  height: 40px;
}

.file-drop-area span {
  display: block;
  font-size: 16px;
}

/* File details */
.file-details {
  margin-top: 15px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f9f9f9;
}

.file-details span {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
  font-size: 14px;
}

.file-details button {
  background-color: red;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.file-details button:hover {
  background-color: #d32f2f;
}

/* Hidden input */
#resumeInput {
  display: none;
}


 .cta-button{
    line-height: 2rem;
    font-weight: 700;
    color: rgba(72,0,159,1);
    padding:0.2rem 0.7rem;
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    box-sizing: border-box;
    border:none;
    border-radius: 18px;
     box-shadow: 0 8px 20px rgba(80, 33, 182, 0.1);
  } 
  .cta-button:hover,.cta-button:focus,.cta-button:visited{
      color:rgba(72,0,159,1);
  }
  header.sticky nav ul li .cta-button{
      color:rgba(255, 255, 255, 1);
      background-color:#2a246a;
  }
 header.sticky nav ul li .cta-button:hover,header.sticky nav ul li .cta-button:focus,header.sticky nav ul li .cta-button:visited{
      color:rgba(255, 255, 255, 1);
      background-color:#2a246a;
  }
  /* Hide dropdown arrow/toggle icon for CTA button */
.cta-button.dropdown_btn::after,
.cta-button.dropdown_btn::before {
  display: none !important;
  content: none !important;
}

.footer__image{
background-color: white;
 padding:0.5rem;
 border-radius:8px;
}


/* ===== Leadership Section Overrides ===== */
.leadership_section h3 {
  text-align: center;
  margin-bottom: 60px;
}

.leadership_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
    margin:0 auto;
}
.leadership_Card {
  background: radial-gradient(circle at 15% 20%, #1f2933 0%, transparent 45%),linear-gradient(180deg,#000 0%, #01091d 100%) ;
  border-radius: 18px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding:20px;
}

.leadership_Card:hover {
background:#fff;
  border: 1px solid #000;
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0, 255, 200, 0.15);
   backdrop-filter: blur(12px);
  
  
}

.leader_img img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
 object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 auto 20px auto;
}

.leadership_Card:hover .leader_img img{
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}

.leader_content {
  padding: 16px 18px 20px;
  color:white;
}
.leadership_Card:hover .leader_content{
  color: #000;
}

.leader_content h5 {
  margin-bottom: 4px;
}

.leader_content .job_loc {
  display: block;
  color: #00b591;
  font-weight: 600;
  margin-bottom: 10px;
}

.leader_content p {
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.85;
}


.leader_social {
  margin-top: 14px;
}

.leader_social a {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1f1f1f;
  color: #00ffcc;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.leader_social a:hover {
  background: #00ffcc;
  color: #000;
} 

.ClientsWrapper.tst_wrapper.leadership_section {
  position: relative;
  padding: 96px 20px 120px;
  background:
    radial-gradient(circle at 15% 20%, #1f2933 0%, transparent 45%),
    radial-gradient(circle at 85% 10%, #0f766e 0%, transparent 40%),
    linear-gradient(180deg,#000 0%, #01091d 100%);
    color:white;
}
.venkat-img {
  object-position: center 25%;
}




.modal,
.modal-content,
.form_group,
.form-control {
  overflow: visible !important;
}

/*Form message*/
.submit_row {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.submit_row .btn {
    flex: 0 0 auto;
    width: auto !important;
}

.submit_row .form_success {
    flex: 1;
    min-width: 0;
    margin-top:6px;
}

.submit_row .form_success.success,
.submit_row .form_success.error {
    display: flex;          /* show only when active */
    align-items: center;
    padding: 10px 14px;
    border-radius: 6px;
}

.form_success.success {
    background: #e6f9ec;
    color: #0a7a32;
}

.form_success.error {
    background: #fdeaea;
    color: #b30000;
}

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

/* Remove default margins */
.formInfoLink h3 {
    margin: 0;
}
.formInfoLink a{
    color:#000;
}
.formInfoLink a:hover{
    color:#d98205;
}

/* Responsive center alignment */
@media (max-width: 768px) {
    .formInfoLink {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        gap: 10px;
    }
}

/* ── intl-tel-input wrapper fills the group ── */
.iti {
  width: 100%;
}

/* Make the actual <input> fill the wrapper */
.iti input.form_control {
  width: 100%;
  padding-left: 90px; /* leave room for the flag + dial code */
}

/* ── Flag button (left side) ── */
.iti__flag-container {
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.iti__selected-flag {
  height: 100%;
  padding: 0 8px 0 10px;
  border-right: 1px solid #ddd;
  border-radius: 8px 0 0 8px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  transition: background 0.15s;
}

.iti__selected-flag:hover {
  background: #eaeaea;
}

/* ── Dropdown (teleported to document.body) ── */
.iti__country-list {
  z-index: 999999 !important; /* needed because dropdownContainer: document.body */
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  max-height: 220px;
  overflow-y: auto;
  background: #fff;
  font-size: 14px;
  width: 260px;        /* narrower width (default is ~340px) */
  max-height: 180px;   /* fewer visible rows before scrolling */
  font-size: 13px;     /* smaller text */
}

.iti__country {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background 0.1s;
   padding: 5px 10px;   /* tighter row height */
  gap: 6px;
}

.iti__country:hover,
.iti__country.iti__highlight {
  background: #f0f5ff;
}

.iti__country-name {
  color: #333;
}

.iti__dial-code {
  color: #888;
   font-size: 12px;
}
.iti__flag {
  transform: scale(0.85);   /* slightly smaller flags */
}
.iti__divider {
  border-top: 1px solid #eee;
  margin: 4px 0;
}


/* ── Responsive ── */
@media (max-width: 600px) {
  .w_50 {
    width: 80%;
  }
}