* {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: "Otomanopee400";
  src: url("../fonts/OtomanopeeOne-Regular.ttf");
}
@font-face {
  font-family: "Instrument400";
  src: url("../fonts/InstrumentSans-Regular.ttf");
}
@font-face {
  font-family: "Instrument500";
  src: url("../fonts/InstrumentSans-Medium.ttf");
}
.textDecor {
  text-decoration: none;
}

.handIcon {
  cursor: pointer;
}

.header {
  background: #f1d46e;
}
.header .topHeaderDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media screen and (max-width: 998px) {
  .header .topHeaderDiv .middleMenus {
    display: none;
  }
}
.header .topHeaderDiv .middleMenus .menuUI {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  list-style: none;
  margin-bottom: 0;
}
.header .topHeaderDiv .middleMenus .menuUI .menuLi {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .topHeaderDiv .middleMenus .menuUI .menuLi.active {
  color: #ca9031;
}
@media screen and (max-width: 998px) {
  .header .topHeaderDiv .rightMenus {
    display: none;
  }
}
.header .topHeaderDiv .rightMenus .bookAppointment {
  color: #fff;
  font-family: "Otomanopee400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 50px;
  border: 1px solid #0c0c0a;
  background: #ca9031;
  padding: 13px 24px;
  outline: none;
  box-shadow: none;
}
.header .topHeaderDiv .mobToggler {
  display: none;
}
@media screen and (max-width: 998px) {
  .header .topHeaderDiv .mobToggler {
    display: block;
    font-size: 30px;
  }
}
.header .mobSidebar {
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
  background-color: #fff;
  transform: translateX(100%);
  transition: all 0.4s;
}
.header .mobSidebar.open {
  transform: translateX(0%);
}
.header .mobSidebar .crossBtnWrapper {
  text-align: right;
  padding-right: 20px;
  padding-top: 10px;
}
.header .mobSidebar .crossBtnWrapper .crossBtn {
  font-size: 30px;
  background: none;
  border: none;
}
.header .mobSidebar .mobMiddleMenus .menuUI {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  list-style: none;
  margin-bottom: 0;
}
.header .mobSidebar .mobMiddleMenus .menuUI .menuLi {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .mobSidebar .mobMiddleMenus .menuUI .menuLi.active {
  color: #ca9031;
}

.homeBannerPage {
  background-image: url("../images/yellowBanBackgroundImg.png");
  background-position: bottom;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 160px;
}
@media screen and (max-width: 776px) {
  .homeBannerPage {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 576px) {
  .homeBannerPage {
    padding-top: 40px;
    padding-bottom: 70px;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv {
  position: relative;
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg1 {
  width: 180px;
  position: absolute;
  bottom: -125px;
  left: 96px;
}
@media screen and (max-width: 776px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg1 {
    display: none;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg2 {
  width: 150px;
  position: absolute;
  bottom: -65px;
  left: 293px;
  rotate: -2deg;
}
@media screen and (max-width: 776px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg2 {
    display: none;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg3 {
  width: 150px;
  position: absolute;
  bottom: -18px;
  left: 545px;
  rotate: -14deg;
}
@media screen and (max-width: 776px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg3 {
    display: none;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg4 {
  width: 208px;
  position: absolute;
  top: -91px;
  right: 0;
}
@media screen and (max-width: 776px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .footPrintImg4 {
    display: none;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv {
  padding-right: 60px;
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .smText {
  color: #0c0c0a;
  font-family: "Instrument500";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .boldHeadTxt {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 81px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  width: 607px;
  margin-top: 15px;
}
@media screen and (max-width: 1099px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .boldHeadTxt {
    max-width: 100%;
    line-height: 76px;
    font-size: 60px;
  }
}
@media screen and (max-width: 776px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .boldHeadTxt {
    max-width: 100%;
    line-height: 56px;
    font-size: 41px;
  }
}
@media screen and (max-width: 576px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .boldHeadTxt {
    font-size: 34px;
    line-height: 46px;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .ourServiceDiv .serviceBtn {
  color: #fff;
  font-family: "Otomanopee400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 800px;
  border: 1px solid #150b33;
  background: #ca9031;
  padding: 17px 24px;
  outline: none;
  box-shadow: none;
  margin-top: 30px;
}
@media screen and (max-width: 776px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .ourServiceDiv .serviceBtn {
    padding: 11px 22px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .bannerTextsDiv .ourServiceDiv .serviceBtn {
    padding: 7px 19px;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerImgDiv .banImgOne {
  width: 100%;
}
@media screen and (max-width: 576px) {
  .homeBannerPage .homeBannerDiv .positiionBanDiv .bannerImgDiv .banImgOne {
    margin-top: 20px;
  }
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerImgDiv .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerImgDiv .owl-dots .owl-dot {
  background-color: #fff;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-top: 11px;
}
.homeBannerPage .homeBannerDiv .positiionBanDiv .bannerImgDiv .owl-dots .owl-dot.active {
  background-color: #0c0c0a;
}

.middleTextsDiv {
  text-align: center;
}
.middleTextsDiv .midSmText {
  color: #ca9031;
  font-family: "Instrument500";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 576px) {
  .middleTextsDiv .midSmText {
    font-size: 16px;
  }
}
.middleTextsDiv .midSmText.blackmidSmTxt {
  color: #0c0c0a;
}
.middleTextsDiv .midSmText.upperCaseText {
  color: #0c0c0a;
  text-transform: uppercase;
}
.middleTextsDiv .midBoldText {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  max-width: 658px;
  margin: auto;
  margin-top: 25px;
}
@media screen and (max-width: 776px) {
  .middleTextsDiv .midBoldText {
    font-size: 28px;
    line-height: 38px;
    margin-top: 18px;
  }
}
@media screen and (max-width: 576px) {
  .middleTextsDiv .midBoldText {
    font-size: 21px;
    line-height: 32px;
  }
}

.chooseSection {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 776px) {
  .chooseSection {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.chooseSection .chooseImgsCarouselDiv {
  margin-top: 50px;
}
@media screen and (max-width: 576px) {
  .chooseSection .chooseImgsCarouselDiv {
    margin-top: 30px;
  }
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  aspect-ratio: 1;
  border: 1px solid #0c0c0a;
  background: #f1d46e;
  position: relative;
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper.addColourCircleDetails {
  background: #ca9031;
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseImg1 {
  width: 196px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseImg1 {
    width: 150px;
  }
}
@media screen and (max-width: 776px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseImg1 {
    width: 90px;
  }
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseImg2 {
  width: 181px;
}
@media screen and (max-width: 1199px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseImg2 {
    width: 150px;
  }
}
@media screen and (max-width: 776px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseImg2 {
    width: 90px;
  }
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircleHeadTxt {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 30px;
}
@media screen and (max-width: 1199px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircleHeadTxt {
    margin-top: 14px;
  }
}
@media screen and (max-width: 776px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircleHeadTxt {
    font-size: 18px;
  }
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircletxt {
  color: #363636;
  font-family: "Instrument400";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  text-transform: lowercase;
  margin-top: 20px;
  max-width: 254px;
}
@media screen and (max-width: 1199px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircletxt {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 9px;
  }
}
@media screen and (max-width: 776px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircletxt {
    font-size: 13px;
    line-height: 17px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 776px) and (max-width: 576px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .chooseCircletxt {
    margin-top: 20px;
  }
}
.chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .circleAbsoluteImg {
  position: absolute;
  width: 89px;
  top: 25px;
  right: 75px;
}
@media screen and (max-width: 576px) {
  .chooseSection .chooseImgsCarouselDiv .circleDetailsWrapper .circleAbsoluteImg {
    width: 73px;
    top: 57px;
    right: 82px;
  }
}
.chooseSection .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-top: 20px;
}
.chooseSection .owl-dots .owl-dot {
  background-color: #0c0c0a;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.chooseSection .owl-dots .owl-dot.active {
  background-color: #cecece;
}

.ourServicesSection {
  padding-bottom: 100px;
}
@media screen and (max-width: 776px) {
  .ourServicesSection {
    padding-bottom: 60px;
  }
}
.ourServicesSection .servicesListsDiv {
  margin-top: 50px;
  position: relative;
}
.ourServicesSection .servicesListsDiv .serviceMainImgDiv {
  text-align: center;
}
.ourServicesSection .servicesListsDiv .serviceMainImgDiv .serviceMainImgMob {
  display: none;
}
@media screen and (max-width: 776px) {
  .ourServicesSection .servicesListsDiv .serviceMainImgDiv .serviceMainImgMob {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceMainImgDiv .serviceMainImg {
    width: 350px;
  }
}
@media screen and (max-width: 776px) {
  .ourServicesSection .servicesListsDiv .serviceMainImgDiv .serviceMainImg {
    display: none;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne {
  width: 265px;
  position: absolute;
  top: 126px;
  left: -20px;
  margin-left: 80px;
}
@media screen and (max-width: 1500px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne {
    top: 82px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne {
    width: 200px;
    left: -67px;
  }
}
@media screen and (max-width: 776px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne {
    display: none;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1 {
  position: absolute;
  top: -25px;
  left: 270px;
  border-radius: 50%;
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1:hover {
  background: #f1d46e;
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1 {
    width: 116px;
    top: -19px;
    left: 262px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1 {
    left: 189px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg2 {
  top: -25px;
  left: unset;
  right: 271px;
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg2 {
    top: -19px;
    right: 262px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg2 {
    right: 196px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg3 {
  top: unset;
  bottom: -25px;
  left: 270px;
  right: unset;
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg3 {
    bottom: -19px;
    left: 262px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg3 {
    left: 189px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg4 {
  top: unset;
  bottom: -25px;
  left: unset;
  right: 271px;
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg4 {
    bottom: -19px;
    right: 262px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg4 {
    bottom: -19px;
    right: 262px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .careSolutionImg1.careSolutionImg4 {
    right: 196px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxTwo {
  top: 126px;
  left: unset;
  right: -20px;
  margin-left: 0px;
  margin-right: 80px;
}
@media screen and (max-width: 1500px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxTwo {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxTwo {
    top: 82px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxTwo {
    width: 200px;
    right: -75px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxThree {
  top: unset;
  bottom: 126px;
  left: -20px;
  margin-left: 80px;
}
@media screen and (max-width: 1500px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxThree {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxThree {
    bottom: 82px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxThree {
    width: 200px;
    left: -67px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxFour {
  top: unset;
  left: unset;
  bottom: 126px;
  right: -20px;
  margin-right: 80px;
}
@media screen and (max-width: 1500px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxFour {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxFour {
    bottom: 82px;
  }
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne.serviceBoxFour {
    width: 200px;
    right: -75px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .serviceHead {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 998px) {
  .ourServicesSection .servicesListsDiv .serviceBoxOne .serviceHead {
    font-size: 18px;
  }
}
.ourServicesSection .servicesListsDiv .serviceBoxOne .serviceSubTxt {
  color: #363636;
  font-family: "Instrument400";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  text-transform: lowercase;
  padding-top: 16px;
}

.ourClientSection {
  padding-bottom: 80px;
}
@media screen and (max-width: 776px) {
  .ourClientSection {
    padding-bottom: 60px;
  }
}
.ourClientSection .googleRatingDiv {
  margin-top: 30px;
}
.ourClientSection .googleRatingDiv .ratingWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-radius: 10px;
  background: #fff;
  padding: 10px 30px;
  width: 295px;
  margin: auto;
  border-top: 8px solid #34a853;
}
.ourClientSection .googleRatingDiv .ratingWrapper .ratingTextsDiv .gRate {
  color: #6a6a6a;
  font-family: "Otomanopee400";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 576px) {
  .ourClientSection .googleRatingDiv .ratingWrapper .ratingTextsDiv .gRate {
    font-size: 16px;
  }
}
.ourClientSection .googleRatingDiv .ratingWrapper .ratingTextsDiv .yellowRatingStar {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.ourClientSection .googleRatingDiv .ratingWrapper .ratingTextsDiv .yellowRatingStar .yNumber {
  color: #fea500;
  font-family: "Otomanopee400";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 576px) {
  .ourClientSection .googleRatingDiv .ratingWrapper .ratingTextsDiv .yellowRatingStar .yNumber {
    font-size: 18px;
  }
}
.ourClientSection .googleRatingDiv .ratingWrapper .ratingTextsDiv .seeReviewTxt {
  color: #868686;
  font-family: "Instrument400";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ourClientSection .clientReviewsDiv {
  margin-top: 40px;
}

.blogsSection {
  padding-bottom: 100px;
}
@media screen and (max-width: 776px) {
  .blogsSection {
    padding-bottom: 60px;
  }
}
.blogsSection .blogsDetailsDiv {
  margin-top: 50px;
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .blogMainImg {
  position: relative;
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .blogMainImg .infoBtn {
  position: absolute;
  bottom: 20px;
  right: 30px;
  color: #fff;
  font-family: "Instrument500";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 216px;
  border: 1px solid #fff;
  background: #ca9031;
  padding: 8px 20px;
  outline: none;
  box-shadow: none;
  width: 135px;
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
  margin-top: 22px;
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details .calenderImg {
  width: 24px;
}
@media screen and (max-width: 576px) {
  .blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details .calenderImg {
    width: 20px;
  }
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details .userImg {
  width: 24px;
}
@media screen and (max-width: 576px) {
  .blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details .userImg {
    width: 20px;
  }
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details .date {
  color: #0c0c0a;
  font-family: "Instrument400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 576px) {
  .blogsSection .blogsDetailsDiv .blogsImgWrapper .dateDetails .details .date {
    font-size: 14px;
  }
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .blogHeadTxt {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 20px;
}
@media screen and (max-width: 576px) {
  .blogsSection .blogsDetailsDiv .blogsImgWrapper .blogHeadTxt {
    font-size: 18px;
  }
}
.blogsSection .blogsDetailsDiv .blogsImgWrapper .blogSmText {
  color: #363636;
  font-family: "Instrument400";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: lowercase;
  padding-top: 8px;
}
.blogsSection .moreBlogsWrapper .moreblogs {
  color: #0c0c0a;
  font-family: "Instrument500";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 216px;
  border: 1px solid #0c0c0a;
  background: #f1d46e;
  padding: 8px 20px;
  display: block;
  margin: -55px auto 0px;
  outline: none;
  box-shadow: none;
}
.blogsSection .owl-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  text-align: right;
  margin-top: 40px;
}

.instaFeedsSection {
  padding-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .instaFeedsSection {
    padding-bottom: 80px;
  }
}
.instaFeedsSection .instaFeedsWrapper {
  margin-top: 40px;
}
.instaFeedsSection .instaFeedsWrapper .postDiv .instaImg {
  width: 100%;
}

.footerSection {
  background-image: url("../images/footerBackgroundImg.png");
  background-position: top;
  background-size: cover;
  padding-top: 125px;
  padding-bottom: 15px;
}
@media screen and (max-width: 776px) {
  .footerSection {
    padding-top: 80px;
  }
}
.footerSection .footerWrapperDiv .contactDetails .footerlogoDiv .footerLogo {
  margin-top: 8px;
}
.footerSection .footerWrapperDiv .contactDetails .footerDetailTxt {
  color: #242424;
  font-family: "Instrument400";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: lowercase;
  margin-top: 20px;
}
.footerSection .footerWrapperDiv .contactDetails .socialMediasWrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-top: 20px;
}
.footerSection .footerWrapperDiv .footerHeadTxt {
  color: #0c0c0a;
  font-family: "Otomanopee400";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 576px) {
  .footerSection .footerWrapperDiv .footerHeadTxt {
    font-size: 18px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsTwo {
  padding-left: 80px;
}
@media screen and (max-width: 998px) {
  .footerSection .footerWrapperDiv .contactDetailsTwo {
    padding-left: 0px;
    margin-top: 30px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsTwo .footerUl {
  list-style: none;
  padding-left: 0px;
  margin-top: 10px;
}
.footerSection .footerWrapperDiv .contactDetailsTwo .footerUl .footerLi {
  margin-top: 20px;
  color: #242424;
  font-family: "Instrument500";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}
.footerSection .footerWrapperDiv .contactDetailsThree {
  padding-left: 50px;
}
@media screen and (max-width: 998px) {
  .footerSection .footerWrapperDiv .contactDetailsThree {
    padding-left: 0px;
    margin-top: 20px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsThree .contactsDescrip {
  margin-top: 10px;
}
.footerSection .footerWrapperDiv .contactDetailsThree .contactsDescrip .details {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-top: 20px;
}
.footerSection .footerWrapperDiv .contactDetailsThree .contactsDescrip .details .detailText {
  color: #242424;
  font-family: "Instrument500";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}
@media screen and (max-width: 998px) {
  .footerSection .footerWrapperDiv .contactDetailsFour {
    margin-top: 20px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox {
  margin-top: 10px;
  border-radius: 10px;
  border: 1px solid #000;
  background: #fff;
  padding: 20px;
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .workHr {
  color: #242424;
  font-family: "Instrument500";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 576px) {
  .footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv {
    margin-top: 15px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv.marginLessTop {
  margin-top: 15px;
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .day {
  color: #242424;
  font-family: "Instrument400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}
@media screen and (max-width: 1399px) {
  .footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .day {
    font-size: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .day {
    font-size: 12px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .time {
  color: #242424;
  font-family: "Instrument400";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}
@media screen and (max-width: 1399px) {
  .footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .time {
    font-size: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .time {
    font-size: 12px;
  }
}
.footerSection .footerWrapperDiv .contactDetailsFour .workingHrBox .worksHrDiv .time.redTimeTxt {
  color: #df0000;
}/*# sourceMappingURL=style.css.map */