/* 
.expert-appointment-main-con h2{
    font-family: "Noto Sans SemiBold", sans-serif;
    font-size: 30px;
    font-style: normal;
    line-height: 126%; 
    background: linear-gradient(92deg, #493FCF 2.68%, #6C006E 127.48%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 10px 15px 30px 15px;
  }
  .appointment-container-bg{
    background-image: url("https://new.deasra.in/wp-content/uploads/2023/10/appointment-banner-bg-desktop.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:30px;
    border-radius:32px;
  }
  .appointment-container{
    border-radius: 32px;
    height: 100%;
    width: 100%;
    padding: 30px;
  }
  .expert-offer-card{
    filter: drop-shadow(0px 0px 50px rgba(41, 44, 53, 0.10));
    backdrop-filter: blur(39px);
    padding: 20px;
    position: relative;
    top: 30px;
    margin-bottom: 30px;
    border-radius:32px;
    width: 100% ;
    transition: border-width ease .3s;
    box-shadow: 0 0 0 0.1px #FFF;
  }
 
  .expert-offer-card.sec{
    background: linear-gradient(155deg, #1D022F 35.12%, #260E52 83.56%);
  }
  .expert-offer-card.first{
    background: linear-gradient(145deg, rgba(30, 3, 49, 0.18) -1.46%, rgba(39, 12, 87, 0.18) 95.6%, rgba(255, 255, 255, 0.00) 95.61%);
  }
  .expert-offer-card.third{
    background: linear-gradient(155deg, #2E2A7D 14.22%, #21073C 83.56%);
  }
  .expert-offer-card:hover{
    background: rgba(255, 255, 255, 0.19);
    outline: 7px solid rgba(255, 255, 255, 0.50);
    box-shadow: 0px 0px 50px rgba(41, 44, 53, 0.10);
    backdrop-filter: blur(39px);

  }
  .expert-offer-card .clock-img{
    width: 20px;
    margin-right:8px
  }
  .expert-offer-card-con {
    color:#F5F5F5;
    width: 100%;
    height: 100%;
    gap: .5rem;
    
  }
  .expert-offer-card-con .expert-appo-save-para{
    font-family: "Noto Sans", sans-serif;
  }
  .expert-appo-save-para span{
    color: #AAFEA8;
    font-family: "Noto Sans SemiBold", sans-serif;
    margin-left: 5px;
  }
  .expert-offer-card-con h3, .expert-offer-card-con h4{
    color:#fff;
    font-size:40px;
    letter-spacing:0.34px;
    line-height:normal;
    font-family: "Noto Sans SemiBold", sans-serif;
  }
  .expert-offer-card-con h4{
    line-height: 110.5%;
    font-size: 25px;
    margin-bottom: 30px;
  }
  .expert-offer-card p{
    margin-bottom: 18px;
    font-family: "Noto Sans SemiBold", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
  }
  .expert-offer-price span{
    color: #74767B;
    font-family: "Noto Sans Bold", sans-serif;
    letter-spacing: 0.12px;
    text-decoration: line-through;
  }
 */


  /* Common CSs Accordion */
  /* #appointment-accordion{
    margin:50px 15px;
  }
	#appointment-accordion .accordion-item{
		background: transparent;
	}
	#appointment-accordion .accordion-item .accordion-button{
		border-bottom: 0;
    color: #fff;
    outline: none;
    box-shadow: none;
    border-radius: 16px;
    border: 0.5px solid #FFF;
    background: rgba(255, 255, 255, 0.08);
	}
	#appointment-accordion .accordion-item .accordion-collapse{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 30px 30px 4px 0px rgba(0, 0, 0, 0.12);
    top: -10px;
    z-index: 99;
    position: relative;
    left: 15%;
	}
	#appointment-accordion .accordion-item .accordion-collapse ol {
		margin-bottom: 0;
	}

	#appointment-accordion .accordion-item .accordion-collapse .accordion-body {
    color: #493FCF;
    font-family: "Noto Sans SemiBold";
    font-size: 14px;
    margin-left: 0;
    line-height: 20px;
	} */
  /* Common CSs Accordion End*/
  /* .select-plan-headers-con h3{
    color: #FFF;
    font-size: 27px;
    font-family: "Noto Sans SemiBold";
    line-height: 124%;
  }
  .select-plan-headers-con p{
    color: #FFF;
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; 
  }
  .select-plan-btn-con select option{
    color: #493FCF;
  }
  .select-plan-btn-con select{
    width: 60%;
    border: 0.1px solid #FFF;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #FFF;
    font-family: "Noto Sans SemiBold", sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3e%3cpath d='M24.971 13.8672L23.0732 12.0052L17.0117 18.1699L10.8338 12.1218L8.97176 14.0196L17.0476 21.9431L24.971 13.8672Z' fill='white'/%3e%3c/svg%3e");
  }
  .get-started-plan-con{
    background: linear-gradient(133deg, #2B0E61 42.58%, #1D052E 85.61%, #19021F 98.81%);
    filter: drop-shadow(0px 0px 50px rgba(41, 44, 53, 0.10));
    backdrop-filter: blur(39px);
    margin:30px 15px;
    padding: 30px 35px;
    border-radius: 32px;
    box-shadow: 0 0 0 0.1px #FFF;
}
  .get-started-plan-con button.get-start-btn {
    width: 100%;
    height: 100%;
    display: block;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 0px 16px 16px 0px;
    background: var(--purple, #6C006E);
    font-size:18px;
    border: 1px solid var(--purple, #6C006E);
}
.get-started-plan-con .input-group-append {
    width: 40%;
}

@media (max-width:600px){
  .expert-offer-card.third{
    background: linear-gradient(152deg, #250F51 22.47%, #260B49 82.98%);
  }
  .expert-offer-card.sec{
    background: linear-gradient(144deg, #2A1358 21.88%, #271154 99.99%, rgba(255, 255, 255, 0.50) 100%);
  }
  .expert-offer-card.first{
    background: linear-gradient(143deg, #2A1860 26.35%, #2C1D68 85.5%, #2C1E6B 103.24%);
  }
  .expert-offer-card-con h3, .expert-offer-card-con h4 {
    font-size: 36px;
  }
  #appointment-accordion .col-md-4{
    padding-left:0;
    padding-right:0;
  }
      .expert-offer-price span {
        color: #ffffff;
        font-family: "Noto Sans Bold", sans-serif;
        letter-spacing: 0.12px;
        text-decoration: line-through;
    }
    .appointment-container-bg {
        background-image: url("https://new.deasra.in/wp-content/uploads/2023/10/appointment-bg-mob.webp");
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
        border-radius: 16px;
        box-shadow: 0px 1px 20px 2px rgba(0, 0, 0, 0.06);
    }
    .appointment-container {
        border-radius: 16px;
    }
    .expert-appointment-main-con h2{
        font-size: 24px;
        line-height: 128%;
        margin: 0px 15px 30px 0px;
    }
    .select-plan-headers-con h3{
        font-size: 20px;
        line-height: normal;
        letter-spacing: 0.1px;
    }
    .select-plan-headers-con p{
        font-size: 12px;
        line-height: normal;
        letter-spacing: 0.06px;
    }
    .get-started-plan-con {
      padding: 13px 0px 20px 0px;
      margin: 30px 0px;
        
    }
    .get-started-plan-con button.get-start-btn{
      font-size:14px;
    }
    .select-plan-btn-con select {
        padding: 10px 10px !important;
        font-size: 14px !important;
        line-height: normal;
        }
    .get-started-plan-con a.get-start-btn {
        font-size: 14px;
        line-height: normal;
    }
    #appointment-accordion {
        margin: 8px 0px 35px 0px;
    }
    .appointment-container {
        padding: 25px 10px;
    }
  .expert-offer-card{
    top:unset;
  }
  .expert-offer-card-con h4 {
    font-size: 24px;
    line-height: normal;
}
}
@media(min-width:800px){
  .expert-offers-cards-con {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
  
}
@media (min-width: 1200px){
  .expert-offers-cards-con {
    display: grid;
    grid-template-columns: 29% 37% 1fr;
    gap: 0.5rem;
  }
  
} */

.expert-banner-dia-images{
  position: relative;
}
.expert-banner-badges{
  position: absolute;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.08);
  box-shadow: 24px 27px 18px -4px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(25.5px);
  width: fit-content;
  box-shadow: 0 0 0 0.6px #fff;
  padding: 3px 10px;
}
.expert-succes-ses-badge{
  top: 0;
  left: 50%;
}
.expert-satis-users-badge{
  top: 52%;

  left: 0;
}
.experts-dia-blue {
  width: 45px;
  height: 45px;
  rotate: 45deg;
  position: relative;
  top: 114%;
  left: 171%;

  border-radius: 16px;
  background: #493FCF;
  box-shadow: 0 0 0 0.1px #fff;
}
.experts-dia-arrows {
  width: 60px;
  height: 60px;
  rotate: 45deg;
  position: relative;
  left: 122%;
  top: 90%;
  border-radius: 16px;
  background: linear-gradient(180deg, #493FCF 0%, #6C006E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.experts-dia-arrows svg{
  width: 30px;
  rotate: -45deg;
}
.expert-dia-common-purple{
  width: 50px;
  height: 50px;
  rotate: 45deg;
  position: relative;
  border-radius: 16px;
  box-shadow: 0 0 0 0.1px #fff;
}
.experts-dia-purple{
  left: 75%;
  top: 10%;
  background: #5A005B;
}
.experts-dia-purple2{
  left: 117%;
    bottom: 6%;
  background: #5A005B;
}
.experts-dia-purple3{
  left: 100%;
  bottom: 26%;

background: #635DB0;
}
.experts-dia-profile{
  width: 80px;
  height: 80px;
  rotate: 45deg;
  position: relative;
  left: 76%;
  bottom: 27%;
  border-radius: 16px;
    background: linear-gradient(180deg, #6C006E 0%, #493FCF 100%);
    display: flex;
  align-items: center;
  justify-content: center;
}
.experts-dia-profile svg{
  width: 30px;
  rotate: -45deg;
}
.dia-img-one img {
  width: 120px;
}
.expert-dia-img.dia-img-one {
position: relative;
left: 44%;
top: 11%;

}

.dia-img-inner-con {
overflow: hidden;
rotate: 45deg;
border: 1px solid;
border-radius: 16px;
}
.dia-img-inner-con.img-one{
width: 80px;
height: 80px;
}
.dia-img-inner-con.img-two, .dia-img-inner-con.img-three{
width: 150px;
height: 150px;
}
.dia-img-inner-con.img-four{
width: 120px;
height: 120px;
}
.dia-img-inner-con.img-five{
width: 180px;
height: 180px;
}
.expert-dia-img.dia-img-three {
position: relative;
left: -3%;
top: 3%;


}
.dia-img-inner-con.img-six{
width: 130px;
height: 130px;
}
.dia-img-inner-con.img-seven{
  width: 110px;
  height: 110px;
}

.expert-dia-img.dia-img-two {
position: relative;
top: 33%;
left: 8%;

}
.expert-dia-img.dia-img-four {
position: relative;
top: 43%;
right: 19%;


}
.expert-dia-img.dia-img-five {
  position: relative;
  left: 37%;
  bottom: 16%;
}
.expert-third-row{
margin-top: 58px;
}
.expert-dia-img.dia-img-six {
  position: relative;
  left: 72%;
  bottom: 94%;

}
.expert-six-row{
margin-top: -43px;
}

.expert-dia-fourth-row{
  margin-bottom: -58px;
}
.expert-dia-img.dia-img-seven {
position: relative;
left: 200%;
bottom: 40%;
}
.dia-img-inner-con img {
  rotate: -45deg;
  scale: 1.7;
}


@media (max-width:767px){
  .dia-img-inner-con.img-one {
    width: 50px;
    height: 50px;
    border-radius: 8px;
}
.dia-img-inner-con.img-two, .dia-img-inner-con.img-three {
  width: 90px;
  height: 90px;
}
.dia-img-inner-con.img-four {
  width: 85px;
  height: 85px;
}
.dia-img-inner-con.img-five {
  width: 115px;
  height: 115px;
}
.dia-img-inner-con.img-six {
  width: 80px;
  height: 80px;
}
.dia-img-inner-con.img-seven {
  width: 66px;
  height: 66px;
}
.experts-dia-blue {
  width: 30px;
  height: 30px;
  border-radius: 8px;   
   top: 86%;
  left: 206%;

}
.expert-dia-img.dia-img-one {
  position: relative;
  left: 77%;
  top: 10%;
}

.experts-dia-arrows {
  width: 45px;
  height: 45px;
  left: 210%;
  top: 87%;
  border-radius: 8px;
}
.expert-dia-img.dia-img-three {
  position: relative;
  left: 11%;
  top: 14%;
}
.expert-dia-img.dia-img-four {
  position: relative;
  top: 60%;
  right: -4%;
}
.experts-dia-profile {
  width: 50px;
  height: 50px;
  left: 116%;
  bottom: 40%;
}
.experts-dia-purple {
  width: 30px;
  height: 30px;
  left: 96%;
  top: 10%;
  border-radius: 8px;

}

.expert-dia-img.dia-img-five {
  position: relative;
  left: 50%;
  bottom: 13%;
}
.experts-dia-purple2 {
  width: 30px;
  height: 30px;
  left: 243%;
  bottom: -4%;
  border-radius: 8px;
}
.experts-dia-purple3 {
  width: 30px;
  height: 30px;
  left: 131%;
  bottom: 17%;
  border-radius: 8px;

}
.expert-dia-img.dia-img-seven {
  position: relative;
  left: 232%;
  bottom: 17%;
}
.experts-dia-arrows svg {
  width: 20px;
  rotate: -45deg;
}
.experts-dia-profile svg {
  width: 20px;
  rotate: -45deg;
}
}

@media (min-width:1200px){
  .expert-banner-dia-images {
    position: relative;
    left: 10%;
  }
  .expert-succes-ses-badge {
    top: 2%;
    left: 41%;
}
}