/*====Swarag Sharma swaragsharma swarag sharma swarag sharma mumbai freelancer in india, freelancer in mumbai, best freelancer=======*/
  @font-face {
      font-family: "Bitstream Vera Serif Bold";
      src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
    }

body { 
	font-family: "Bitstream Vera Serif Bold", serif ;
}

/*=======Header Navbar Start=======*/
.header .navbar .navbar-header .navbar-brand img{
        max-width: 70px;
        margin: 0;
        padding: 5px;
        margin-top: -31%; 
    } 

/*.header .navbar .navbar-header .navbar-brand img:hover{
	box-shadow: 0 0 10px 0 rgba(255,255,255,0.9);
} 
*/
.header{
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  border-radius:0;
  background-color: black;
}

.navbar-collapse{
  border: none;
}

.header .navbar{
	background-color: black;
	margin: 0;
	padding: 0;
}  


.header .navbar .navbar-header .navbar-toggle{
	border: 1px solid white;
}

.header .navbar .navbar-header .navbar-toggle .icon-bar{
	background-color:white;
}

.header .navbar .navbar-collapse .nav .nav-item{
         color: white;
         font-size: 22px;
 }

.header .navbar .navbar-collapse .nav .nav-item:hover{
         color: red;
         font-size: 22px;
 }


@media only screen and (min-width: 767px) {
	.header .navbar .navbar-collapse .nav{
        float: right; 
    } 
} 

@media only screen and (max-width: 767px) {
  .header .navbar .navbar-collapse .nav .nav-item{
        font-size: 18px;
    } 
} 

 /*=======Header Navbar End=======*/

/*======index page Start======*/
/*=======Carousel start=======*/
.row{
	margin:0;
	padding: 0;
}

.container-fluid{
	padding: 0;
	margin:0;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
  height: 100%;
  background: #000;
}

.carousel-caption{
  width: 100%;
  left:0;
  bottom: 18%;
}
.carousel-caption h2{
  font-size: 50px;
  font-weight: 700;
  text-align: left;
  margin-left:15%;
}


.carousel-caption h2:hover{
 color: red;
}

.carousel-caption p{
  font-size: 20px;
  width: 90%;
  text-align: left;
  margin-left: 15%;
}


.carousel-caption p:hover{
  color: yellow;
}
/*
.carousel-caption .contactDetails{
  margin-top: 8%;
}

.carousel-caption span{
  font-size: 40px;
  font-weight: 700;
  color: yellow;
  text-align: left;
}

.carousel-caption span:hover{
  color: red;
}
.carousel-caption a{
  color: white;
  text-align: left;
  font-size: 20px;
  text-decoration: none;
}

.carousel-caption a:hover{
  color: yellow;
}
*/
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;	
}

@media (min-width:1022px ) and (max-width: 1150px){
.carousel-caption{
  width: 100%;
  left:0;
  bottom: 5%;
}
.carousel-caption h2{
  font-size: 50px;
  font-weight: 700;
  text-align: left;
  margin-left:15%;
}

.carousel-caption p{
  font-size: 20px;
  width: 100%;
  text-align: left;
  margin-left: 15%;
}
}

@media (min-width:973px ) and (max-width: 1021px){
.carousel-caption{
  width: 100%;
  left:0;
  bottom: -4%;
}
.carousel-caption h2{
  font-size: 50px;
  font-weight: 700;
  text-align: left;
  margin-left:15%;
}

.carousel-caption p{
  font-size: 19px;
  width: 100%;
  text-align: left;
  margin-left: 15%;
}
}

@media (min-width:768px ) and (max-width: 972px){
.carousel-caption{
  width: 100%;
  left:0;
  bottom: -5%;
}
.carousel-caption h2{
  font-size: 50px;
  font-weight: 700;
  text-align: left;
  margin-left:15%;
}

.carousel-caption p{
  font-size: 18px;
  width: 100%;
  text-align: left;
  margin-left: 15%;
}
}

@media (min-width: 682px) and (max-width: 767px){
.carousel-caption{
  width: 100%;
  left:0;
  bottom: -5%;
}
.carousel-caption h2{
  font-size: 50px;
  font-weight: 700;
  margin-left: 7%;
  text-align: left;
}

.carousel-caption p{
  font-size: 18px;
  margin-left: 7%;
  text-align: left;
}
}

@media (min-width: 485px) and (max-width: 681px){
.carousel-inner .item img{
  transform: scale(1.1);
}
.carousel-caption{
  width: 100%;
  left:0;
  bottom: -9%;
}
.carousel-caption h2{
  font-size: 30px;
  font-weight: 700;
  margin-left: 7%;
  text-align: left;
}

.carousel-caption p{
  font-size: 15px;
  margin-left: 7%;
  text-align: left;
}
}


@media only screen and (max-width: 484px){
.carousel-inner .item img{
  transform: scale(1.1);
}
.carousel-caption{
  width: 100%;
  left:0;
  bottom: -9%;
}
.carousel-caption h2{
  font-size: 18px;
  font-weight: 700;
  margin-left: 7%;
  text-align: left;
}

.carousel-caption p{
  font-size: 10px;
  margin-left: 7%;
  text-align: left;
}
}
/*=======Carousel Ends=======*/

/*=======About Me Start=======*/

.aboutme{
	margin-top: 2%;
	margin-bottom: 5%;
}

.aboutme .text-center{
	color: black;
	margin-bottom: 3%;
}


.aboutme .fticon img{	
	width: 60%;
  margin-bottom: 9%;
}

.aboutme .fticon h3{
	color: black;
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight:500; 
}


@media only screen and (max-width: 767px) {
  .aboutme .fticon h3{
    margin-bottom: 9%;
    font-weight: 400;
  }

  .aboutme .fticon img{
    width:35%;
}

.aboutme .text-center{
    font-size: 35px;
}
} 

@media only screen and (max-width: 500px){
  .aboutme .abouttext{
    font-size: 27px;
  }
  .aboutme .fticon h3{
 font-size: 16px;
}

}

/*=======About Me Ends=======*/

/*=======Card Start=======*/
/*
  .cards h2{
    font-family: cursive;
  }*/
	.cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.card {
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 300px;
    height: 300px;
    background-image: url("../img/bg-img/dreamit.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    box-shadow:  10px 10px 10px #141313, 
                -10px -10px 20px #1c1919;
    transform: scale(1.05);
    margin: 2rem;
}

.colour{
    position: absolute;
    width: 100%;
    height:15%;
    background: rgb(255,60,14);
background: linear-gradient(125deg, rgba(255,60,14,1) 28%, rgba(255,255,102,1) 89%);
    right: 120px;
    top:40px;
    transform: rotate(-45deg) translateY(-90px); 
}
.colour::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom:40px;
    background-color: #FF3C0E;
     transform: translateX(-145px);
}
.colour-bottom{
     position: absolute;
    width: 100%;
    height: 15%;
    background-color: rgba(97,34,28,1);
    left: 140px;
    top: 245px;
     transform: rotate(-45deg) translateY(95px); ;
}
.colour-bottom::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom:40px;
    background: rgb(97,34,28);
background: linear-gradient(331deg, rgba(97,34,28,1) 40%, rgba(125,215,178,1) 66%);
     transform: translateX(-147px);
}
.nezuko {
    background-image: url("../img/bg-img/believeit.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nezuko .colour {
    background: rgb(227,121,130);
    background: linear-gradient(125deg, rgba(227,121,130,1) 28%, rgba(172,24,69,1) 89%);
}
.nezuko .colour::before{
    background: rgba(172,24,69,1);
}
.nezuko .colour-bottom{
    background: rgba(128,23,34,1);
}
.nezuko .colour-bottom::before{
    background: rgb(128,23,34);
background: linear-gradient(125deg, rgba(128,23,34,1) 40%, rgba(60,29,40,1) 66%);
}
.zenitsu {
     background-image: url("../img/bg-img/achieveit.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.zenitsu .colour {
    background: rgb(254,241,163);
background: linear-gradient(125deg, rgba(254,241,163,1) 40%, rgba(254,233,88,1) 59%);
}
.zenitsu .colour::before{
    background: rgba(254,233,88,1);
}
.zenitsu .colour-bottom{
    background: rgb(224,153,45);
}
.zenitsu .colour-bottom::before{
  background: rgb(224,153,45);
background: linear-gradient(125deg, rgba(224,153,45,1) 40%, rgba(176,123,0,1) 60%);
}
.card-text {
    opacity: 0;
    position: relative;
    top: 80px;
    font-size: 120%;
}
.card:hover{
    border-radius: 50px;
background: linear-gradient(145deg, #e6e6e6, #ffffff);
box-shadow:  30px 30px 40px #141313, 
                -30px -30px 40px #1c1919;
    animation: large .7s ease-in-out forwards;
}
@keyframes large {
    100% {
        transform: scale(.85);
    }
}
.card:hover .card-text{
    opacity: 1;
}
.card:hover .colour{
    animation: move .7s ease-in-out forwards;
}
@keyframes move { 
    0%{
        transform: rotate(-45deg) translateY(-85px);
    }
    100% {
         transform: rotate(-45deg) translateY(0px);
    }
}
.card:hover .colour-bottom{
    animation: move1 .7s ease-in-out forwards;
}
@keyframes move1 { 
    0%{
        transform: rotate(-45deg) translateY(90px);
    }
    100% {
         transform: rotate(-45deg) translateY(0px);
    }
}


@media (min-width: 992px) and (max-width: 1199px){
      .card{
        width:270px;
        height: 270px;
      }
      .card-text {
      top:50px;
        }
}

@media (min-width: 768px) and (max-width: 991px){
      .card{
        width:193px;
        height: 193px;
      }
      .card-text{
        top:15px;
      }
}


@media only screen and (max-width: 767px){
      .card{
        width:250px;
        height: 250px;
      }
      .card-text{
        top:35px;
      }
}

  @media only screen and (max-width: 500px){
      .cards h2{
          font-size: 27px;
      }
} 

/*=======Card Ends=======*/



/*=======Limitation Start=======*/

   .limitation .container h2{
    font-family: "Bitstream Vera Serif Bold", serif ;  
  }

   .limitation{
   	font-family: Arial, sans-serif;
    margin-top: 2%;
    margin-bottom: 2%;
   }

	.limitation .row {
		margin-top: 5%;
	}

	.limitation .row .limcol{
		background-color: #ffffff;
		border-radius: 10px;
		padding: 10px;
		box-shadow: 3px 0 15px -1px rgba(0, 0, 0, 0.15);
  	 }

	 .limitation .row .limcol .chosse-us-icon {
    height: 76px;
    width: 76px;
    background-color: #fc6060;
    display: inline-block;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    color: #ffffff;
    margin-top: -8%;
    margin-bottom: 4%;
    font-size: 30px;
  }

  .limitation .row .limcol:hover, .limitation .row .limcol:focus{
  	background-color: #fc6060;
  }
  
  .limitation .row .limcol:hover .chosse-us-icon, .limitation .row .limcol:focus .chosse-us-icon{
  	  background-color: #000000;
      box-shadow: 0 5px 15px 2px rgba(255, 255, 255, 0.15); 
  }

  .limcol h4 {
      color: black;
      font-weight: 600;
      font-size: 25px; 
  }

  .limcol p {
      font-size: 18px; 
  }


  .limcol:hover h4, .limcol:hover p, .limcol:focus h4, .limcol:focus p {
      color: #ffffff; }



@media (min-width: 992px) and (max-width: 1199px){
    .limitation .row .limcol{
        padding: 5px;
        height: 314px;
    }

     .limcol h4 {
      color: black;
      font-weight: 500;
      font-size: 25px; 
  }

  .limcol p {
      font-size: 15px; 
  }


}

@media (min-width: 768px) and (max-width: 991px){
    .limitation .row .limcol{
        padding: 5px;
        height: 314px;
        margin-top: 8%;
    }

  .limcol p {
      font-size: 15px; 
  }
}

@media only screen and (max-width: 767px){
       .limitation .row .limcol{
        padding: 5px;
        height: 314px;
        width: 300px;
        margin-top: 8%;
        margin-left: auto;
        margin-right: auto;
        }

      .limcol p {
          font-size: 15px; 
      }
}

@media only screen and (max-width: 500px){
      .limitation .container h2{
          font-size: 27px;
      }
} 
/*=======Limitation Ends=======*/

/*=======Team Start=======*/
  .team .row .text-center h2{
    font-family: "Bitstream Vera Serif Bold", serif ;
  }

 .team{
   	font-family: Arial, sans-serif;
   	margin-bottom: 2%;
   }

	.team .text-center{
		color: black;
	}

	.team-content-area {
  position: relative;
  z-index: 1;
  padding: 40px;
  -webkit-box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #ffffff; }
  .team-content-area .member-thumb {
    margin: 0 auto 40px;
    width: 165px; }
    .team-content-area .member-thumb img {
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms;
      width: 100%;
      border-radius: 50%; }
  .team-content-area h5 {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0; }
  .team-content-area span {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #fc6060;
    font-size: 12px;
    text-transform: uppercase; }
  .team-content-area .member-social-info {
    position: relative;
    z-index: 1;
    margin-top: 30px; }
    .team-content-area .member-social-info a {
      color: #636363;
      font-size: 18px;
      margin: 0 10px;
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms; }
      .team-content-area .member-social-info a:hover, .team-content-area .member-social-info a:focus {
        color: #fc6060; }
  .team-content-area:hover, .team-content-area:focus {
    background-color: #fc6060; }
    .team-content-area:hover .member-thumb img, .team-content-area:focus .member-thumb img {
      -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      transform: rotate(25deg); }
    .team-content-area:hover h5,
    .team-content-area:hover span, .team-content-area:focus h5,
    .team-content-area:focus span {
      color: #ffffff; }
    .team-content-area:hover .member-social-info a, .team-content-area:focus .member-social-info a {
      color: #ffffff; }
      .team-content-area:hover .member-social-info a:hover, .team-content-area:hover .member-social-info a:focus, .team-content-area:focus .member-social-info a:hover, .team-content-area:focus .member-social-info a:focus {
        color: #000000; }


@media (min-width: 992px) and (max-width: 1199px){
    .team-content-area{
      padding: 15px;
      padding-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
   .team-content-area{
    margin-top: 5%;
   }
  .team-content-area h5 {
    font-size: 16px;
    font-weight: 600;
   }
}

@media only screen and (max-width: 767px){
    .team-content-area{
      width: 300px;/*
      margin-left: 26%;*/
        margin-left: auto;
        margin-right: auto;
      margin-top: 10%;
    }
}

@media only screen and (max-width: 500px){
      .team-content-area{
      width: 300px;/*
      margin-left: 18%;*/
      margin-left: auto;
     margin-right: auto;
      margin-top: 10%;
    }

    .team .text-center h2{
      font-size: 26px;
    }
}

/*=======Team Ends=======*/


/*=======Fooeter Starts=======*/
/*-----Multi- carousel start------*/
   .footerphotos .row img{
      width: 100%;
   }

   .footerphotos .row .imgpadding{
      padding: 0;
   }

   .footerphotos h3{
    text-align: center;
    padding:0;
    font-size: 25px;
   }

   .footerphotos a{
    text-align: center;
    font-size: 18px;
    padding:0;
   }

    .footerphotos a:hover{
    color: red;
    text-decoration: none;
   }

/*   .footerphotos .imgpadding .imgpadding-caption{
    position: relative;
    left:20%;
    bottom:130px;
   }

   @media (min-width: 992px) and (max-width: 1199px){
         .footerphotos .imgpadding .imgpadding-caption{
          position: relative;
          left:10%;
          bottom:100px;
         }
   }

@media (min-width: 888px) and (max-width: 991px){
          .footerphotos .imgpadding .imgpadding-caption{
          position: relative;
          left:8%;
          bottom:80px;
         }    
}

@media only screen and (max-width: 887px){
          .footerphotos .imgpadding .imgpadding-caption{
          position: relative;
          left:2%;
          bottom:80px;
         }  
}

@media only screen and (max-width: 767px){
      .footerphotos .imgpadding .imgpadding-caption{
          position: relative;
          left:8%;
          bottom:70px;
         }  

}*/
/*-----Multi- carousel Ends------*/	


/*-----Copyright start------*/

.float-wsp{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float-wsp{
  margin-top:16px;
}

.footer-area{
	font-family: "Poppins", sans-serif;
}
.footer-content {
  padding: 20px 0; }
  .footer-content .copywrite-text {
    position: relative;
    z-index: 1; }
    .footer-content .copywrite-text p {
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 400;
      color: #252525; }
      @media only screen and (max-width: 767px) {
        .footer-content .copywrite-text p {
          font-size: 12px; } }
      .footer-content .copywrite-text p a {
        color: #fc6060;
        font-weight: 400; }
        @media only screen and (max-width: 767px) {
          .footer-content .copywrite-text p a {
            font-size: 12px; } }

        @media only screen and (max-width: 363px) {
          .footer-content .copywrite-text p{
            font-size: 11px; } }
  @media only screen and (max-width: 767px) {
    .footer-content .footer-logo a img {
      max-width: 50px; } }

  .footer-content .social-info a {
    color: #252525;
    font-size: 16px;
    margin-right: 20px; }
    .footer-content .social-info a:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .footer-content .social-info a {
        margin-right: 5px;
        font-size: 12px; } }
    .footer-content .social-info a:hover, .footer-content .social-info a:focus {
      color: #fc6060; }

/*-----Copyright Ends------*/
/*=======Fooeter Ends=======*/

/*======about=======*/
/*========Bread Crumb=======*/
.breadcrumb-area {
  position: relative;
  z-index: 1;
  height: 370px; }
  @media only screen and (max-width: 767px) {
    .breadcrumb-area {
      height: 240px; } }
  .breadcrumb-area .page-title {
    color: #ffffff;
    font-size: 36px; }
    @media only screen and (max-width: 767px) {
      .breadcrumb-area .page-title {
        font-size: 24px; } }

.breadcrumb-content {
  position: relative;
  z-index: 1;
  margin-top: 140px; }
  .breadcrumb-content .breadcrumb {
    padding: 0;
    background-color: transparent;
    margin-bottom: 0; }
    .breadcrumb-content .breadcrumb .breadcrumb-item {
      color: #fc6060;
      font-weight: 400;
      font-size: 16px; }
      .breadcrumb-content .breadcrumb .breadcrumb-item a {
        font-size: 16px;
        color: #ffffff;
        font-weight: 400; }
        .breadcrumb-content .breadcrumb .breadcrumb-item a:hover, .breadcrumb-content .breadcrumb .breadcrumb-item a:focus {
          color: #fc6060; }
    .breadcrumb-content .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      content: '\f105';
      color: #ffffff;
      font-family: "FontAwesome"; }

      .bg-img {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

  .bg-overlay {
  position: relative;
  z-index: 1; }
  .bg-overlay::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.0); }

    .jarallax {
  position: relative;
  z-index: 0; }
  .jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }

/*======Breadcrumb ends======*/

/*========about us area start=======*/
.about-us-area{
  font-family: "Poppins", sans-serif;
}
.section-padding-80-0 {
  padding-top: 80px;
  padding-bottom: 0; }

  .about-us-content h3 {
  font-size: 36px;
  display: block;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .about-us-content h3 {
      font-size: 24px; } }
.about-us-content .line {
  height: 3px;
  width: 70px;
  background-color: #fc6060;
  margin-bottom: 30px; }
  .about-us-content p{
    font-size: 18px;
  }

.mb-80 {
  margin-bottom: 80px; }

  .mt-30 {
  margin-top: 30px; }

  .btn:focus {
  box-shadow: none; }

 .about-video-area {
  position: relative;
  z-index: 1;
  border-radius: 10px; }
  .about-video-area img {
    -webkit-box-shadow: 3px 0 24px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0 24px rgba(0, 0, 0, 0.15);
    width: 100%;
    border-radius: 10px; }
  .about-video-area .video-icon a {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    height: 50px;
    width: 50px;
    display: inline-block;
    /*background-color: #fc6060;*/
    text-align: center;
    line-height: 56px;
    font-size: 38px;
    border-radius: 50%; }
    .about-video-area .video-icon a::after {
      content: '';
      position: absolute;
      width: 0%;
      height: 0%;
      border-radius: 50%;
      background-color: transparent;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border: 2px solid #fc6060;
      -webkit-animation: video-icon 1200ms linear infinite;
      animation: video-icon 1200ms linear infinite;
      z-index: -10; }
/*    .about-video-area .video-icon a:hover, .about-video-area .video-icon a:focus {
      background-color: #000000; }*/
      .about-video-area .video-icon a:hover::after, .about-video-area .video-icon a:focus::after {
        border: 2px solid #000000; }

@-webkit-keyframes video-icon {
  0% {
    width: 0;
    height: 0;
    opacity: 1; }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }
@keyframes video-icon {
  0% {
    width: 0;
    height: 0;
    opacity: 1; }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } 
  }

 .video-play-btn i{
  font-size: 32px;
 }

.Sbtn {
  position: relative;
  z-index: 1;
  min-width: 160px;
  height: 46px;
  line-height: 42px;
  font-weight: 500;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
  text-transform: capitalize;
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #fc6060;
  border-radius: 60px;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; }
  .Sbtn.btn-2 {
    color: #252525; 
  border: 2px solid #fc6060;
    border-radius: 60px;
   font-size: 20px;}
  .Sbtn:focus, .Sbtn:hover {
    font-weight: 500;
    -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
    box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
    background-color: #fc6060;
    color: #ffffff; }



    /*=======testimonials start====*/
        

    /*=======testimonials ends====*/
/*========about us End======*/  

/*=====Grid content Area Starts ============*/
.why-choose-us-area{
    font-family: "Poppins", sans-serif;
}

.bg-gray {
  background-color: #f7f7f7 !important; 
}

.why-choose-us-content {
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  background-color: #ffffff;
  padding: 80px 30px 50px;
  border-radius: 10px;
  height: 325px;
  box-shadow: 3px 0 15px -1px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
  margin-top: 50px; }
  .why-choose-us-content .chosse-us-icon {
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    height: 76px;
    width: 76px;
    background-color: #fc6060;
    display: inline-block;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    top: -38px;
    left: 50%;
    margin-left: -38px; }

    .why-choose-us-content .chosse-us-icon .aboutGrid{
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    height: 171px;
    width: 350px;
    background-color: #fc6060;
    display: inline-block;
    color: #ffffff;
    border-radius: 10% 10% 0 0;
    position: absolute;
    top: -65px;
    left: 50%;
    margin-left: -175px; }


  .why-choose-us-content h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms; }
  .why-choose-us-content p {
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
    font-size: 14px;
    margin-bottom: 0; }
  .why-choose-us-content:hover, .why-choose-us-content:focus {
    background-color: #fc6060; }
    .why-choose-us-content:hover .chosse-us-icon, .why-choose-us-content:focus .chosse-us-icon {
      background-color: #000000;
      box-shadow: 0 5px 15px 2px rgba(255, 255, 255, 0.15); }
    .why-choose-us-content:hover h4,
    .why-choose-us-content:hover p, .why-choose-us-content:focus h4,
    .why-choose-us-content:focus p {
      color: #ffffff; }

@media (min-width: 992px) and (max-width: 1199px){
    .why-choose-us-content{
      height:355px;
    }

    .why-choose-us-content .chosse-us-icon .aboutGrid{
      width: 284px;
      margin-left: -187%;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .why-choose-us-content .chosse-us-icon .aboutGrid{
      width: 330px;
      margin-left: -217%;
    }
}

@media only screen and (max-width: 767px){
     .why-choose-us-content{
         width: 330px;/*
         margin-left: 25%;*/
         margin-left: auto;
        margin-right: auto;
         margin-top: 25%;
    }

      .why-choose-us-content .chosse-us-icon .aboutGrid{
      width: 330px;
      margin-left: -217%;
    }   
}

@media only screen and (max-width: 500px){
     .why-choose-us-content{/*
          margin-left: 15%;*/
          margin-left: auto;
        margin-right: auto;
          margin-top: 40%;
    }

      .why-choose-us-content .chosse-us-icon .aboutGrid{
      margin-left: -217%;
    }   
}  
  /*=======Grid Content Area ends =========*/

/*==========Benefits==========*/
  /* Wrapper */
.Swrapper {
  padding: 2rem 0 0 0 ;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1280px) {
    .Swrapper {
      padding: 4rem 0 2rem 0 ; } }
  @media screen and (max-width: 736px) {
    .Swrapper {
      padding: 3rem 0 1rem 0 ; } }
  @media screen and (max-width: 480px) {
    .Swrapper {
      padding: 2rem 0 0.1rem 0 ; } }

   /* Inner */
.Sinner {
  margin: 0 auto;
  width: 75rem;
  max-width: calc(100% - 6rem); }
  @media screen and (max-width: 480px) {
    .Sinner {
      max-width: calc(100% - 3rem); } }   


  .Sspecial {
  text-align: center;
  margin-bottom: 4rem; }
   .Sspecial p {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto; }

  @media only screen and (max-width: 500px){
      .Sspecial h2{
          font-size: 27px;
      }
} 


/* Shighlights */
.Shighlights {
  width: 100%;
  margin: 2.5rem 0;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: -moz-stretch;
  -webkit-align-items: -webkit-stretch;
  -ms-align-items: -ms-stretch;
  align-items: stretch; }
  .Shighlights > * {
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0; }
  .Shighlights > * {
    width: 33.3333333333%; }
  .Shighlights > * {
    padding: 1.5rem;
    width: calc(33.3333333333% + 1rem); }
  .Shighlights > :nth-child(-n + 3) {
    padding-top: 0; }
  .Shighlights > :nth-last-child(-n + 3) {
    padding-bottom: 0; }
  .Shighlights > :nth-child(3n + 1) {
    padding-left: 0; }
  .Shighlights > :nth-child(3n) {
    padding-right: 0; }
  .Shighlights > :nth-child(3n + 1),
  .Shighlights > :nth-child(3n) {
    width: calc(33.3333333333% + -0.5rem); }
  .Shighlights .Scontent {
    border-radius: 4px;
    height: 100%;
    padding: 1rem;
    text-align: center; }
    .Shighlights .Scontent .Sicon {
      font-size: 4.5rem;
      color: #fc6060; }
  .Shighlights > div > :last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .Shighlights > * {
      width: 50%; }
    .Shighlights > * {
      padding: 1rem;
      width: calc(33.3333333333% + 0.6666666667rem); }
    .Shighlights > :nth-child(-n + 3) {
      padding-top: 1rem; }
    .Shighlights > :nth-last-child(-n + 3) {
      padding-bottom: 1rem; }
    .Shighlights > :nth-child(3n + 1) {
      padding-left: 1rem; }
    .Shighlights > :nth-child(3n) {
      padding-right: 1rem; }
    .Shighlights > :nth-child(3n + 1),
    .Shighlights > :nth-child(3n) {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .Shighlights > * {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .Shighlights > :nth-child(-n + 2) {
      padding-top: 0; }
    .Shighlights > :nth-last-child(-n + 2) {
      padding-bottom: 0; }
    .Shighlights > :nth-child(2n + 1) {
      padding-left: 0; }
    .Shighlights > :nth-child(2n) {
      padding-right: 0; }
    .Shighlights > :nth-child(2n + 1),
    .Shighlights > :nth-child(2n) {
      width: calc(50% + 0rem); }
    .Shighlights .Scontent {
      padding: 1rem; } }
  @media screen and (max-width: 736px) {
    .Shighlights > * {
      width: 100%; }
    .Shighlights > * {
      padding: 1rem;
      width: calc(33.3333333333% + 0.6666666667rem); }
    .Shighlights > :nth-child(-n + 3) {
      padding-top: 1rem; }
    .Shighlights > :nth-last-child(-n + 3) {
      padding-bottom: 1rem; }
    .Shighlights > :nth-child(3n + 1) {
      padding-left: 1rem; }
    .Shighlights > :nth-child(3n) {
      padding-right: 1rem; }
    .Shighlights > :nth-child(3n + 1),
    .Shighlights > :nth-child(3n) {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .Shighlights > * {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .Shighlights > :nth-child(-n + 2) {
      padding-top: 1rem; }
    .Shighlights > :nth-last-child(-n + 2) {
      padding-bottom: 1rem; }
    .Shighlights > :nth-child(2n + 1) {
      padding-left: 1rem; }
    .Shighlights > :nth-child(2n) {
      padding-right: 1rem; }
    .Shighlights > :nth-child(2n + 1),
    .Shighlights > :nth-child(2n) {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .Shighlights > * {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .Shighlights > :nth-child(-n + 1) {
      padding-top: 0; }
    .Shighlights > :nth-last-child(-n + 1) {
      padding-bottom: 0; }
    .Shighlights > :nth-child(1n + 1) {
      padding-left: 0; }
    .Shighlights > :nth-child(1n) {
      padding-right: 0; }
    .Shighlights > :nth-child(1n + 1),
    .Shighlights > :nth-child(1n) {
      width: calc(100% + 1rem); } }

.Shighlights .Scontent {
  background: #ffffff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); }

  /* Icon */
.Sicon {
  text-decoration: none;
  border-bottom: none;
  position: relative; }
  .Sicon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important; }
  .Sicon > .label {
    display: none; }

    /*======Cotact form starts=======*/
      /*services heading-section class*/
.ftco-section {
  padding: 3em 0;
  position: relative;
  z-index: 0; }
  @media (max-width: 767.98px) {
    .ftco-section {
      padding: 6em 0; } }

      .heading-section .subheading {
  font-size: 35px;
  display: inline-block;
  margin-bottom: 0;
  color: #d1002c;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative; }

   .heading-section .contactP{
    font-size: 18px;
  }


.heading-section h2 {
  font-size: 36px;
  font-weight: 900;
  text-transform: uppercase; }
  @media (max-width: 767.98px) {
    .heading-section h2 {
      font-size: 28px; } }


.contact-section .img {
  width: 100%;
  background-position: top center; }

.contact-section .contact-info p a {
  color: #fff; }

.contact-section .contact-form {
  width: 100%;
  border-radius: 5px;
  padding-top: 20px;
  border: 1px solid rgba(0,0,0,0.3);
  background: #f3f3f3; }

  @media (max-width: 767.98px) {
    .contact-section .contact-form .btn-primary {
      display: block;
      width: 100%; } }
  .contact-section .contact-form .form-control {
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px; }
  .contact-section .contact-form .form-control {
    height: 36px;
    background: #fff !important;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(0,0,0,0.3); }
    .contact-section .contact-form .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(0, 0, 0, 0.8) !important; }
    .contact-section .contact-form .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(0, 0, 0, 0.8) !important; }
    .contact-section .contact-form .form-control:-ms-input-placeholder {
      /* IE 0+ */
      color: rgba(0, 0, 0, 0.8) !important; }
    .contact-section .contact-form .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(0, 0, 0, 0.8) !important; }
    .contact-section .contact-form .form-control:focus, .contact-section .contact-form .form-control:active {
      border-color: #d1002c !important; }
  .contact-section .contact-form textarea.form-control {
    height: inherit !important; }
    .ftco-no-pb {
  padding-bottom: 0; }


  .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="text"].form-control,
input[type="email"].form-control,
input[type="number"].form-control,
/*input[type="month"].form-control */{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }


.form-control {
  height: 52px !important;
  background: #fff !important;
  color: #000000 !important;
  font-size: 18px;
  border-radius: 5px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  .form-control:focus, .form-control:active {
    border-color: #000000; }

textarea.form-control {
  height: inherit !important; }


.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  font-size: 15px;
  padding: 15px;
  border-radius: 6%;
  background-color: #d1002c;
  border-color: #007bff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }


.dbox {
  width: 100%;
  margin-bottom: 0px; }
  .dbox div{
    display: inline-block;
  }
  @media (max-width: 767.98px) {
    .dbox {
      margin-bottom: 25px !important;
      padding: 0 20px; } }
  .dbox p {
    margin-bottom: 0; }
    .dbox p span {
      font-weight: 500;
      color: #000000; }
    .dbox p a {
      color: #d1002c; }
  .dbox .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d1002c;
    margin: 0 auto;
    margin-bottom: 20px; }
    .dbox .icon span {
      font-size: 25px;
      margin-top: 13px;
      color: #fff; }
  .dbox .text {    
    padding-left: 15px;
    font-size: 18px;
    padding-top: 10px; 

  }
    .dbox .text span {
      display: block;
      line-height: 1.2; }

.btn:focus {
  box-shadow: none; }

@media only screen and (max-width: 419px) {
     .dbox .text {    
    padding-left: 5px;
    font-size: 14px;
    padding-top: 10px; 

  }
    .dbox .text span {
      display: block;
      line-height: 1.2; }

    }


/*=====Map Area======*/
  .section-padding-0-80 {
  padding-top: 0;
  padding-bottom: 80px; }
#map {
  height: 350px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #map {
      height: 400px; } }
  #map iframe {
    width: 100%;
    height: 100%;
  border: 2px solid black;
    border: none !important;
    border-radius: 10px; }


    /*=======Contact form ends==========*/

        /*=======Testimonials Carousels==========*/
#tcb-testimonial-carousel {
  margin-top: 30px;
}
#tcb-testimonial-carousel a {
  color: #b20000;
}
#tcb-testimonial-carousel .text-brand {
  color: #b20000;
}
#tcb-testimonial-carousel .carousel-indicators .active {
  background: #b20000;
}
#tcb-testimonial-carousel .carousel-indicators {
  bottom: -13px;
}
#tcb-testimonial-carousel .no-margin {
  margin: 0;
}
#tcb-testimonial-carousel .carousel-indicators li {
  border: 1px solid #ccc;
}
#tcb-testimonial-carousel .carousel-control {
  color: #b20000;
  width: 5%;
}
#tcb-testimonial-carousel .carousel-control:hover,
#tcb-testimonial-carousel .carousel-control:focus {
  color: #b20000;
}
#tcb-testimonial-carousel .carousel-control.left,
#tcb-testimonial-carousel .carousel-control.right {
  background-image: none;
}
#tcb-testimonial-carousel .item {
  padding: 15px 40px;
  background: #f8f8f8;
}
#tcb-testimonial-carousel .media-object {
  margin: auto;
}
.testimonials .carousel-inner .caption .testimonialPFeed{
  font-size: 23px;
}
.testimonials .carousel-inner .caption .testimonialPname{
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #tcb-testimonial-carousel .media-object {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 500px){
    .testimonials h2{
      font-size: 26px;
    }
    .testimonials .carousel-inner .caption .testimonialPFeed{
  font-size: 14px;
}
.testimonials .carousel-inner .caption .testimonialPname{
  font-size: 11px;
}

}
        /*=======Testimonials Carousels==========*/

        /*=======Contact Pin Starts==========*/

.contactpin .contact-form{
  width: 50%;
  margin-top: 30px;
}

.contactpin .contact-form .form-control{
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px;
  font-size: 18px;
}

.contactpin .contact-form .btn{ 
  background-color: green;
  font-size: 18px;
  color: white;
  padding: 10px;
  border-radius: 10px;
  font-family: 'arial' , sans-serif;
}

@media only screen and (max-width: 500px){
  .contactpin .contact-form{
    width: 80%;
    margin-top: 30px;
  }
  .contactpin .contact-form .form-control{
    border: 1px solid black;
    border-radius: 10px;
    padding: 8px;
    font-size: 15px;
  }
  .contactpin .contactpinheading{
    font-size: 18px;
  }
        
}


        /*=======Contact Pin Ends==========*/