html {
  scroll-behavior: smooth;
}

/* all fonts */
@font-face {
  font-family: Gilroy-Black;
  src: url('../font/Gilroy-Black.ttf');
}
@font-face {
  font-family: Gilroy-BlackItalic;
  src: url('../font/Gilroy-BlackItalic.ttf');
}
@font-face {
  font-family: Gilroy-Bold;
  src: url('../font/Gilroy-Bold.ttf');
}
@font-face {
  font-family: Gilroy-BoldItalic;
  src: url('../font/Gilroy-BoldItalic.ttf');
}
@font-face {
  font-family: Gilroy-ExtraBold;
  src: url('../font/Gilroy-ExtraBold.ttf');
}
@font-face {
  font-family: Gilroy-ExtraBoldItalic;
  src: url('../font/Gilroy-ExtraBoldItalic.ttf');
}
@font-face {
  font-family: Gilroy-Heavy;
  src: url('../font/Gilroy-Heavy.ttf');
}
@font-face {
  font-family: Gilroy-HeavyItalic;
  src: url('../font/Gilroy-HeavyItalic.ttf');
}
@font-face {
  font-family: Gilroy-Light;
  src: url('../font/Gilroy-Light.ttf');
}
@font-face {
  font-family: Gilroy-LightItalic;
  src: url('../font/Gilroy-LightItalic.ttf');
}
@font-face {
  font-family: Gilroy-UltraLightItalic;
  src: url('../font/Gilroy-UltraLightItalic.ttf');
}
@font-face {
  font-family: Gilroy-Medium;
  src: url('../font/Gilroy-Medium.ttf');
}
@font-face {
  font-family: Gilroy-MediumItalic;
  src: url('../font/Gilroy-MediumItalic.ttf');
}
@font-face {
  font-family: Gilroy-Regular;
  src: url('../font/Gilroy-Regular.ttf');
}
@font-face {
  font-family: Gilroy-RegularItalic;
  src: url('../font/Gilroy-RegularItalic.ttf');
}
@font-face {
  font-family: Gilroy-SemiBold;
  src: url('../font/Gilroy-SemiBold.ttf');
}
@font-face {
  font-family: Gilroy-SemiBoldItalic;
  src: url('../font/Gilroy-SemiBoldItalic.ttf');
}
@font-face {
  font-family: Gilroy-Thin;
  src: url('../font/Gilroy-Thin.ttf');
}
@font-face {
  font-family: Gilroy-ThinItalic;
  src: url('../font/Gilroy-ThinItalic.ttf');
}
@font-face {
  font-family: Gilroy-UltraLight;
  src: url('../font/Gilroy-UltraLight.ttf');
}

.customContainer {
  width: 62%;
  margin: 0 auto;
}
.whiteBG {
  background: #FAFAFA;
  position: relative;
}

/* navbar */
.navbar {
  padding: 1rem !important;
}
.blackClr {
  color: #262634 !important;
}
.pinkClr {
  color: #FA5391 !important;
}
.navbar ul a {
  font-family: Gilroy-Regular;
  transition: .3s;
}
.navbar ul li a:hover {
  color: #FA5391 !important;
}
.navbar-brand img {
  width: 80% !important;
}

/* home content */
.homeContent {
  padding: 3rem 0 5rem;
}
.homeContent h1 {
  font-family: Gilroy-SemiBold;
  padding-top: 5rem;
}
.homeContent p {
  font-family: Gilroy-Regular;
  font-size: 15px;
  letter-spacing: -.4px;
  padding: 12px 0 22px;
}
.homeContent button {
  font-family: Gilroy-Bold;
  color: #fff;
  border-radius: 0;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: linear-gradient(-90deg, #FF7C80, #F94A95);
}
.homeContent button:hover {
  box-shadow: 0px 4px 19px 0px #FA5391;
}

/* small img */
.homeSmallImg1 {
  position: absolute;
  top: 6%;
  left: 4%;
}
.homeSmallImg2 {
  position: absolute;
  top: 10%;
  left: 35%;

}
.homeSmallImg3 {
  position: absolute;
  top: 10%;
  right: 6%;
}
.homeSmallImg4 {
  position: absolute;
  top: 30%;
  left: 12%;
}
.homeSmallImg5 {
  position: absolute;
  left: 45%;
  top: 45%;
}
.homeSmallImg6 {
  position: absolute;
  right: 17%;
  top: 13%;
}
.homeSmallImg7 {
  position: absolute;
  right: 32%;
  top: 7%;
}

/* about section */
.aboutSec {
  padding: 7rem 0;
}
.aboutSec .illstatImg {
  margin: 3rem 0;
}
.aboutSec ul li {
  list-style: none;
  transition: .5s;
}
.aboutSec .title {
  font-family: Gilroy-Bold;
  color: #C2C2C2;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.aboutSec h2 {
  font-family: Gilroy-SemiBold;
  padding: 12px 0;
}
.aboutSec .content {
  font-family: Gilroy-Regular;
  font-size: 15px;
  letter-spacing: -.4px;
  padding: 0px 0 22px;
  word-spacing: 2px;
}
.aboutSec ul {
  padding-left: 0;
}
.aboutSec ul p {
  font-family: Gilroy-Regular;
}
.aboutSec ul img {
  background: #FA5391;
  border-radius: 100%;
  padding: 8px;
  margin-right: 4px;
}
.aboutSec ul li:hover img {
  box-shadow: 0px 0px 16px -1px #F94A95;
}

/* services part */
.service {
  margin: 7rem 0;
}
.serviceHead {
  text-align: center;
}
.serviceHead p {
  font-family: Gilroy-Bold;
  color: #C2C2C2;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.serviceHead h2 {
  font-family: Gilroy-SemiBold;  
}
.serviceTop {
  margin-top: 5rem;
}
.serviceItem img {
  width: 20%;
  height: auto;
  padding: 3px 0 18px;
}
.serviceItem .imgOuter {
  background: rgb(255, 239, 239);
  border-radius: 100%;
  padding: 55px 40px 45px;
  transition: .5s;
}
.serviceItem h5 {
  font-family: Gilroy-SemiBold;
  margin-top: 35px;
}
.serviceItem p {
  font-family: Gilroy-Regular;
  font-size: 15px;
  letter-spacing: -.4px;
}
.serviceItemEach {
  border: 1px solid #eee;
  margin: 8px;
  border-radius: 4px;
  padding: 45px 20px 20px;
  max-width: 31%;
  flex: 0 0 31%;
}
.serviceItemEach:hover .imgOuter {
  padding: 40px 28px 35px;
}


/* portfolio part */
.portfolio {
  margin-bottom: 7rem;
}
.portfolioHead p {
  font-family: Gilroy-Bold;
  color: #C2C2C2;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 0px;
}
.portfolioHead  h2 {
  font-family: Gilroy-SemiBold;
  margin-bottom: 30px;
}
.portfolioCategory .col-md-8 {
  padding-left: 0;
}
.portfolioCategoryItem a {
  color: #262634;
  font-family: Gilroy-Regular;
  transition: .3s;
}
.portfolioCategoryItem a:hover {
  color: #F94A95;
}
.portfolioArrowIcon {
  text-align: right;
}
.portfolioArrowIcon .icon {
  font-size: 24px;
  color: #F94A95;
}


/* testimonial part */
.testimonialImg {
  position: relative;
  max-width: 85%;
}
.testimonial .dot {
  position: absolute;
  padding: 0px 24px;
  background: rgb(254, 114, 133);
  color: #fff;
  border-radius: 100%;
  font-size: 38px;
  right: -7%;
  top: 70%;
}
.testimonial .title {
  font-family: Gilroy-Bold;
  color: #C2C2C2;
  font-size: 12px;
  letter-spacing: 1px;
}
.testimonial h2 {
  font-family: Gilroy-SemiBold;
}
.testimonialContent {
  font-family: Gilroy-Regular;
  font-size: 15px;
  letter-spacing: -.4px;
  padding: 30px 0 22px;
  word-spacing: 2px;
}
.testimonialName{
  font-family: Gilroy-SemiBold;
}
.testimonialDesg {
  font-family: Gilroy-Regular;
  font-size: 14px;
}


/* founder part */
.founderpart {
  margin: 7rem 0 5rem;
}
.founderpart .title {
  text-align: center;
  font-family: Gilroy-Bold;
  color: #C2C2C2;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.founderpart h2 {
  text-align: center;
  font-family: Gilroy-SemiBold;
  margin-bottom: 50px;
}
.founderName {
  font-family: Gilroy-SemiBold;
  margin: 1.5rem 0 0;
  font-size: 15px;
}
.founderDesg {
  font-family: Gilroy-Regular;
  font-size: 14px;
}
.founderImg {
  position: relative;
}
.socialIcon {
  transition: .5s;
  border-radius: 6px;
  color: #fff !important;
  max-width: 170px;
  padding: 8px 16px 8px 24px;
  position: absolute;
  bottom: 8%;
  left: -6%;
  opacity: 0;
  background-image: linear-gradient(-90deg, #FF7C80, #F94A95);
}
.founderImg:hover .socialIcon {
  opacity: 1;
}
.socialIconMr {
  margin-right: 15px;
}

/* completed project part */
.completedProj {
  background: #FBFBFB;
  text-align: center;
}
.completedProj .row {
  padding: 5rem 0px;
}
.completedProj h2 {
  font-family: Gilroy-SemiBold;
  color: #F94A95;
}
.completedProj p {
  font-family: Gilroy-Regular;
  font-size: 14px;
}


/* contact part */
.contact {
  text-align: center;
  margin: 7rem 0;
}
.contact p {
  font-family: Gilroy-Bold;
  color: #C2C2C2;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.contact h2 {
  font-family: Gilroy-SemiBold;
  padding: 5px 0 2rem;
}
.contact button {
  font-family: Gilroy-Bold;
  color: #fff;
  border-radius: 0;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: linear-gradient(-90deg, #FF7C80, #F94A95);
}
.contact button:hover {
  box-shadow: 0px 4px 19px 0px #FA5391;
}


/* footer */
.footer img {
  width: 25%;
  height: auto;
}
.footer a {
  color: #262634;
  font-family: Gilroy-Regular;
  font-size: 14px;
  padding-left: 0;
  padding-right: 16px;
}
.footer span {
  color: #F94A95;
}
.footer .row {
  border-bottom: 1px solid #eee;
  padding-bottom: 2rem;
}
.footerBottom {
  text-align: center;
  padding: 2rem;
}
.footerBottom p {
  font-family: Gilroy-Regular;
  font-size: 14px;
  color: #707070;
}
.footerBottom p span {
  color: #F94A95;
}


/*! contact page */
.conService {
  margin-top: 3rem;
}
.conService .serviceItemEach {
  text-align: center;
  /* padding-top: 25px; */
  /* padding-bottom: 28px; */
  transition: .3s;
  position: relative;
}
.conService .serviceItemEach:hover {
  border: 1px solid #F94A95;
}
.conService .serviceItemEach:hover .squre {
  opacity: 1;
}
.conService .serviceTop {
  margin-top: 3rem;
}
.conService .squre {
  border-radius: 100%;
  background: #0DC281;
  padding: 6px 10px;
  color: #fff;
  position: absolute;
  top: -16px;
  left: 44%;
  opacity: 0;
  transition: .3s;
}
.paddingTop65 {
  padding-top: 65px;
}


/* do start part */
.conStart .serviceTop {
  margin-top: 3rem;
}
.conStart .serviceItemEach {
  text-align: center;
  /* padding-top: 25px;
  padding-bottom: 28px; */
  transition: .3s;
}

/* form section */
.formPart {
  margin-bottom: 7rem;
  text-align: center;
}
.formPartHeader {
  color: #262634;
  margin-bottom: 3rem;
  font-family: Gilroy-SemiBold;
}
.formPart .shadowFr {
  padding: 25px;
  box-shadow: 0px 0px 5px -2px #aaa;
}
.marBottom30 {
  margin-bottom: 30px;
}
.formPart button {
  font-family: Gilroy-Bold;
  transition: .3s;
  color: #fff;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: linear-gradient(-90deg, #FF7C80, #F94A95);
}
.formPart button:hover {
  box-shadow: 0px 4px 19px 0px #FA5391;
}
.form-control:focus {
  box-shadow: none;
  border-color: #F94A95;
}


/*! custom responsivness */
@media screen and (min-width: 1650px) {
  .serviceItem .imgOuter {
    padding: 65px 45px 55px;
  }
  .serviceItemEach:hover .imgOuter {
    padding: 60px 35px 50px;
  }
  .cntImg2 h5 {
    margin-top: 70px;
  }
  .conService .cntImg4, .conService .cntImg5 {
    padding-top: 60px;
  }
  .conService .cntImg4 h5, .conService .cntImg5 h5 {
    margin-top: 45px;
  }
  .conStart .cntImg6 {
    padding-top: 48px;
  }
  .conStart .cntImg7, .conStart .cntImg8 {
    padding-top: 60px;
  }
  .conStart .cntImg7 h5 {
    margin-top: 60px;
  }
  .conStart .cntImg7 h6 {
    margin-top: 40px;
  }
  .serItem2 {
    padding-top: 50px;
  }
  .serItem3 {
    padding-top: 60px;
  }
  .serItem3 h5 {
    margin-top: 52px;
  }
  .serItem4, .serItem5, .serItem6 {
    padding-top: 60px;
  }
  .serItem4 h5, .serItem5 h5, .serItem6 h5 {
    margin-top: 50px;
  }
  .testimonial .dot {
    right: 0%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .homeContent h1 {
    padding-top: 0;
  }
  .aboutSec .illstatImg {
    margin: 5rem 0;
  }
  .homeSmallImg2 {
    top: 6%;
    left: 52%;
  }
  .homeSmallImg5 {
    left: 45%;
    top: 35%;
  }
  .serviceItemEach {
    max-width: 30%;
    flex: 0 0 30%;
  }
  .testimonialImg img {
    margin-top: 100px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1649px) {
  .cntImg2 h5 {
    margin-top: 45px;
  }
  .conService .cntImg4, .conService .cntImg5 {
    padding-top: 60px;
  }
  .conService .cntImg4 h5, .conService .cntImg5 h5 {
    margin-top: 45px;
  }
  .conStart .cntImg7, .conStart .cntImg8 {
    padding-top: 60px;
  }
  .conStart .cntImg7 h5 {
    margin-top: 50px;
  }
  .conStart .cntImg7 h6 {
    margin-top: 40px;
  }
  .serItem3 {
    padding-top: 55px;
  }
  .serItem4, .serItem5, .serItem6 {
    padding-top: 60px;
  }
  .serItem4 h5, .serItem5 h5, .serItem6 h5 {
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .customContainer {
    width: 80%;
  }
  .homeContent h1 {
    padding-top: 0;
  }
  .homeSmallImg2 {
    top: 5%;
    left: 51%;
  }
  .homeSmallImg4 {
    left: 3%;
  }
  .homeSmallImg5 {
    top: 38%;
  }
  .serviceItemEach {
    max-width: 30%;
    flex: 0 0 30%;
  }
  .footer img {
    width: 40%;
    height: auto;
}
.serviceItemEach .imgOuter {
  padding: 40px 28px 35px;
}
}

@media screen and (max-width: 767px) {
  .customContainer {
    width: 90%;
  }
  .homeSmallImg1, .homeSmallImg2, .homeSmallImg3,
  .homeSmallImg4, .homeSmallImg5, .homeSmallImg6, .homeSmallImg7 {
    display: none;
  }
  .homeContent h1 {
    padding-top: 0;
    padding-bottom: 3rem;
  }
  .homeContent button {
    padding: 14px 19px;
    font-size: 14px;
    box-shadow: 0px 4px 14px 0px #FA5391;
  }
  .homeContent img {
    display: none;
  }
  .aboutSec {
    padding-top: 0;
    padding-bottom: 0;
  }
  .aboutSec .illstatImg {
    margin: 0rem 0 6rem;
  }
  .whiteBG {
    background: #fff;
  }
  .service {
    margin: 5rem 0;
  }
  .serviceTop {
    margin-top: 3rem;
  }
  .serviceItemEach {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 25px 40px 0px;
    padding: 30px 25px;
  }
  .serviceItem img {
    width: 15%;
    padding: 3px 0 20px;
  }
  .portfolioArrowIcon .icon {
    display: none;
  }
  .img2hide {
    display: none;
  }
  .testimonial h2 {
    margin-bottom: 4rem;
  }
  .founderImgNmDg {
    padding: 2rem 0;
  }
  .socialIcon  {
    opacity: 1;
    bottom: -4%;
    left: 20%;
  }
  .completedProj .col-md-3 {
    width: 50%;
  }
  .completedProj p {
    padding-bottom: 1rem;
  }
  .contact button {
    padding: 14px 19px;
    font-size: 14px;
    box-shadow: 0px 4px 14px 0px #FA5391;
  }
  .footer {
    text-align: center;
  }
  .footer img {
    width: 20%;
    margin-bottom: 1rem;
  }
  .footer ul {
    justify-content: center !important;
  }
  .testimonial .dot {
    right: 14%;
  }
  .conService {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .conStart {
    margin-top: 0;
  }
  .serviceItemEach .imgOuter {
    padding: 80px 37px 70px;
  }
  .cntImg2 {
    padding-top: 70px;
  }
  .cntImg2 h5 {
    margin-top: 70px;
  }
  .cntImg4 {
    padding-top: 70px;
  }
  .cntImg4 h5 {
    margin-top: 60px;
  }
  .cntImg5 {
    padding-top: 70px;
  }
  .cntImg5 h5 {
    margin-top: 60px;
  }
  .cntImg7 {
    padding-top: 70px;
  }
  .cntImg7 h5 {
    margin-top: 60px;
  }
  .cntImg8 {
    padding-top: 70px;
  }
  .cntImg8 h5 {
    margin-top: 70px;
  }
  .serItem4, .serItem5, .serItem6 {
    padding-top: 60px;
  }
  .serItem4 h5, .serItem5 h5, .serItem6 h5 {
    margin-top: 50px;
  }
  .serItem1, .serItem2 {
    padding-top: 50px;
  }
  .serItem3 {
    padding-top: 68px;
  }
  .serItem3 h5 {
    margin-top: 50px;
  }
}

@media screen and (max-width: 560px) {
  .serviceItemEach .imgOuter {
    padding: 56px 30px 46px;
  }
  .conService h5, .conStart h5 {
    margin-top: 30px;
  }
  .conService .cntImg1 h5, .cntImg3 h5, .cntImg6 h5, .cntImg8 h5 {
    margin-top: 15px;
  }
}

@media screen and (max-width: 690px) {
  .testimonial .dot {
    right: -7%;
  }
}