p {
  text-align: justify;
}

h2 {
  overflow: hidden;
}

.text-gray {
  color: gray !important;
}

.s1 {
  margin-top: 10rem;
}

@media only screen and (max-width:992px) {
  .s1 {
    margin-top: 5.5rem;
  }
}

.s1 .borders-box {
  display: flex;
  align-items: end;
  justify-content: end;
}

.s1 .borders-box .borders {
  height: 30px;
  width: 70px;
  border-left: 2px solid #00aeef;
  border-bottom: 2px solid #00aeef;
  margin-right: 0.5rem;
}

.s1 .borders-box div:nth-child(2) {
  font-size: 1.5rem;
  height: fit-content;
  position: relative;
  bottom: -10px;
}

@media (max-width:975px) {
  .s1 .borders-box {
    justify-content: center;
  }
}

@media (min-width:1551px) {
  .s1 .borders-box {
    justify-content: center;
  }
}

.s2 .boxes {
  text-align: center;
  background-color: #01698c;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.3);
  border: 2px solid #01698c00;
  color: white;
  position: relative;
  /* overflow: hidden; */
  transition: box-shadow 0.5s ease-in-out, border 0.5s ease-in-out, background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.s2 .boxes::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: white;
  top: -5px;
  left: -5px;
  border-radius: 50px;
  filter: blur(10px);
}

.s2 .boxes:hover {
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.6);
  border: 2px solid #01698c;
  background-color: white;
  color: #01698c;
}

.s2 .boxes:hover::before {
  background-color: #01698c;
}

.s2 .boxes::after {
  content: "";
  position: absolute;
  height: 25px;
  width: 25px;
  left: -8px;
  top: -8px;
  background-image: url('../../../image/phd-services/bangalore/thesis-writing-services-in-bangalore/star-icon.png');
  background-size: cover;
  background-position: center;
}

.s3 .content {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: start;
  margin-bottom: 1rem;
}

.s3 .content div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.s3 .content div .border-box {
  position: absolute;
  height: 20px;
  width: 60px;
  left: 0px;
  top: 0px;
  border-left: 2px dotted #00aeef;
  border-bottom: 2px dotted #00aeef;
}

.s3 .content p {
  position: relative;
  margin-bottom: 0px;
  margin-left: 65px;
  font-size: 0.9rem;
  font-weight: 600;
  color: gray;
}

.s4 {
  overflow: hidden;
}

.s4 p b {
  font-style: italic;
  font-size: 1.1rem;
  color: #FF52A0;
}

.s4 .boxes {
  position: relative;
  height: 100%;
  background-color: #00cec9;
  background-image: linear-gradient(to bottom, #1e1e1e, #00cec9);
  border-radius: 10px;
  box-shadow: 0px 5px 10px -2px rgb(0, 0, 0);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.s4 .boxes .img-box {
  position: absolute;
  border: 3px solid #1e1e1eb3;
  box-shadow: inset 1px 1px 2px 2px #1e272e, inset -1px -1px 2px 2px #00cec9, 2px 2px 15px -1px white;
  background-color: #1e1e1eb3;
  border-radius: 50px;
  padding: 8px;
  top: 15px;
  left: -25px;
}

.s4 .boxes .img-box img {
  height: 35px;
  width: 35px;
}

.s4 .boxes:hover {
  transform: translateY(-10px);
  box-shadow: 0px 8px 10px -2px rgb(0, 0, 0);
}

.s4 .boxes .card-head {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1e272e;
  padding: 1rem;
  border-radius: 10px 10px 0px 0px;
}

@media (min-width:992px) and (max-width:1199px) {
  .s4 .boxes .card-head {
    height: 120px;
  }
}

.s4 .boxes .card-head h3 {
  text-align: center;
  margin-bottom: 0px;
  color: white;
  padding-left: 0.85rem;
}

.s4 .boxes p {
  color: white;
  padding: 1rem;
  margin-bottom: 0rem;
}

.s4 .big-p {
  font-size: 1.3rem;
  font-weight: 600;
}

.s4 .big-p span {
  color: #DE1A58;
}

.s4 .sec .boxes {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DE1A58;
  background-image: linear-gradient(to bottom, #DE1A58, #FF52A0);
  color: white;
  padding: 1rem;
  text-align: center;
  overflow: hidden;
  /* border: 2px double rgba(255, 255, 255, 0); */
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.356);
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
}

.s4 .sec .boxes::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  rotate: 30deg;
  background-color: white;
  box-shadow: inset -2px -2px 2px 0px #FF52A0;
  top: -25px;
  left: 10px;
}

.s4 .sec .boxes::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  rotate: 30deg;
  background-color: white;
  box-shadow: inset 2px 2px 2px 0px #FF52A0;
  bottom: -25px;
  right: 10px;
}

.s4 .sec .boxes:hover {
  transform: translateY(-5px) translateX(5px);
  /* border: 2px double rgba(255, 255, 255, 0.603); */
  box-shadow: 0px 8px 10px -2px #DE1A58, inset 0px 0px 10px 1px #DE1A58;
}

.s4 .btn-box {
  height: 100%;
  width: 100%;
  /* background-image: linear-gradient(10deg, #1B211A, #7132CA, #301CA0); */
  background-color: rgba(0, 0, 0, 0.918);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 2px solid rgb(255, 255, 255);
  box-shadow:
    inset 0px 0px 10px 3px rgba(87, 87, 87, 0.651),
    inset 8px 8px 6px -2px rgb(255, 255, 255),
    inset -4px -4px 6px -2px rgb(255, 255, 255),
    0px 8px 10px -2px rgb(0, 0, 0);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* .s4 .btn-box button{
    border: none;
    background: transparent;
    height: 100%;
} */

.s4 .btn-box a {
  text-align: center;
  text-decoration: none;
  color: white;
  padding: 1rem;
  font-weight: 600;
}

.s5 {
  overflow: hidden;
}

.s5 .boxes {
  display: flex;
  align-items: start;
  justify-content: start;
}

.s5 .boxes span {
  margin-right: 0.3rem;
  background-color: #73AF6F;
  padding: 0.1rem 0.3rem;
  border-radius: 50%;
}

.s5 .boxes span i {
  /* color: #73AF6F; */
  color: white;
}

.s5 .boxes p {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-align: justify;
  font-size: 1.05rem;
  margin-bottom: 0px;
  color: #007E6E;
  font-weight: 600;
}

.s5 .big-p {
  font-size: 1.3rem;
  font-weight: 600;
  word-spacing: 0.2rem;
  letter-spacing: 0.1rem;
  text-align: center;
}

.s6 {
  position: relative;
  overflow: hidden;
}

.s6 svg {
  position: absolute;
}

.s6 .shadow-box {
  filter: drop-shadow(0px 5px 2px rgb(124, 124, 124));
}

.s6 .boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #DE1A58; */
  color: white;
  padding: 1rem 4rem 1rem 1rem;
  text-align: center;
  border-radius: 50px 0px 0px 50px;
  position: relative;
  overflow: hidden;
  height: 100%;
  clip-path: url("#clip");
  margin-bottom: 1rem;
}

.s6 .boxes.one {
  background-image: linear-gradient(to right, #11007e, #b2a6ff, #1A05A2);
}

.s6 .boxes.two {
  background-image: linear-gradient(to right, #690058, #ff8cec, #8F0177);
}

.s6 .boxes.three {
  background-image: linear-gradient(to right, #31330e, #d3da61, #65682d);
}

.s6 .boxes.four {
  background-image: linear-gradient(to right, #04495e, #92e0f7, #09647f);
}

.s6 .boxes.five {
  background-image: linear-gradient(to right, #a50a50, #ffb9d9, #dd1b72);
}

.s6 .left-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FFFBB1;
  background-image: linear-gradient(141deg, #FFFBB1 94%, white 30%);
  padding: 1rem;
  position: relative;
  margin-bottom: 1.5rem;
}

.s6 .left-box::after {
  content: "";
  position: absolute;
  height: 50px;
  width: 70px;
  background-image: linear-gradient(145deg, #FFFBB1 50%, white 30%);
  bottom: 0px;
  right: 0px;
  box-shadow: -4px -3px 4px -1px #0000003b;
}

.s6 .left-box h4 {
  text-align: center;
}

.s6 .left-box ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: fit-content;
}

.s6 .left-box ul li {
  display: flex;
  margin-bottom: 1rem;
}

.s6 .left-box ul li:last-child {
  margin-bottom: 0px;
}

.s6 .left-box ul li div {
  margin-right: 0.5rem;
}

.s6 .left-box ul li div img {
  height: 25px;
  width: 25px;
}

.s6 .left-box ul li p {
  margin-bottom: 0rem;
}

.s6 .left-box-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s6 .left-box-btn button {
  border: none;
  background-color: transparent;
  background-color: #9BC264;
  height: 100%;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  box-shadow: inset 0px -4px 5px -2px #68853f, 0px 4px 5px -2px #68853f;
  transition: box-shadow 0.2s ease-in-out;
}

.s6 .left-box-btn button:active {
  box-shadow: inset 0px 0px 0px 0px #68853f, 0px 0px 0px 0px #68853f;

}

.s6 .left-box-btn button a {
  color: white;
  padding: 0.5rem 1rem;
  font-weight: 600;
}

.s6 .right-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.s6 .right-box .rboxes {
  /* border: 2px solid #172211; */
  padding: 0.3rem 0.3rem;
  background-image: none;
  clip-path: none;
  position: relative;
  border-radius: 10px;
  font-weight: 600;
  overflow: visible;
  /* box-shadow: inset 0px 0px 15px 2px #a3a447;
    color: #2d4230; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* position: relative;
    top: var(--y);
    left: var(--x);
    transition: top 0.2s ease-in-out, left 0.2s ease-in-out; */
  /* transform: translateX(var(--x)) translateY(var(--y));
    transition: transform 0.5s linear; */
}

.s6 .right-box .rboxes span {
  position: absolute;
  color: #fdffff;
  /* background-color: #172211; */
  padding: 0.2rem 0.4rem;
  border-radius: 10px;
  top: -10px;
  left: -10px;
  transform: translateX(var(--x)) translateY(var(--y));
  transition: transform 0.5s linear;
}

.s6 .right-box .rboxes.one {
  box-shadow: inset 0px 0px 15px 2px #a3a447;
  color: #2d4230;
  border: 2px solid #172211;
}

.s6 .right-box .rboxes.one span {
  background-color: #172211;
}

.s6 .right-box .rboxes.two {
  box-shadow: inset 0px 0px 15px 2px #F7DB91;
  color: #F075AE;
  border: 2px solid #F075AE;
}

.s6 .right-box .rboxes.two span {
  background-color: #F075AE;
}

.s6 .right-box .rboxes.three {
  box-shadow: inset 0px 0px 15px 2px #CDB885;
  color: #5DD3B6;
  border: 2px solid #5DD3B6;
}

.s6 .right-box .rboxes.three span {
  background-color: #5DD3B6;
}

.s6 .right-box .rboxes.four {
  box-shadow: inset 0px 0px 15px 2px #C8AAAA;
  color: #574964;
  border: 2px solid #574964;
}

.s6 .right-box .rboxes.four span {
  background-color: #574964;
}

.s6 .right-box .rboxes.five {
  box-shadow: inset 0px 0px 15px 2px #EA7B7B;
  color: #D25353;
  border: 2px solid #D25353;
}

.s6 .right-box .rboxes.five span {
  background-color: #D25353;
}

.s6 .right-box .rboxes.six {
  box-shadow: inset 0px 0px 15px 2px #C47BE4;
  color: #7132CA;
  border: 2px solid #7132CA;
}

.s6 .right-box .rboxes.six span {
  background-color: #7132CA;
}

.s6 .right-box .rboxes.seven {
  box-shadow: inset 0px 0px 15px 2px #C78A3B;
  color: #A16D28;
  border: 2px solid #A16D28;
}

.s6 .right-box .rboxes.seven span {
  background-color: #A16D28;
}

.s6 .right-box-btn {
  display: flex;
  align-items: center;
  justify-content: center
}

.s6 .right-box-btn button {
  border: none;
  /* background-image: linear-gradient(30deg, black, gray); */
  background-color: gray;
  box-shadow: inset 4px 4px 6px 0px black, inset -4px -4px 6px 0px rgb(233, 233, 233), 0px 3px 6px -1px gray;
  padding: 0.5rem 1rem;
  border-radius: 30px;
}

.s6 .right-box-btn button a {
  color: white;
  padding: 0.5rem 1rem;
  font-weight: 600;
}

.s8 .faq-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s8 .faq-box ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.s8 .faq-box ul li {
  cursor: pointer;
  margin-bottom: 0.1rem;
}

.s8 .faq-box ul li:last-child {
  margin-bottom: 0rem;
}

.s8 .faq-box ul li .head {
  padding: 0.5rem;
  background-color: #612D53;
  /* margin-bottom: 1rem; */
  border-radius: 10px;
}

.s8 .faq-box ul li .head h3 {
  color: white;
  margin-bottom: 0px;
}

.s8 .faq-box ul li .content {
  /* padding: 0.5rem; */
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.8s ease, padding 0.8s ease;
}

.s8 .faq-box ul li .content p {
  margin-bottom: 0px;
  font-size: 0.92rem;
}

.s8 .faq-box ul li.active .content {
  max-height: 200px;
  padding: 0.5rem;
}