@import url("common.css");
@import url("nav.css");
@import url("about.css");
@import url("testimonial.css");

/* background-image: linear-gradient(45deg, rgba(191, 12, 0, 1) 0.0%,rgba(250, 15, 0, 1) 100.0%); */
/* background: linear-gradient(to right bottom, #4776E6, #8E54E9); */
/* background: linear-gradient(to right bottom, #4776E6, #8E54E9); */
/* background-image: linear-gradient(45deg, rgba(32, 78, 207, 1) 0.0%,rgba(29, 72, 191, 1) 100.0%); */
/* background: linear-gradient(to right bottom, #4776E6, #8E54E9); */
/* background-color: #204ecf;#e0e0e0;#0d6efd;#fd7e14 */

/* ------------------------- Main Banner start here ----------------------------*/
.mainBanner {
  background: linear-gradient(91.12deg,#1356c5 2.41%,#0e4094 110.59%);
  
}

.mainBanner h2 {
  color: #f5f5f5;
  font-size: 28px;
  font-weight: 650;
  line-height: 105%;
}

.mainBanner p {
  color: #ccc;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0rem;
  padding: 0px 0 15px;
  box-sizing: border-box;
  line-height: 20px;
}

.mainBanner .call-us {
  color: #111111;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  background-color: #E9EBEE;
}

.mainBanner .divider {
  color:#e0e0e0;
  text-align: center;
  font-size: 12px;
  position: relative;
  text-shadow: 1px 1px;
  margin: auto;
}

.mainBanner .divider:before {
  position: absolute;
  content: "";
  display: block;
  width: calc(50% - 15px);
  height: 1px;
  background: #e0e0e0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.mainBanner .divider:after {
  position: absolute;
  content: "";
  display: block;
  width: calc(50% - 15px);
  height: 1px;
  background: #e0e0e0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.mainBanner .carousel-inner {
  height: 250px;
}

.mainBanner .carousel-item {
  height: 100%;
}

.mainBanner .carousel-caption {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 250px;
  position: absolute;
  padding: 25px 5px 15px;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
}

.mainBanner .cta-form textarea {
  height: 65px;
}

.mainBanner .carousel-control-prev {
  left: -31px;
  width: 60px;
}

.mainBanner .carousel-control-next {
  right: -31px;
  width: 60px;
}

.mainBanner .carousel-control-prev i,
.mainBanner .carousel-control-next i {
  color: #ddd;
  font-size: 2.0rem;
  font-weight: 200;
}

.mainBanner .carousel-control-prev i:hover,
.mainBanner .carousel-control-next i:hover {
  color: #aaa;
}

/*  Media Query for banner */
@media (min-width: 768px) {
  .mainBanner h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .mainBanner p {
    font-size: 1.25rem;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .mainBanner .carousel-inner {
    height: 400px;
  }

  .mainBanner .carousel-caption {
    padding-left: 15px;
    height: 400px;
  }

  .mainBanner .carousel-control-next {
    right: -5px;
  }

  .request-callback{
    width: fit-content;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .mainBanner h2 {
    font-size: 60px;
    /* margin-bottom: 10px; */
  }
}

/* ---------------------- faq starts here ---------------------- */
.faq .accordion-header .accordion-button:not(.collapsed) {
  /* background-color: #21c87a;
  color: #000 */
}

.faq .accordion-header .accordion-button:not(.collapsed)::after {
  /* background-image: var(--bs-accordion-btn-active-icon); */
  /* color:#000; */

}

/*  --------------------- faq ends here ---------------------- */

/* .social-link {
  padding: .5rem 1rem;
}

.social-link li {
  display: inline-block;
  border: 1px solid #959399;
  padding: 0px 7px;
  border-radius: 5px;
} */

.prodDetail {
  background: #efefef;
}

.prodDetail .list-group-item:hover{
  font-weight: 600; 
}

.prodDetail .list-group-item.active {
  background: rgb(19, 86, 197); 
  font-weight: 600;
}

/*:nth-of-type(odd) */
.prodDetail section {
  background: #fff;
}

/* .prodDetail1 .priceTag1 {
  color:#000;
  width:fit-content;
  background-image: radial-gradient(circle farthest-side, #f8f9fa, #eee);
} */

/* .prodDetail1 .priceTag1 .discountText1{
  font-size: 11px;
} */

/* .prodDetail1 .priceTag1 .oldPrice1{
  text-decoration: line-through;
  color:#333;
  font-size:11px;
} */

/* .prodDetail1 .priceTag1 .offerPrice1{
  font-size: 14px;
  font-weight: 600;
} */

/* .prodDetail1 .priceTag:hover, .prodDetail .priceTag:hover > .oldPrice{
  background:#dee2e6;
}
.prodDetail1 .getStartedBtn{
  width: fit-content;
} */

.getStartedNow .offerMsg span{
  color: var(--rd-orange);
}

/* product page */
.prodSumry h1{
  /* font-weight: 700; */
}
/* .prodSumry .alert{
  line-height: 1.3;
} */

/* .prodSumry p{
  padding-top: 0;
  padding-bottom: 15px;
} */
.prodSumry .pricetag {
  /* color:#000;
  font-weight: 700; */
}

/* --------------------- */
.prodCard_banner {
  /* background: url('../img/banner.avif'); */
}

.prodCard_banner .prodTitle {
  font-size: 2.8rem;
}

.prodCard_banner .priceOffer_msg {
  color:var(--rd-orange);
  font-weight: 600;
  opacity: 0.8;
}
.prodCard_banner .prodBulletpoints h5{
  /* color: rgb(255, 147, 34); */
}

.prodCard_banner .prodBulletpoints ul{
  position: relative;
  list-style-type:none;
}

.prodCard_banner .prodBulletpoints ul li::before{
  position: absolute;
  content: "\2713";
  left:10px;
  font-size: 15px;
  color: #ced4da;
  opacity: 0.6;
}
.prodCard_banner .prodBulletpoints {
  /* width: fit-content; */
  /* width:90%; */
}

.prodUsp_box {
  width:fit-content;
  color:#ced4da;
  opacity:0.3;
}

.prodUsp_box ul{
  position: relative;
  list-style: none;
  padding-left: 5px;
}
.prodUsp_box ul li{
  margin: 7px 0;
  background-color: rgba(255, 255, 255, 0.125);
  border-radius: 30px;
  padding: 0 35px;
}

.prodUsp_box ul li::before{
  position: absolute;
  content: "\229A";
  left:15px;
  font-weight: 600;
  color:var(--rd-light);
}

.prodSumry .itemDetail p, .prodInfo p{
  padding: 0 0 15px;
}

/* prod banner end */

.contacUs_form_holder, .contacUs_addr_holder{
  /* background:rgba(210,225,254,.3);#d2e1fe; */

}
.contacUs_addr_holder{
  /* background:rgba(210,225,254,0.13); */
}

.contactUs_main address{
  margin-bottom: 25px;
}

.contactUs_main h6 {
  color: #2b2b2b;;
  /* font-size: 18px; */
  font-weight: 600;
  margin-bottom: 5px;
}

.contactUs_main h6 i{
  color: var(--rd-orange);
  font-weight: 600;
  margin-right: 7px;
}

.contactUs_main p {
  padding:0px 0px 25px;
  color:#2b2b2b;
  font-weight: 400;
}

.contactUs_social i {
  font-size: 18px;
  margin-right: 10px;
  /* vertical-align: middle; */
}

/*  ============ Footer start here ============= */

.footer-top {
  padding: 60px 0;
  background: #333;
  text-align: left;
  color: #aaa;
}

.footer-top p {
  margin-bottom: 10px;
}
.footer-top p,
.footer-top a,
.footer-top h6 {
  font-size: 13px;
  font-weight: 400;
}

.footer-top .footer-links a {
  color: #aaa;
}

.footer-top h3 {
  font-size: 16px;
  padding-bottom: 5px !important;
  color: #fff;
  line-height: 1;
}

.footer-top .footer-about h2 {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.footer-top .footer-about img.logo-footer {
  max-width: 74px;
  margin-top: 0;
  margin-bottom: 18px;
}

.footer-top .footer-about p a {
  color: #aaa;
  border-bottom: 1px dashed #666;
}

.footer-top .footer-about p a:hover,
.footer-top .footer-about p a:focus {
  color: #fff;
  border-color: #aaa;
}

.footer-top .footer-contact p {
  word-wrap: break-word;
}

.footer-top .footer-contact i {
  padding-right: 10px;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
  margin-top: -2px;
}

.footer-top .footer-contact p a {
  color: #aaa;
  border-bottom: 1px dashed #666;
}

.footer-top .footer-contact p a:hover,
.footer-top .footer-contact p a:focus {
  color: #fff;
  border-color: #aaa;
}

.footer-top .footer-contact p span {
  display: table-cell;
  vertical-align: top;
}

.footer-top .footer-social a {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 8px;
  color: #777;
  border: 0;
}

.footer-top .footer-social a:hover,
.footer-top .footer-social a:focus {
  color: #aaa;
  border: 0;
}

.footer-top .footer-social i {
  font-size: 18px;
  vertical-align: middle;
}

/*  ============= footer bottom nav ============= */
.footer-bottom {
  padding: 15px 0;
  background: #444;
  text-align: left;
  color: #aaa;
}

.footer-bottom .footer-copyright span {
  font-size: 13px;
}

.footer-bottom .footer-copyright p {
  margin: 0;
  padding: 0.5rem 0;
}

.footer-bottom .footer-copyright a {
  color: #fff;
  border: 0;
}

.footer-bottom .footer-copyright a:hover,
.footer-bottom .footer-copyright a:focus {
  color: #aaa;
  border: 0;
}

/* ================ social links and icons ================= */

.social-links .bi-facebook {
  color: #3b5998;
}

.social-links .bi-twitter {
  color: #55acee;
}

.social-links .bi-linkedin {
  color: #0077b5;
}

.social-links .bi-pinterest {
  color: #bd081c;
}

.social-links .bi-youtube {
  color: #cd201f;
}

.social-links .bi-instagram {
  color: #3f729b;
}

.social-links .bi-medium {
  color: #000000;
}

.social-links .bi-gmail {
  color: #ea4335;
}

.social-links .bi-github {
  color: #00405d;
}

.social-links .bi-telephone,
.social-links .bi-telephone-fill,
.social-links .bi-envelope,
.social-links .bi-whatsapp {
  color: #333333;
}

.bi:hover {
  color: #000;
}
/* .bi-facebook:hover,
.bi-github:hover,
.bi-gmail:hover,
.bi-medium:hover,
.bi-instagram:hover,
.bi-youtube:hover,
.bi-pinterest:hover,
.bi-linkedin:hover,
.bi-twitter:hover,
.bi-facebook:hover,
.bi-telephone:hover,
.bi-telephone-fill:hover,
.bi-whatsapp:hover,
.bi-envelope:hover,
.bi-geo-alt:hover {
  color: #000;
} */

#getStartedNow.offcanvas.offcanvas-end {
  width: 359px;
}