#hero {
  margin: 12.3rem 5rem 5rem 5rem;
}

.hero-title {
  font-family: 'Outfit', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 55.4052px;
  line-height: 96%;
  /* or 56px */
}

.hero-content p{

  font-style: normal;
  font-weight: 400;
  font-size: 14.0172px;
  line-height: 17px;
  margin-top: 2rem;
}

.dspan {
  position: absolute;
  margin: -3rem;
}
.dspan1 {
  position: absolute;
  width: 343px;
  height: 18px;
  left: 278px;
  top: 317px;
  background: #87c0ff;
  z-index: -1;
}
.btn-box-normal{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.slider-box{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  background-color: #00438b00;
  padding: 20px 0px;
transition: all 1s;
  animation: slider_anim 5s normal 0 infinite normal normal;
}

.slider-box:hover{
   
}
.slider-box .logos-box-same{
  padding: 0px 10px;
  margin: 0px 10px;
  height: 39px;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 20px;
    position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.slider-box .logos-box1{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,46,0,1) 100%);
}
.slider-box .logos-box2{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgb(179, 179, 179) 0%, rgba(77,77,77,1) 100%);
}
.slider-box .logos-box3{
  background: rgb(0,106,37);
  background: linear-gradient(90deg, rgba(0,106,37,1) 0%, rgba(65,65,65,1) 100%);
}
.slider-box .logos-box4{
  background: rgb(0,35,139);
  background: linear-gradient(90deg, rgba(0,35,139,1) 30%, rgba(0,5,38,1) 100%);
}
.slider-box .logos-box5{
  background: rgb(255,179,0);
  background: linear-gradient(90deg, rgba(255,179,0,1) 0%, rgba(38,27,0,1) 100%);
}
.slider-box .logos-box6{
  background: rgb(0,22,255);
  background: linear-gradient(90deg, rgba(0,22,255,1) 0%, rgba(0,0,0,1) 100%);
}
.slider-box .logos-box7{
  background: rgb(0,22,255);
  background: linear-gradient(90deg, rgba(0,22,255,1) 0%, rgb(134, 134, 134) 100%);
}
/* next slider */
.slider-box .logos-box8{
  background: rgb(0,106,37);
  background: linear-gradient(90deg, rgba(0,106,37,1) 0%, rgba(65,65,65,1) 100%);
}
.slider-box .logos-box9{
  background: rgb(255,179,0);
  background: linear-gradient(90deg, rgba(255,179,0,1) 0%, rgba(38,27,0,1) 100%);
}
.slider-box .logos-box10{
  background: rgb(0,22,255);
  background: linear-gradient(90deg, rgba(0,22,255,1) 0%, rgba(0,0,0,1) 100%);
}
.slider-box .logos-box11{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgb(179, 179, 179) 0%, rgba(77,77,77,1) 100%);
}
.slider-box .logos-box12{
  background: rgb(0,22,255);
  background: linear-gradient(90deg, rgba(0,22,255,1) 0%, rgba(0,0,0,1) 100%);
}
.slider-box .logos-box13{
  background: rgb(62,0,19);
  background: linear-gradient(90deg, rgba(62,0,19,1) 0%, rgba(255,0,78,1) 100%);
}
.slider-box .logos-box14{
  background: rgb(62,22,0);
  background: linear-gradient(90deg, rgba(62,22,0,1) 0%, rgba(255,128,0,1) 100%);
}

#mask{
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,0.6);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
}

.slider-box img{
display: inline-block;
width: 24px;
height: 24px;
margin-left: 0px;
}
.icon-text{
display: inline-block;
font-size: 10px;
font-weight: bold;
color: white;
margin-left: 6px;
}

#service_sec{
  width: 100%;
  height: 100%;
  padding: 30px 30px;
}
.mybluetext{
  color: #0079FD;
}
#service_sec h2{
  font-weight: 700;
}
#service_sec h2 > span{
  font-weight: 700;
  background-color: #0079FD;
  color: white;
  border-radius: 10px;
}
#service_sec p{
  font-size: 15px;
  font-weight: 400;
}
/* card carousel */


.mycard{
background-color: #0079FD;
width: 100%;
height:25rem !important;
border-radius: 13px;
position: relative;
display: inline-block;
}
.mycard-body{
  background-color: #0079FD;
  position: relative;
  width: 100%;
  height: 100%;
}
.mycard-header{
  width: 100%;
  height: 20%;
padding: 13px;
}
.mycard-content{
  text-align: left;
  display: flex;
  width: 100%;
  height: 70%;
  align-items: center;
padding: 13px;
overflow-y: auto;
overflow-x: hidden;
}

.mycard-header span{
  font-weight: 400 !important;
  font-size: 23.0007px !important;
  line-height: 97.5% !important;
  color: white !important;
}

.mycard-content p{
  font-size: 23.0007px;
  line-height: 100.5%;
  color: white;
}

.mycard-content p{
  display: inline-block;
}
.mycard-content p{
margin-left: 5px;
}
.mycard-footer{
  width: 100%;
  height: 10%;
  display: flex;
  align-items: center;
  color: white;
padding: 13px;
}
/*  */
.rm{
  font-size: 9.20029px;
  margin-left: 10px;
}
.cnum{
  font-size: 23.0007px;
  font-weight: 700;
  margin-left: auto;
  padding-right: 10px;
}




.slick-slider .element{
  border-radius:5px;
  display:inline-block;
  margin:0px 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;

  overflow-x: hidden;
}
.slick-slider .slick-disabled {
  opacity : 0; 
  pointer-events:none;
}
.slick-track{
  padding: 20px 0px;
display: flex;
overflow-x: hidden;
}
.slide{
  position: relative;
  overflow-x: hidden;
}
.r-i{
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 11;
}

.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #887bff !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#sec-3{
  background: linear-gradient(180deg, #39444F 0%, #16222E 100%);
  padding: 50px 0px;
  position: relative;
  overflow-x: hidden;
}

.sec-3-content-box h2{
  font-weight: 700;
color: white;
}
.sec-3-content-box p{
  font-weight: 400;
  font-size: 20px;
  color: white;
  line-height: 30px;
}
.v7{
  position: absolute;
  bottom: 0;
  left: 45rem;
}
.r1 {
  position: absolute;
  bottom: 4rem;
  left: 7rem;
}
.sec-3-img{
  overflow: hidden;
}
.t1{
  position: absolute;
  top: 0;
  right: -50px;
}

.sec-3-content-box button{
  background-color: #ffffff;
  color: #16222E;
  font-weight: 700;
font-size: 11.8839px;
line-height: 96%;
border: none;
padding: 10px 30px;
border-radius: 10px;
transition: 0.3s;
}
.sec-3-content-box button:hover{
  background-color: #16222E;
  color: white;
  box-shadow: 0px 0px 4px white;
}
#sec-4{
  position: relative;
}
#sec-4 span{
background-color: #0079FD;
color: white;
}
#sec-4 h2{
  font-weight: 700;
}
#sec-4 h2 > span{
  font-weight: 700;
  background-color: #0079FD;
  color: white;
  border-radius: 10px;
}
#sec-4 p{
  font-size: 15px;
  font-weight: 400;
}
.sec-4-content-box{
  margin-left: 40px;
}
.sec-4-content-box{
  position: relative;
}
.sec-4-slider-con{
  width: 450px;
  height: 100%;
  position: relative;
}
.sec-4-slider {
  background: linear-gradient(70deg,#0079FD,#a4d0ff);
  width: 400px;
  height: 150px;
  border-radius: 20px;
  overflow: hidden;
}

.sec-4-slider span{
  width: 100%;
  height: 150px;
  display: block;
  background-color: #16222E;
  padding: 20px 30px;
}
.sec-4-slider span picture{
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
}
.udb {
  z-index: 13;
  position: absolute;
  right: 40px;
  top: 100px;
}
#sup{
position: relative;
right: -1px;
bottom: 30px;
border: 0;
background-color: #16222E;
color: white;
border: 0.5px solid rgba(255, 255, 255, 0.315);
}
#sdown{
position: relative;
right: -27px;
bottom: 0;
border: 0;
background-color: #16222E;
color: white;
border: 0.5px solid rgba(255, 255, 255, 0.315);
}
.qot{
  position: absolute;
  right: 50px;
  top: 0;
}
.str-box{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.str-box span{
 height: 15px !important;
}

.simg{
  position: absolute;
  right: 0;
  bottom: -80px;
}

#sec-5{
  position: relative;
}
#sec-5 span{
background-color: #0079FD;
}
#sec-5 h2{
  font-weight: 700;
}
#sec-5 h2 > span{
  font-weight: 700;
  background-color: #0079FD;
  border-radius: 10px;
}
#sec-5 p{
  font-size: 15px;
  font-weight: 400;
}
.sec-5-content-box{
  margin-left: 40px;
}
.sec-5-content-box{
  position: relative;
}

.vcard-box{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #fcfcfc;
  border-radius: 20px;
  margin: 0px 40px;
}
.icon-box{
  width: 73px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
.icon-box img{
  width: 73px;
  height: 83px;
}
.v-card{
 width: 100%;
 display: flex;
 margin: 20px 0px;
padding: 20px 30px;
transition: all 0.3s;
}
.v-card:hover{
  background-color: #a7d2ff;
}
.v-card h3{
  font-weight: 700;
  font-size: 20.1276px;
  line-height: 25px;
}
.v-card p{
  font-weight: 400;
  font-size: 20.1276px;
  line-height: 25px;
  padding-right: 70px;
}
.sec-5-form{
  background-color: #a3d0ff;
  border-radius: 20px;
  padding: 30px;
}
.sec-5-form h2{
  font-weight: 700;
  line-height: 60px;
  color: black;
}
.sec-5-form p{
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: black;
}
.sec-5-form input{
  width: 100%;
  border: 0;
  height: 50px;
  border-radius: 15px;
  color: black;
}
.sec-5-form input::placeholder{
padding: 10px 20px;
font-weight: 400;
font-size: 15px;
line-height: 19px;
}
.form-select{
  width: 100% !important;
  border: 0 !important;
  height: 50px !important;
  border-radius: 15px !important;
}
.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating{
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
textarea{
  width: 100%;
  border: 0;
  height: 50px;
  border-radius: 15px;
  height: 200px;
}
textarea::placeholder{
padding: 10px 20px;
}
textPath:focus-visible{
  border: 0 !important;
  outline: 0 !important;
}
.sec-5-sub{
  background-color: #0079FD;
  padding: 15px 70px;
  border: 0;
  border-radius: 15px;
  margin-top: 15px;
  font-weight: bold;
  color: white;
}

.f-box{
  background-color: #7f7f7f;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 3px;
  z-index: 99;
  border-radius: 100%;
}