body {

  font-family: "Poppins", sans-serif;

}



.body-black {

  background-color: #262626;

}

.btn-primary {

  background: #b4d03f !important;

  border-color: #b4d03f !important;

  color: #000000;

  font-weight: 600;

  height: 60px;

  min-width: 173px;

  line-height: 1;

  font-size: 20px;

  font-weight: 600;

}

header .navbar-toggler-icon {

  background: none;

  color: #9a3fc9;

  font-size: 30px;

  width: auto;

  height: auto;

}

header .nav-item.dropdown:hover .dropdown-menu {

	display: block;

}

header .navbar-toggler:focus {

  box-shadow: none;

}

h2 {

  font-size: 40px;

  font-weight: 600;

  color: #ffffff;

}

/* ==== Header Css ==== */

.headerWrap .nav-link {

  color: #ffffff;

  font-weight: 600;

  font-size: 16px;

  position: relative;

  padding-inline: 35px !important;

  padding-block: 12px;

}

.headerWrap .navbar-nav .nav-link.active {

  color: #ffffff;

}

.headerWrap .navbar-nav .nav-link.active:hover {

	background: none;

}

.headerWrap .navbar-nav .nav-link.active::before {

  position: absolute;

  content: " ";

  width: 100%;

  height: 32px;

  background: url(../images/navact.png);

  background-repeat: no-repeat;

  background-position: center bottom;

  left: -3px;

  bottom: 0;

}



.headerWrap .navbar-nav .nav-link:hover {

  background: url(../images/navact.png);

  background-repeat: no-repeat;

  background-position: center bottom;

}

.headerWrap .navbar-nav .dropdown-menu {

  background: #2a2a2a;

  padding-inline: 10px;

  max-width: 155px;

}

.headerWrap .dropdown-item {

  color: #ffffff;

  font-size: 16px;

  font-weight: 600;

  padding-block: 15px;

  border-bottom: 1px solid #c4f9a3;

  white-space: inherit;

  padding-inline: 0;

}

.headerWrap li:last-child .dropdown-item {

  border-bottom: 0;

}

.headerWrap .dropdown-item:hover,

.headerWrap .dropdown-item:focus,

.headerWrap .dropdown-item:active,

.headerWrap .dropdown-item:focus-visible {

  background: transparent;

  color: #c4f9a3;

  outline: 0;

}



/* ==== Banner Css ==== */



.bannerBg {

  background-image: url(../images/bannerTop.png);

  background-size: 100%;

  background-position: center top;

  background-repeat: no-repeat;

}

.bannerSec {

  position: relative;

  height: 100vh;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}

.bannerSec h1 {

  font-size: 40px;

  font-weight: 600;

}

.bannerSec .container {

  max-width: 920px;

}

.arrowBox {

  margin-top: -70px;

}

.sepaDiv {

	position: absolute;

	bottom: 0;

	background: rgb(37,74,175);

	background: linear-gradient(223deg, rgba(37,74,175,0.577468487394958) 0%, rgba(163,101,226,0.5410539215686274) 100%);

	width: 100%;

	height: 1px;

}

.borImg {

	position: absolute;

	right: 18%;

}



/* ===== Our Service ===== */



.ourSec h2 {

  font-size: 40px;

  font-weight: 600;

  color: #ffffff;

}

.ourSec h3 {

  font-size: 28px;

  font-weight: 600;

  color: #ffffff;

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 40px;

}

.ourSec h3::before {

  position: absolute;

  content: " ";

  background: url(../images/border.png);

  left: -10px;

  bottom: -35px;

  width: 219px;

  height: 62px;

  background-size: contain;

  background-repeat: no-repeat;

}

.ourSec p {

  color: #bebebe;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 50px;

}

.service-offer {

	z-index:9;

}

.service-offer a {

  color: #bebebe;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 60px;

  display:block;

  text-decoration:none;

  position: relative;

  cursor:pointer;

}

.service-offer a:hover{

	color:#FFF;

}

.service-offer a.current_item{

	font-size: 28px;

  	font-weight: 600;

  	color: #ffffff;

}

.service-offer a.current_item::before {

  position: absolute;

  content: " ";

  background: url(../images/border.png);

  left: -10px;

  bottom: -45px;

  width: 219px;

  height: 62px;

  background-size: contain;

  background-repeat: no-repeat;

}



.ourSec {

  background: url(../images/circle.png);

  background-repeat: no-repeat;

  background-position: right center;

  background-size: contain;

  padding-bottom: 292px;

  padding-top: 120px;

  position: relative;

}

.circleWrap {

  background: #262626;

  width: 522px;

  height: 522px;

  flex-direction: column;

  margin-inline: auto;

}

.circleWrap#div1 {

  -webkit-box-shadow: 0px 14px 23px 11px rgba(72, 96, 193, 1);

  -moz-box-shadow: 0px 14px 23px 11px rgba(72, 96, 193, 1);

  box-shadow: 0px 14px 23px 11px rgba(72, 96, 193, 1);

}

.circleWrap#div2 {

  -webkit-box-shadow: 0px 14px 23px 11px rgba(91, 140, 144, 1);

  -moz-box-shadow: 0px 14px 23px 11px rgba(91, 140, 144, 1);

  box-shadow: 0px 14px 23px 11px rgba(91, 140, 144, 1);

}

.circleWrap#div3 {

  -webkit-box-shadow: 0px 14px 23px 11px rgba(114, 102, 89, 1);

  -moz-box-shadow: 0px 14px 23px 11px rgba(114, 102, 89, 1);

  box-shadow: 0px 14px 23px 11px rgba(114, 102, 89, 1);

}

.circleWrap#div4 {

  -webkit-box-shadow: 0px 14px 23px 11px rgba(114, 66, 135, 1);

  -moz-box-shadow: 0px 14px 23px 11px rgba(114, 66, 135, 1);

  box-shadow: 0px 14px 23px 11px rgba(114, 66, 135, 1);

}

.ourSec h4 {

  font-size: 24px;

  font-weight: 600;

  color: #ffffff;

  margin-top: 30px;

  margin-bottom: 0;

  width: 100%;

}

.ourSec .circleWrap p {

  font-size: 16px;

  line-height: 1.6;

  font-weight: 400;

  margin-top: 20px;

  margin-bottom: 0;

}

.ourSec .circleWrap .btn {

  margin-top: 50px;

}

.cubesImg {

  position: absolute;

  left: 0;

  bottom: -50px;

}



/* ===== Our Work ===== */

.ourworkSec {

  position: relative;

}

.ourworkSec h2 {

  margin-bottom: 150px;

}

.caseWrap a {

	font-size: 20px;

	text-decoration: underline;

	font-weight: 500;

	margin-left: 30px;

	color: #ffffff;

	text-decoration-thickness: 1px;

}

.caseWrap a:hover {

	text-decoration: none;

	color: #a365e2;

}



.sliderBox {

  background: rgb(156,67,195);

  background: linear-gradient(90deg, rgba(156,67,195,1) 0%, rgba(155,67,195,1) 12%, rgba(52,76,174,1) 75%, rgba(36,77,172,1) 100%);

  padding: 121px 110px;

  box-shadow: 20px 20px 30px -11px rgba(112, 66, 190, 1),

    0px 15px 12px 0px rgba(0, 0, 0, 0.22);

  border-radius: 10px;

}



.sliderText h4 {

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 5px;

}

.sliderText h6 {

  font-size: 16px;

  font-weight: 500;

}

.sliderText p {

  margin-top: 33px;

  font-size: 20px;

}

.whiteBtn {

  background: #ffffff;

  color: #a365e2;

  font-size: 16px;

  font-weight: 500;

  height: 50px;

  padding-inline: 30px;

}

.ourworkSec .whiteBtn {

  margin-top: 46px;

}



.ourworkSec .carousel-item {

  padding: 40px;

  border-radius: 10px;

}



.ourworkSec .carousel-indicators {

  bottom: -140px;

}



.ourworkSec .carousel-indicators button {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 0;

  margin-inline: 5px;

}

.ourworkSec .carousel-indicators .active {

  background-color: #bfd728;

  -webkit-box-shadow: 0px 0px 13px 5px rgba(191, 215, 40, 1);

  -moz-box-shadow: 0px 0px 13px 5px rgba(191, 215, 40, 1);

  box-shadow: 0px 0px 13px 5px rgba(191, 215, 40, 1);

}

.cubes2Img {

  position: absolute;

  right: 0;

  bottom: -400px;

  z-index: 1;

}

.ourworkSec .container {

  position: relative;

  z-index: 2;

}

.ourTeam {

  margin-top: 300px;

}

.ourTeam h2 {

  margin-bottom: 25px;

}

.ourTeam p {

  font-size: 16px;

  margin-bottom: 25px;

}

.ourTeam .textTeam p:last-child {

  margin-bottom: 0;

}



.imageBox {

  margin-top: 65px;

}

.imageBox {

  position: relative;

  z-index: 2;

}

.cubesimg3 {

  position: absolute;

  bottom: -120px;

  right: 0;

}



/* ==== Our Review ====  */

.reviewSec {

  margin-top: 200px;

}

.reviewSec h4 {

  font-size: 24px;

  font-weight: 700;

  color: #ffffff;



  margin-bottom: 30px;

}

.reviewWrap {

  background: rgb(37, 74, 175);

  background: linear-gradient(

    357deg,

    rgba(37, 74, 175, 0.8015581232492998) 0%,

    rgba(163, 101, 226, 0.804359243697479) 100%

  );

  overflow: hidden;

  padding-top: 100px;

  padding-bottom: 113px;

  position: relative;

  z-index: 2;

}



.sliderInner {

  width: 682px;

  padding: 71px 57px 27px;

  min-height: 331px !important;

}

.reviewWrap .slick-list {

  overflow: visible !important;

}

.reviewWrap .slick-slide {

  opacity: 0;

}

.reviewWrap .slick-slide.slick-active {

  opacity: 1;

}

.reviewWrap .slick-slide.slick-active + .slick-slide {

  opacity: 1;

}

.reviewWrap .slick-slide.slick-active + .slick-slide + .slick-slide {

  opacity: 1;

}

.reviewWrap .slick-prev {

  z-index: 99;

  display: none !important;

}

.reviewWrap .slick-next {

  z-index: 99;

  left: -50px;

  right: inherit;

  width: 40px;

  height: 40px;

}

.reviewWrap .slick-next::before {

  content: "\f104";

  font-family: "FontAwesome";

  font-size: 40px;

}

.reviewWrap .slick-slide {

  margin: 0px 20px;

}



.sliderInner p {

  font-size: 18px;

  color: #000000;

  margin-bottom: 0;

  position: relative;

}

.sliderInner p::before {

  position: absolute;

  content: " ";

  background: url(../images/quote-Left.png);

  width: 57px;

  height: 57px;

  left: -46px;

  top: -52px;

  z-index: 99;

}

.sliderInner p::after {

  position: absolute;

  content: " ";

  background: url(../images/quote-right.png);

  width: 57px;

  height: 57px;

  right: -35px;

  bottom: -30px;

  z-index: 99;

}

.sliderInner h5 {

  font-size: 20px;

  color: #000000;

  margin-bottom: 0;

  margin-top: 50px;

}

.datePost {

  font-size: 16px;

  color: #000000;

}

.cubesimg4 {

  position: absolute;

  bottom: -211px;

  left: 0;

  z-index: 1;

}

.mapSec {

  margin-top: 145px;

}

.mapSec h3 {

  font-size: 24px;

  font-weight: 500;

  color: #ffffff;

  margin-bottom: 15px;

}

.formInner {

  max-width: 435px;

  width: 100%;

}

.mapSec p {

  font-size: 16px;

  color: #ffffff;

}

.shadowBtn.btn-primary {

  -webkit-box-shadow: 0px 0px 20px 5px rgba(192, 215, 40, 1);

  -moz-box-shadow: 0px 0px 20px 5px rgba(192, 215, 40, 1);

  box-shadow: 0px 0px 20px 5px rgba(192, 215, 40, 1);

  height: 50px !important;

}

.btn-primary:hover {

	background: #94b700 !important;

	border-color: #94b700 !important;

}



.mapWrap iframe {

  width: 100%;

  height: 478px;

  border-radius: 15px;

}



/* ==== Footer Css ======= */



footer {

  margin-top: 210px;

  background: url(../images/footerBg.png) bottom right;

  background-repeat: no-repeat;

  padding-bottom: 130px;

}

footer h2 {

  font-size: 24px;

  font-weight: 500;

  color: #ffffff;

}

footer h2 a {

  color: #ffffff;

  text-decoration: none;

}

.shadowBtn i {

  font-size: 28px;

}

.appointBtn {

  font-weight: 500;

}

.footerDetails h4 {

  font-size: 16px;

  font-weight: 600;

  color: #ffffff;

  margin-top: 25px;

  margin-bottom: 15px;

}

.footerDetails ul {

  padding: 0;

}

.footerDetails ul li {

  list-style: none;

  margin-bottom: 15px;

}

.footerDetails ul li a {

  font-size: 16px;

  font-weight: 400;

  color: #ffffff;

  text-decoration-color: #c1c1c1;

  text-decoration-thickness: 2px;

}

.footerDetails ul li a:hover {

	color: #b4d03f;

	text-decoration: none;

}



/* ==== Responsive Css ======= */

@media (min-width: 1400px) {

  .header-wraper {

    max-width: 1340px;

  }

  .container {

    max-width: 1140px;

  }

}



@media (max-width: 1199px) {

  .headerWrap .nav-link {

    font-size: 14px;

    padding-inline: 20px !important;

  }

  .headerWrap .dropdown-item {

    font-size: 14px;

    padding-block: 10px;

  }

  h2 {

    font-size: 30px;

  }

  .bannerSec {

    height: 700px;

  }

  .circleWrap {

    width: 415px !important;

    height: 415px !important;

  }

  .circleWrap img {

    max-width: 100px;

  }

  .ourSec h4 {

    font-size: 20px;

    margin-top: 20px;

  }

  .ourSec .circleWrap p {

    font-size: 13px;

    margin-top: 14px;

  }

  .ourSec .circleWrap .btn {

    margin-top: 25px;

  }

  .btn-primary {

    height: 45px;

    min-width: 155px;

  }

  .ourSec h2 {

    font-size: 30px;

  }

  .ourSec h3 {

    margin-bottom: 20px;

  }

  .ourSec p {

    font-size: 15px;

    margin-bottom: 25px;

  }

  .cubesImg {

    max-width: 200px;

  }

  .ourSec {

    padding-bottom: 165px;

  }

  .ourworkSec {

    margin-top: 40px;

  }

  .ourworkSec h2 {

    margin-bottom: 50px;

  }

  .sliderBox {

    padding: 70px 45px;

  }

  .sliderText p {

    font-size: 14px;

    margin-top: 20px;

  }

  .ourworkSec .whiteBtn {

    margin-top: 25px;

  }

  .whiteBtn {

    font-size: 13px;

    height: 40px;

  }

  .ourworkSec .carousel-indicators {

    bottom: -75px;

  }

  .cubes2Img {

    bottom: -230px;

    max-width: 300px;

  }

  .ourTeam {

    margin-top: 130px;

  }

  .ourTeam h2,

  .ourTeam p {

    margin-bottom: 20px;

  }

  .imageBox {

    margin-top: 35px;

  }

  .cubesimg3 {

    bottom: -65px;

    max-width: 320px;

  }

  .reviewSec {

    margin-top: 125px;

  }

  .reviewSec h4 {

    font-size: 18px;

    margin-bottom: 20px;

  }

  .reviewWrap .slick-next {

    left: -36px;

  }

  .sliderInner p {

    font-size: 14px;

  }

  .sliderInner h5 {

    font-size: 16px;

    margin-top: 35px;

  }

  .sliderInner {

    width: 590px;

    padding: 65px 60px 27px;

    min-height: 285px !important;

  }

  .cubesimg4 {

    bottom: -125px;

    max-width: 200px;

  }

  .reviewWrap {

    padding-block: 80px;

  }

  .mapSec h3 {

    font-size: 21px;

  }

  .mapSec p {

    font-size: 14px;

  }

  .shadowBtn.btn-primary {

    height: 40px !important;

    font-size: 14px;

  }

  .shadowBtn i {

    font-size: 21px;

  }

  .datePost {

    font-size: 12px;

  }

  .appointBtn {

    font-size: 14px !important;

  }

  footer h2 {

    font-size: 20px;

  }

  .footerDetails h4 {

    font-size: 14px;

    margin-top: 20px;

    margin-bottom: 10px;

  }

  .footerDetails ul li a {

    font-size: 13px;

  }

  .footerDetails ul li {

    margin-bottom: 10px;

  }

  footer {

    margin-top: 80px;

    padding-bottom: 40px;

  }

}



@media (max-width: 992px) {

  .bannerSec h1 {

    font-size: 30px;

  }

  .bannerSec {

    height: 600px;

  }

  .bannerSec img {

    max-width: 190px;

  }

  .arrowBox {

    margin-top: -80px;

    margin-right: 55px;

  }

  .circleWrap {

    width: 305px !important;

    height: 305px !important;

  }

  .circleWrap img {

    max-width: 75px;

  }

  .ourSec h4 {

    font-size: 16px;

    margin-top: 15px;

  }

  .ourSec .circleWrap p {

    font-size: 10px;

    margin-top: 10px;

  }

  .ourSec .circleWrap .btn {

    margin-top: 15px;

  }

  .btn-primary {

    height: 35px;

    min-width: 130px;

    font-size: 13px;

  }

  .sliderBox {

    padding: 40px 30px;

  }

  .sliderText h4 {

    font-size: 16px;

  }

  .sliderText h6 {

    font-size: 13px;

  }

  .sliderText p {

    font-size: 11px;

    margin-top: 12px;

  }

  .ourworkSec .whiteBtn {

    margin-top: 15px;

  }

  .whiteBtn {

    font-size: 12px;

    height: 36px;

  }

  .ourworkSec .carousel-indicators {

    bottom: -50px;

  }

  .ourworkSec .carousel-indicators button {

    width: 15px;

    height: 15px;

  }

  .ourTeam {

    margin-top: 90px;

  }

  .ourTeam p {

    font-size: 14px;

  }

  .reviewSec {

    margin-top: 95px;

  }

  .reviewSec h4 {

    font-size: 16px;

    margin-bottom: 16px;

  }

  .sliderInner {

    width: 535px;

  }

  .mapSec h3 {

    font-size: 16px;

  }

  .appointBtn {

    font-size: 12px !important;

  }

  .shadowBtn.btn-primary {

    font-size: 12px;

  }

  .shadowBtn i {

    font-size: 18px;

  }

  .footerDetails {

    margin-top: 25px;

  }

  .cubesimg4 {

    bottom: -80px;

  }

  .mapSec {

    margin-top: 95px;

  }

  .caseWrap a {

    font-size: 14px;

    margin-left: 20px;

}

}

@media (max-width: 767px) {

  .bannerSec {

    height: 600px;

  }

  .bannerSec img {

    max-width: 100px;

  }

  .bannerSec h1 {

    font-size: 20px;

  }

  .arrowBox {

    margin-top: 30px;

    margin-inline: auto;

  }

  section {

    padding-inline: 15px;

  }

  .ourSec {

    text-align: center;

    padding-top: 60px;

  }

  .ourSec h3 {

    font-size: 22px;

  }

  .ourSec h3::before {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

  }

  .service-offer a.current_item::before {

	 right:0;

	 margin:auto; 

  }

  .circleWrap {

    position: relative;

    z-index: 2;

  }

  .ourworkSec h2 {

    margin-bottom: 30px;

    text-align: center;

  }

  .ourworkSec .carousel-item {

    padding: 0;

    border-radius: 10px;

  }

  .ourworkSec .carousel-inner {

    background-image: linear-gradient(

      to left top,

      #254ab0,

      #494ab9,

      #6748c0,

      #8344c5,

      #9e3dc8

    );

    box-shadow: 20px 20px 30px -11px rgba(112, 66, 190, 1),

      0px 15px 12px 0px rgba(0, 0, 0, 0.22);

    border-radius: 10px;

  }

  .sliderText h4 {

    font-size: 20px;

    margin-top: 35px;

  }

  .sliderText h6 {

    font-size: 15px;

  }

  .sliderText p {

    font-size: 12px;

    margin-top: 15px;

  }

  .ourworkSec .whiteBtn {

    margin-top: 20px;

    display: block;

    padding-inline: 12px;

  }

  .caseWrap a {

    font-size: 12px;

    margin-left: 16px;

  }

  .ourworkSec .carousel-indicators {

    bottom: -65px;

  }

  .cubesimg3 {

    bottom: -45px;

    max-width: 225px;

  }

  .reviewSec h4 {

    font-size: 14px;

    margin-bottom: 14px;

  }

  .reviewSec {

    margin-top: 70px;

  }

  .reviewSec {

    padding-inline: 0;

  }

  .reviewWrap .slick-list {

    overflow: hidden !important;

  }

  .sliderInner p::before,

  .sliderInner p::after {

    width: 35px;

    height: 35px;

    background-size: cover;

  }



  .sliderInner p::before {

    left: -15px;

    top: -38px;

  }

  .sliderInner p::after {

    right: -10px;

    bottom: -30px;

  }

  .sliderInner {

    padding: 45px 30px 20px;

    min-height: 285px !important;

  }

  .sliderInner p {

    font-size: 12px;

  }

  .sliderInner h5 {

    font-size: 14px;

    margin-top: 24px;

  }

  .datePost {

    font-size: 10px;

  }

  .reviewWrap {

    padding-block: 50px;

  }

  .reviewWrap .slick-dots {

    bottom: -45px;

  }

  .reviewWrap .slick-dots li button:before {

    font-size: 20px;

  }

  .reviewWrap .slick-dots li button::before {

    opacity: 1;

    color: #959797;

  }



  .reviewWrap .slick-dots li.slick-active button:before {

    opacity: 1;

    color: #bfd728;

  }

  .reviewWrap .slick-slide {

    opacity: 1;

  }

  .mapWrap iframe {

    height: 335px;

  }

  .mapSec h3 {

    font-size: 20px;

  }

  .shadowBtn.btn-primary,

  .appointBtn {

    max-width: 100%;

    width: 100%;

    height: 40px;

  }

  .appointBtn {

    margin-top: 20px;

  }

  footer {

    padding-inline: 15px;

    margin-top: 30px;

  }

  .footerDetails h4 {

    font-size: 20px;

    margin-bottom: 20px;

  }

  .footerDetails ul li a {

    font-size: 16px;

  }

  .footerDetails ul li {

    margin-bottom: 20px;

  }

  footer h2 {

    font-size: 22px;

  }



  .headerWrap .navbar-nav .nav-link.active::before {

    display: none;

  }

  .headerWrap .navbar-nav .nav-link:hover {

    background: none;

  }

  .headerWrap .navbar-nav .dropdown-menu {

    max-width: 100%;

    width: 100%;

    padding-inline: 35px;

  }

  header .navbar-collapse {

    background: #9a3fc9;

    position: absolute;

    width: 100%;

    left: 0;

    top: 80px;

  }

  .headerWrap .navbar-nav .dropdown-menu {

    max-width: 95%;

    width: 100%;

    padding-inline: 25px;

    margin-inline: auto;

    background: rgb(0 0 0 / 44%);

    border-radius: 0;

    z-index: 999;

  }

  header.headerWrap {

    z-index: 999;

    position: relative;

  }

}



@media (max-width: 360px) {

  .circleWrap {

    width: 285px;

    height: 285px;

  }

}

@media (max-width: 340px) {

  .circleWrap {

    width: 265px;

    height: 265px;

  }

}