*{
    margin: 0px;
}
.headerHover:hover{
    color:white !important;
}
.top_navbar{
    overflow: hidden;
    background-color: #333;
}
.form_container{
  background-color: #f5f0f0;
  padding: 20px;
  text-align: center;
}
.form_view{
  margin: auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 5px 10px 0px grey;
  padding: 20px;
  width: 50%;
}
.top_navbar a {
    float: right;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  .dropdown {
    float: left;
    overflow: visible;
  }
  .img_round_view{
    width: 100%;
    /* height: 50%; */
    border-radius: 5%;
  }
  .download_content{
    /* border-top: 1px solid #c1bfbf; */
    padding: 10px;
    border-bottom: 1px solid #c1bfbf;
    align-items: center;
    margin-bottom:0.5rem ;
  }
  .download_img{
    width: 70%;
    background-color: #047ec5;
    border-radius: 50%;
    padding: 10px;
  }
  .download_brtn{
    background-color: green;
    align-items: center;
    border-radius: 10px;
    color: white;
    padding:2px 8px 2px 8px;
  }
  .service-dvl-type{
    box-shadow: 2px 5px 10px 0px #c5c5c5;
    border-radius: 10px;
    align-items: center;
    padding: 10px;
    margin-bottom: 1rem;
  }
  .service-dvl-type p{
    font-size: 11px;
  }
  .dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: #4f7ec9;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  .pdf_button{
    background-color: #0066b9;
    padding: 10px;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 15px;
  }
  
  .navbar a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(78, 195, 231);
    color: white;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  .dropdown-content a:hover {
    background-color: rgb(78, 195, 231);
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }

  .banner_container{
    position: relative;
    text-align: center;
    color: white;
  }
  .centered {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0px;
  }
  .app-devl{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 25px 0;
  }
  .des{

    font-family: sans-serif;
    font-size: 16px;
    float: left;
    padding: 40px 0 30px 0px;
    text-align: justify;

  }
  .heading{
    font-size: 22px;
    color: #38454f;
    font-weight: bold;
    margin: 15px 0;
  }
  .check{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin-left: 20px;
    text-align: left;
  }
  .check li{
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 22px;
    background: url(../assets/Image/checkbox.png) 0px 4px no-repeat;
    font-weight: 400;
    font-size: 16px;
    color: #38454f;
    line-height: 22px;
    font-family: sans-serif;
  }
  .img-responsive{
    display: block;
    max-width: 100%;
    height: auto;   
  }

  .app-dvl-type{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #efefef;
    font-family: 'Roboto', sans-serif;
    padding-top: 25px;
  }
  .webdesign_creative_data p{
    font-size: 16px;
    text-shadow: none;
    text-align: justify;
  }
  .webdesign_creative_data li{
    font-size: 16px;
    text-shadow: none;
    line-height: 1.8rem;
    color: #25194c;
  }

  .footer{
    display: none;
  }

  .mobile{
    width: 100%;
    float: left;
    padding-top: 18px;
    margin-bottom: 25px;
  }
  .mobile li{
    width: 46%;
    float: left;
    font-size: 14px;
    color: #000;
    padding: 4px 0 5px 23px;
    font-family: sans-serif;
    padding-right: 20px;
  }
  .client_title{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    float: left;
    width: 100%;
    background-color: rgb(79, 126, 201);
  }
  .client_data{
    background-color: #fff;
  }
  .client_box{
    border: 1px solid #b7adad;
    margin: 10px;
  }

  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
  }
  section {
    /* height: 100vh; */
    width: 100%;
    display: grid;
    place-items: center;
  }
  .row {
    display: flex;
    flex-wrap: wrap;
  }
  .column {
    width: 100%;
    padding: 0 1em 1em 1em;
    text-align: center;
  }
  .card {
    width: 100%;
    height: 100%;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, rgb(79, 126, 201)50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
  }
  h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1f194c;
    margin: 1em 0;
  }
  p {
    color: #575a7b;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
  .icon-wrapper {
    background-color: rgb(79, 126, 201);
    position: relative;
    margin: auto;
    font-size: 30px;
    height: 2.5em;
    width: 2.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
  }
  .card:hover {
    background-position: 0 100%;
  }
  a {
    text-decoration: none !important;
  }
  .card:hover .icon-wrapper {
    background-color: #ffffff;
    color: rgb(79, 126, 201);
  }
  .card:hover h3 {
    color: #ffffff;
  }
  .card:hover p {
    color: #f0f0f0;
  }
  .privacy_container{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .privacy_container h3{
    color: #4f7ec9;
    font-family: sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 20px;
    text-align: center;
  }
  .privacy_container h5{
    color: #4f7ec9;
    /* font-weight: 600; */
    font-size: 20px;
    text-shadow: 0px 2px 3px #96daf4;
  }
  
  @media screen and (min-width: 768px) {
    section {
      padding: 0 2em;
    }
    .column {
      flex: 0 50%;
      max-width: 50%;
    }

  }
  @media only screen and (max-width: 766px) {
    .FooterDetails{
      padding-left: 10px;
      margin-top: 1rem;
    }
    .company_data{
      padding-left: 30px !important;
    }
    .row{
      margin: 0px !important;
    }
    .nav-item{
      border-right: none !important;
      align-self: flex-start !important;
    }
    .centered{
      top: 55%;
      font-size: 14px;
    }
    .centered h4{
      font-size: 12px;
    }
    .service_text{
      font-size: 25px !important;
      line-height: 2rem;
    }
    .des{
      padding: 0px !important;
    }
    .check{
      margin-left: 0px;
    }
    .check li{
      font-size: 15px;
      padding: 0px;
    }
    .card h3{
      font-size: 19px;
    margin-top: 0.5rem;
    }
    .mobile li{
      width: 50%;
      padding: 10px;
      font-size: 13px;
    }
    .container{
      margin: 0px !important;
      padding: 0px !important;
    }
    .banner_container h5{
      font-size: 11px;
    }
    .contents_creative h3{
      font-size: 18px;
    }
    .h3_new{
      font-size: 18px !important;
    }
    .contact_details{
      height: 90% !important;
    }
    .contact_details h2{
      font-size: 20px;
    }
    form label{
      margin: 0px !important;
    }
  }
  @media screen and (min-width: 992px) {
    section {
      padding: 1em 3em;
    }
    .column {
      flex: 0 0 33.33%;
      max-width: 33.33%;
    }
  }
  .service_text{
    color: #4f7ec9;
    /* font-weight: 600; */
    font-size: 35px;
    text-shadow: 0px 2px 3px #96daf4;
  }

  .FooterDetails{
    /* margin-top: 5rem !important; */
    text-align: start !important;
  }

  .company_txt{
    padding-top: 0.5rem;
    font-family: sans-serif;
    text-transform: uppercase;
  }
  .contents_creative{
    width: 100%;
    height: auto;
    /* background: #f4f4f4; */
    float: left;
  }
  .h3_new{
    color: #666;
    /* font-family: 'Pridi', serif; */
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 35px;
    position: relative;
    width: 100%;
    float: left;
  }

   /* Slider */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Slideshow container */
.slideshow-container {
  max-width: auto;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
  transition: all 750ms ease;
}
.mySlides img{
  filter: brightness(35%);
}

.banner_container img{
  filter: brightness(35%);
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white !important;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  transform: translateY(-50%);
  transition: all 150ms ease;
  position: absolute;
  top: 50%;
}


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
.about_content{
  /* float: left; */
    margin-top: 25px;
    margin-bottom: 25px;
}
.footer_section{
  display: inline-block;
}

.contact_details{
  flex-direction: row;
  height: 92%;
  padding: 1rem;
  /* border: 1px solid #0066b9; */
  /* box-shadow: 10px 5px 15px gray; */
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.media_body{
  padding-top: 5px;
  /* font-family: 'Roboto', sans-serif; */
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #443a44;
  letter-spacing: 0.5px;
  line-height: 30px;
}
form label{
  margin-top: 0.5rem;
}
form button{
  margin-top: 1rem;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #3ba9eb;
    border: none;
    border-radius: 13px;
}


/* REST */
  .navbar {
    padding-bottom: 0rem !important;
  }
  
.background {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 325px 280px;
    /* background-image: url('../assets/img/Ellipse 1.png');
    height: 20vh; */
}
.feedbackbg{
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 150px 136px;
}
.Companylogo{
    /* margin-left: 10px; */
     height:3rem;
     width: 3rem;
     /* sm:h-9 */
}
.GradientBackground{
    background-image: linear-gradient(white, #fff);
}
.Consulationcard{
background: rgb(114,186,189);
background-image: linear-gradient(to right,rgb(37 113 177),rgb(2 85 145),rgb(33 33 220));
border-radius: 20px;
}
/* NAVBAR CSS */
.nav-item{
    border-right: 1px solid #a89e9e;
    align-self: center;
}
.NavItem{
   padding-block: 8px;
   padding-inline: 8px;
}
.navitem{
    color:rgb(79, 126, 201)!important;

}
.card-title {
    color: #4f7ec9 !important;
    font-weight: 600;
}
.card-text{
    color: #000 !important;
    text-align: justify !important;
    font-size: 15px;
}
.navitem:hover{
    color: #fff!important;
    background-color:rgb(79, 126, 201);
    border-radius: 15px;
}
.index_ellipsebg{
  background-image: url('../assets/img/Ellipse 15.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 150px 136px;
  height: auto;
}
.text_bg{
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../assets/img/Take a look our clients.png');
  width: 600px;
}
.TextPosition{
    margin-bottom: 8rem;
}
.carousel-caption{
    color:#047ec5  !important;
    left:5% !important
}
.ServiceCard{
    /* margin-left: 20px;
    margin-right: 20px; */
    /* margin-top: -30px; */
    box-shadow: 0px 0px 5px 5px rgb(223, 216, 216);
    padding: 10px;
}
.ServiceImg{
    height: 7rem;
    width: 20rem;
}
.ServiceText{
    color: #0783f7 !important;
    text-shadow: 2px 1px 1px #81f6d5;
    font-size: 38px;
}
.Underline{
  height: 6px;
  width: 80px;
}
.FooterUnderline{
    height: 3px;
    width: 30px;
    margin-top: -40px;
}
.ServiceOption{
    background-repeat: no-repeat;
    position: absolute;
    float: left;
    left: 0px;
    top: 30px;
    margin-top: 50px;
    width: 100px;
    height: auto;
}
.arrow_box{
  width: 40px;
  height: 70px;
  background: #fff;
  box-shadow: 0px 10px 30px #b43af32e;
  border-radius: 30px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
}
.logo-carousel{
    border-top: 0px !important;
    border-bottom: 0px !important;
    justify-content: center!important;
}
.testimonial_bg{
    height: 30rem;
    margin-top: 30px;
    background-image: url('../assets/Image/testimonial.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.Gradientbg{
    margin-top: 40px;
    background-image: linear-gradient(to right,rgb(37 113 177),rgb(2 85 145),rgb(33 33 220));
    border-radius: 40px;
    box-shadow: 0px 0px 5px 5px rgb(118, 239, 255);
}
/* .col-md-4{
    padding: 50px;
    padding-bottom: 0px;
} */
/* .col-md-7{
    padding: 50px;
} */
.TechnologyImg{
    height: 10rem;
    width: 50rem;
}
.TechnologyText{
    color: #0783f7 !important;
    margin-top: -95px;
    text-align: center;
}
/* .ClientsImg{
    height: 8rem;
    width: 40rem;
} */
.ClientsText{
    color: #0783f7 !important;
    margin-top: -40px;
    text-align: center;
}
.top-left{
  position: absolute;
  background-repeat: no-repeat !important;
  background-position: left top !important;
  left: 0px;
  top: 0px;
}
.right-bottom{
  position: absolute;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  right: 0px;
  bottom: 0px;
}
.home_whobg{
  max-width: 75rem; background-image: url('../assets/img/Ellipse .png'),url('../assets/img/Ellipse .png');
 height:400px;
}
/* .container{
  max-width: 1280px !important;
  position: relative;
} */

.Fontcolor{
  color: #0066b9;
}
.fontsize{
    font-size: 0.9rem !important;
}
.AppText{
    margin-top: 10px;
}
.borderRight{
  border-right: 3px solid rgb(44, 238, 77);
  height: 45%;
}
.smallfont{
  font-size: 12px;
  margin-top: 10px;
}
.tab-content>.active{
    display: contents !important;
}
.Roundbtn{
    display:block;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    padding-top: 12px;
    box-shadow: 0px 0px 4px 4px rgb(223, 216, 216);

}
.ItemImage{
    height: 3rem;
    width: 3rem;
}
.center{
    margin-left: 60px;
    margin-right: 60px;
}
.button{
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -120px;
    color: midnightblue;
}
.button:hover{
    background-color: midnightblue  !important;
    color: white;
}
#rounded{
  border-radius: 25px; 
  border: 1px solid rgb(79, 126, 201) ;
}
.Sliderbtn{
  box-shadow: 0px 0px 2px 2px rgb(223, 216, 216);
 
}
.Sliderbtn:hover{
    background-color: rgb(79, 126, 201) !important;
    color: white !important;
    box-shadow: 0px 0px 2px 2px rgb(255, 254, 254);
}
.items{
  width:90%;
  margin:0px auto;
  margin-top: 100px;
  /* display: flex;
  flex-direction: row; */
}
#owl-demo .item{
  margin: 3px;
  display: flex;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: 100%;
}
/* .nav-pills .nav-link.active   {
    background-color: rgb(255, 255, 255) !important;
    border-bottom: 1px darkgray !important;
} */
.activeclick{
   background-color: rgb(247, 6, 118) !important;
   border-bottom: 1px darkgray !important;
   padding: 20px;
   text-align: center;
   display: inline-block;
   margin: 4px 2px;
   border-radius: 50%;
}

.tab-content{
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.slick-slide {
    margin: 0px 20px;
  }
.Bgimage{
  background-image: url('/assets/img/Ellipse 17.png') ;
  background-repeat: no-repeat;
  background-size:15%;
  height:100px;
  /* margin-left: -50px; */
}
.ClientBg{
  background-image: url('../assets/img/Group 32.png') ;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-position:  left top;
}
.TeamBg{
  background-image:  linear-gradient(to top, rgba(211, 244, 247, 0), rgb(173, 250, 250));
  margin-top: 20px;
  margin-bottom: 20px;
}
.Btngradient{
  background-image: linear-gradient(to right,rgb(67, 67, 230),rgb(172, 66, 248),rgb(250, 131, 250));
  padding: 15px 32px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  border-radius: 10px ;
}
.HeroSectionBtn{
  margin-top: 10rem;
  background-image: linear-gradient(to right,rgb(67, 67, 230),rgb(172, 66, 248),rgb(250, 131, 250));
  padding: 15px 32px;
  text-align: center;
  border-radius: 40px !important;
  color: white !important;
}
  .logo-carousel {
    overflow: inherit;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
  }
  
  .slick-slide img {
    width: 100%;
  }
  
  .slick-track::before,
  .slick-track::after {
    display: table;
    content: '';
  }
  
  .slick-track::after {
    clear: both;
  }
  
  .slick-track {
    padding: 1rem 0;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide.slick-loading img {
    display: none;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-arrow {
    position: absolute;
    top: 50%;
    background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
    color: #fff;
    filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
    border: none;
    width: 2rem;
    height: 1.5rem;
    text-indent: -10000px;
    margin-top: -16px;
    z-index: 99;
  }
  
  .slick-arrow.slick-next {
    right: -40px;
    transform: rotate(180deg);
  }
  
  .slick-arrow.slick-prev {
    left: -40px;
  }
  .submit_btn{
    background: green;
    color: white;
    border: none;
    padding: 4px;
    border-radius: 6px;
  }
  /* Media Queries */
  
  @media (max-width: 768px) {
    .slick-arrow {
      width: 1rem;
      height: 1rem;
    }
    .download_img{
      padding: 20px;
      width: 50%;
    }
    .form_view{
      width: 100%;
    }
  }
  
  body {
      background-color: #010101;
    }
    
  /* .row {
    overflow: hidden;
  }   */
  
  /* JsFiddle Example only/don't use */
  #logo-carousel{
      display: flex;
  }

.Image{
        /* background-image: url('Ellipse 1.png')!important; */
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-position: left 95px top 55px , right 18px bottom 0px;
        background-size: 50px 50px, 225px 250px;
}
.CenterPosition{
    margin-left: 60px;margin-right: 60px;
}
.Shadow{
    box-shadow: 0 0 8px 8px #b7edf7;;
}
.BottomPosition{
    padding-bottom: 38px;
}
.SecondTag{
    object-fit: contain;
    height: 100px;
    width: 150px;
    align-self: center;
}
.top{
    margin-top: -105px;
}
.bordertop{
    margin-top: 80px;
}
.ImagePosition{
    background-repeat: no-repeat;
    background-position: left 390px top 0px , right 110px top 50px;
    background-size: 100px 100px, 40px 40px;  
}
.ClientBg{
    background-repeat: no-repeat;
    background-position: left -3px top 170px , right -4px bottom 50px;
    background-size: 70px 70px, 70px 70px;  
}
.FeedbackBg{
    background-repeat: no-repeat;
    background-position: left -25px top 22px ;
    background-size: 125px 125px;  
}
.floatClear {
    clear: both;
  }
  #wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 100px);
    margin-right:80px ;
    margin-left: 80px;
    margin-bottom: 100px;
  }
  #wrapper .line {
    border-bottom: 1px solid darkgray;
    position: absolute;
    width: 50%;
    margin-top: 70px;
    margin-left: 280px;
  }
  #wrapper .btn {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 50%;
  } 
  
  #wrapper .textbox .text {
    background-color: white;
    margin: 0px auto;
    padding: 0px 10px;
    text-align: center;
    display: inline;
    font-size: 24px;
  }
  .logo{
    width: 90px;
    height: 60%;
  }
 /* .ServiceStyle{
    margin-top:-40px 
 } */
 .card-img-top{
  display: block;
  max-width: 25%;
  height: auto;
 }
.lineStyle{
    margin-left:517px ;
     margin-top:-30px ;

}
.LargeTxt{
  font-weight: 500;
  font-size: 20px;  
}
.TechnologyTag{
    margin-top:-100px ;
}
.Quotebtn{
    margin-left: 75px;
}
.Glassmorphism{
    background: rgba(255, 255, 255, 0.5)!important;
    box-shadow: 0 2px 20px 0 rgba(161, 161, 163, 0.8);
    backdrop-filter: blur( 1.5px )!important;
    -webkit-backdrop-filter: blur( 1.5px )!important;
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 )!important;
    margin-top: 55px !important;
    height: 100%;
    min-height: 100px;

    /* padding: 10px !important; */
}  
.vertical-center{
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
} 
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
  border: 1px red solid;
}
.image2 {
  position: absolute;
  top: 30px;
  left: 30px;
  border: 1px green solid;
}
.FeedbackCard{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

/* PARTNER CSS START HERE */

.TopMiddle {
  position: absolute;
  top: 45%;
  left: 25%;
  transform: translate(-50%, -50%);
}
.partner_herobtn{
  position: absolute;
  left: 2%;
  padding: 15px 32px;
  text-align: center;
  border-radius: 40px !important;
  color: white !important;
  background-color: #045de9;
  background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%);

}
 .program_txt{
  /* position: absolute; */
  top: 0px;
  transform: translate(2%, -400%);
  color: #083277 !important;
 } 
.program_layout{
  /* Layout Properties */
top: 1065px;
left: 0px;
width: 1920px;
height: 656px;
/* UI Properties */
background: transparent linear-gradient(109deg, #ECEFFE 0%, #9AE8A2 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}
.program_btn{
  margin-top: 1rem;
  background-image: linear-gradient(to right,rgb(67, 67, 230),rgb(172, 66, 248),rgb(250, 131, 250));
  padding: 12px 32px;
  text-align: center;
  border-radius: 40px !important;
  color: white !important;
  cursor: pointer;
  display: flex;
}
.team_arrowicon{
  width: 20px;
  color: #fff;
  margin-right: 20px;
  margin-top: 2px;
}
.squarebox{
  width: 100px;
  height: 100px;padding:20px;background-color:#F16565;

}
.whyus_deatil{
  margin-left: 75px;
}
.card_style{
  background-color: #7A58F445;
  opacity: 1;
  box-shadow: 0px 0px 21px #7A58F445;
  border-radius: 10px;
}
.text_color{
  color: #1662be !important;
}
.partner_bg{
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 240px 260px;

}
.copyright{
  background-color: rgb(79, 126, 201);
}
/* PROJECT PAGE CSS */
.project_txt {
  position: absolute;
  top: 55%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: white!important;
}
.row-bordered {
  position: relative;
}

.row-bordered:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ccc;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
}
.row-bordered::before{
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 30px;
  left: 6%;
  top: 65px;
  transform: translateX(-50%);
  position: absolute;
  background: #2ee38f;
  box-shadow: 0px 64px 134px #2ee38f;
}
.rowstyle {
  display: flex;
  flex-wrap: wrap;
}

.rowstyle > div[class*='col-'] {
 display: flex;
}
/* CONTACT PAGE */
.hero_img{
    padding-bottom: 40px;
    background-image: url('../assets/img/Group\ 26\ \(1\).png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 500px;
}
.responsive {
  max-width: 100%;
  height: auto;
}
@media (min-width:320px) and (max-width:575px) {
  .hero_img{
    height: 150px;
  }
  .partner_herobtn{
    top: 0%;
    position: relative;
    
  }
  .hero_img h3{
    margin: 0;
    font-size: 18px;
  }
  .hero_img button{
    padding: 0px 10px;
  }
  .ServiceCard{
    margin: 0px;
  }
}

/* HOME PAGE RESPONSIVE START HERE */
@media (min-width:320px) and (max-width:575px) {
  .background{
    height: 10vh !important;
    background-position: left top;
    background-size: 180px 120px;
  }
  .footer_responsive{
    padding-bottom: 500px;
  }
  .CustomerTestimonial{
    top: 0rem;
  }
  .vertical-center{
    position: absolute;
    top: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .nav-pills{
      padding: 0px;
      font-size: 11px;
  }
  .tab-content h5{
    font-size: 12px
  }
.tab-content img{
    width: 55px;
  }
  .Consulationcard  img h5{
   margin-top: 0px;
   margin-bottom: 0px;
   /* left: 30%; */
   width: 100%;
  }
  .Consulationcard.borderRight{
    border-bottom: 3px solid rgb(44, 238, 77);
  }
  .no_hover :hover{
    background: white !important;
  }
}
.no_hover :hover{
  background: white !important;
}
.success_message{
  color: green !important;
  font-size: 22px !important;
  font-weight: bold !important;
}