@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
* {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Montserrat", sans-serif;
}
p{ font-family: "Raleway", sans-serif;}
h1, h2, h3, h4, h5, h6{ font-family: "Raleway", sans-serif;}
/*body {*/
/*   font-family: "Roboto", sans-serif;*/
/*}*/

.header {
  z-index: 9999;
}

ul li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.navbar-nav a {
  font-size: 18px;
  color: #000000;
}
.navbar-nav a.active {
    color: #2974d9 !important;
}
.navbar-nav li.nav-item.mega-menu-parent:hover a svg {
  transform: rotate(180deg);
}

.navbaox:hover {
  background: #fff !important;
  transition-duration: 0.9s;
  border-radius: 12px;
  box-shadow: 1px 1px 4px 2px #efe8e8;
}

.jhon {
    background: #aa7ab64a;
    width: 71%;
    padding: 16px 20px;
    border-radius: 15px;
    /* color: #fff; */
}

.design {
  background: #eefaff;
  width: 71%;
  border-radius: 15px;
  padding: 20px 13px;
  margin-top: 15px;
}

.Build-image {
  position: relative;
}
.Build-image .star img {
  width: 80%;
}

.goals {
    position: absolute;
    right: 0px;
    top: 118px;
    background: #a373afe3;
    width: 47%;
    box-shadow: 0px 3px 4px -1px #bcbcbc;
    padding: 20px 25px;
    color: #fff;
}
.goals p {
  font-size: 12px;
}
.goals ul {
  padding-left: 20px;
}
.goals ul li {
  list-style-type: disc;
  font-size: 12px;
}

@media (max-width: 800px) {
  .goals {
    position: absolute;
    right: 0px;
    top: 118px;
    background: #fff1e1;
    width: 39%;
    box-shadow: 0px 3px 4px -1px #bcbcbc;
    padding: 10px 17px;
  }
  .goals p {
    font-size: 8px;
  }
  .goals ul {
    padding-left: 20px;
  }
  .goals ul li {
    list-style-type: disc;
    font-size: 8px;
  }
}
.btn.schedule {
    background: #2974d9;
    color: #fff;
    border-radius: 30px;
    padding: 0px 20px;
    font-size: 16px;
    transition-duration: 0.5s;
}
.btn.schedule:hover {
  background: #0095da;
}

.empty {
  height: 180px;
}

.banner .Build h1 {
  font-size: 38px;
  font-weight: bold;
}
.banner .Build ul li {
  list-style-type: none;
  background-image: url("../images/check.png");
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: left;
  margin-bottom: 10px;
}

.what {

  padding: 57px 0px;
}
.what h2 {

  font-weight: bold;
}
.what p {

}

.Content h6 {
  font-weight: 600;
}
.Content p {
  font-size: 14px;
}

.content-box {
    height: 100%;
}

.testimonials {
  background: #eefaff;
  padding: 45px 0px;
}
.testimonials h6 {
  font-weight: 600;
  margin: 0px;
}
.testimonials p {
  font-size: 14px;
}
.testimonials button.slick-prev.slick-arrow {
  background: none;
  font-size: 0px;
  border: none;
}
.testimonials button.slick-next.slick-arrow {
  background: none;
  font-size: 0px;
  border: none;
}

.choose {
    margin: 0px 0px 79px 0px;
    background: #eefaff;
    padding: 57px 0px 72px 0px;
}
.choose .team img {
  width: 100%;
  border-radius: 30px 30px 0px 0px;
}
.choose .team {
    /* background: #aa7ab614; */
    border-radius: 29px 32px 14px 15px;
    transition-duration: 0.5s;
    border: 1px solid #ddd;
    
}

.choose .time-box {
  padding: 24px;
}

.micks {
  right: 0px;
  top: 4px;
}

.why .impact {
    background: #fff;
  border-radius: 10px;
    padding: 23px;
    transition-duration: 0.5s;
    border: 1px solid #ddd;
}
.why .impact:hover {
  box-shadow: 2px 2px 13px -3px #a9b6bc;
}

.why-2 {
  padding-bottom: 20px;
}
.why-2 .impact {
  background: #fff;
  box-shadow: 1px 1px 2px 0px rgba(2, 0, 0, 0.1019607843);
  border-radius: 10px;
  padding: 23px;
  transition-duration: 0.5s;
}
.why-2 .impact:hover {
  box-shadow: 2px 2px 13px -3px #a9b6bc;
}

.box-modal {
  transition-duration: 0.5s;
}
.box-modal:hover {
  margin-top: -14px;
}
.business {
    margin: 100px 0px;
    background: #2974d9;
    color: #fff;
    padding: 50px 0px 89px 0px;
}

@media (min-width: 768px) {
  .business {
    height: 376px;
  }
}




.choose.aa {
  background: #fff1e1;
  padding: 74px 0px 77px 0px;
}
.choose.aa .team {
  background: #fff;
  height: 100%;
  border-radius: 30px 31px 10px 10px;
}
.choose.aa .team .time-box-2 {
  padding: 48px 51px;
}

.team img {
  border-radius: 10px 10px 0px 0px;
}

@media (max-width: 900px) {
  .varahisoft .mee img {
    width: 100%;
  }
}

/*=============== Footer talk to us css start here ===============*/
.talk_us_wrapper {
  margin: 80px 0;
}
.talk_us_wrapper .ft_form_side {
  background-color: #eefaff;
  border-radius: 30px;
}
.talk_us_wrapper .ft_form_side .form-control {
  border: 1px #c2d1d9 solid;
}
.talk_us_wrapper .ft_form_side .form-control::-moz-placeholder {
  color: #c2d1d9; /* Placeholder text color */
}
.talk_us_wrapper .ft_form_side .form-control::placeholder {
  color: #c2d1d9; /* Placeholder text color */
}
.talk_us_wrapper .ft_form_side .form-control:focus {
  box-shadow: none;
}
.talk_us_wrapper .ft_form_side .form-select {
  color: #c2d1d9;
}
.talk_us_wrapper .ft_form_side .form-select:focus {
  box-shadow: none;
}
.talk_us_wrapper .ft_form_side .form-check-input {
  border: #000 solid 1px;
}
.talk_us_wrapper .ft_form_side .form-check-input:checked {
  background-color: #000;
  border: none;
}
.talk_us_wrapper .ft_form_side .form-check-input[type=checkbox] {
  border-radius: 0;
}
.talk_us_wrapper .ft_form_side .form-check-input:focus {
  box-shadow: none;
}
.talk_us_wrapper .ft_form_side button {
    background-color: #2974d9;
}
.talk_us_wrapper .ft_content_side h2 {
  font-size: 45px;
}
.talk_us_wrapper .ft_content_side p {
  font-size: 20px;
  font-weight: 700;
}
.privacy-policy {
    background: #2974d9;
    color: #fff;
    padding: 20px 20px 4px 20px;
}
.privacy-policy ul li a {
  transition-duration: 0.5s;
}
.privacy-policy ul li a svg {
  transition-duration: 0.5s;
}
.privacy-policy ul li a svg {
  fill: rgb(255, 255, 255);
}
.privacy-policy p a {
  color: #ffffff;
}
.privacy-policy p a:hover {
  color:rgb(0, 0, 0);
}

/*=============== Footer talk to us css End here ===============*/
@media (max-width: 1200px) {
  .choose .team .time-box {
    padding: 24px 10px;
  }
}
/*======================== about css start here=====================*/
.Indigo-data{
  background:#2974d9
}
.Indigo-data h5 {
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
}
.Our-services {
    margin-bottom: 73px;
}
.About-VarahiSoft {

  background: #eefaff;
  padding: 50px 0px;
}
.About-VarahiSoft .About-img img {
  max-width: 100%;
}


@media (max-width: 768px) {
  .About-VarahiSoft .About-2 {
    margin-right: 0px;
  }
}
.Vision {
  margin-top: 100px 0;
   background: #eefaff;
  padding: 50px 0px;
}


.Our-Approach {
  margin: 100px 0;
}

.join {
    margin-bottom: 40px;
    background: #aa7ab6;
    border-radius: 20px;
    padding: 50px 135px;
}
.join p {
  color: rgba(255, 255, 255, 0.6588235294);
}

@media (max-width: 768px) {
  .join {
   margin-bottom: 40px;
    background: #aa7ab6;
    border-radius: 20px;
    padding: 41px 24px;
  }
}
/*======================== about css end here=====================*/
/*======================== restaurants css start here=====================*/
.service {
  margin: 100px 0;
  background: #eefaff;
  padding: 70px 0px;
}
.service .us img {
  width: 393px;
}

.how {
  background: #fff1e1;
  padding: 70px 0px;
}
.how .works img {
  max-width: 100%;
}

.related {
  margin: 100px 0;
}

.Why {
  background: #eefaff;

}
.Why .dolur ul li {
  list-style-type: none;
  background-image: url("../images/check.png");
  background-repeat: no-repeat;
  padding-left: 29px;
  background-position: left;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}

.Product {
  margin: 100px 0;
}
.Product .contant {
  background: #fff1e1;
  padding: 20px 30px;
  border-radius: 10px;
  transition-duration: 0.5s;
}
.Product .contant:hover {
  box-shadow: 2px 2px 2px 0px #ddd;
}

.Our-services .team-3 {
    background: #fff1e1;
    padding: 0px 0px 41px 0px;
    transition-duration: 0.5s;
    border-radius: 31px 33px 10px 10px;
}
.Our-services .team-3 .time-box-3 {
  padding: 20px 8px 0px 20px;
}
.Our-services .team-3:hover {
  box-shadow: 2px 2px 2px 0px #ddd;
}
.Our-services .team-3 .team-3 img {
  border-radius: 10px 10px 0px 0px;
}



@media (max-width: 1200px) {
  .Our-services .time-box-3 {
    background: #fff1e1;
    border-radius: 0px 0px 10px 10px;
    padding: 27px 15px 41px 14px;
  }
  .Product .contant {
    background: #fff1e1;
    padding: 20px 13px;
    border-radius: 10px;
  }
}
/*======================== restaurants css end here=====================*/

/*==========================contact css start here=========================*/
.contact {
  margin-bottom: 100px;
}

.contact-2 {
  padding: 60px 0px;
}
.contact-2 .Information {
  background: #eefaff;
  padding: 30px 20px;
}
.contact-2 .Information .box-icon {
  margin-top: 200px;
}
.contact-2 .form-control:focus {
  box-shadow: none;
}
.contact-2 .form-check-input:focus {
  box-shadow: none;
}
.contact-2 .form-check-input:checked {
  background-color: #f25e37;
  border-color: #f25e37;
  border-radius: 20px;
}
.contact-2 .form-check-input[type=checkbox] {
  border-radius: 6.25em;
}

/*==========================contact css end here=========================*/


@media (max-width: 1000px) {
 .talk_us_wrapper .ft_content_side h2 {
    font-size: 35px;
    margin: 30px 0px;
}
.empty {
    height: 90px;
}

}
/*============================index-2 css start here======================*/
.empty {
    height: 150px;
}
.homebanner {
    background-image: url('images/homebanner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

/*============================index-2 css end here======================*/
/*============================index-3 css start here======================*/
.back {
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 0px 0px 100px 0px;
}
.error {
    font-size: 12px;
    color: red;
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{display:none;}