/**
 * Theme Name:     Nisarg Child
 * Author:         Falguni Desai
 * Template:       nisarg
 * Text Domain:	   nisarg-child
 * Description:    Nisarg is a new fully responsive and translation ready theme that allows you to create stunning blogs and websites. Theme is well suited for travel, photography, recipe, design, art, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablets friendly. It has various options in WordPress Customizer to change look of the theme. Theme customizer can be used to add your own header image of flexible height, background image, to set background color, header text color and accent color.
 */


/*internal css pest 03-12-2022*/
  @media (max-width:799px){
        .entry-title{
            font-size: 18px;
    font-weight: 600;
        }
    }
    @media(max-width:992px) {

button.navbar-toggler {
    display: none !important;
}
.banner_main {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}
.banner_main img {
    width: 100%;
}
.Banner-content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}
.banner_text span {
    font-weight: 900;
    margin: 0px 0px;
    font-size: 36px;
    color: #E35858;
    
    
}
.banner_text a {
    padding: 0px 8px;
    text-decoration: none;
    font-weight: 600;
    color: #E35858;
    font-size: 20px;
}
.about-main{
    margin: 46px 0px;
}
.about-main h2 {
    color: #E35858;
    font-weight: 800;
    font-size: 41px;
    margin-bottom: 21px;
}


/*  */
h2 {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 10px;
    text-transform: capitalize;
    
}

line {
    border-bottom: 3px solid #d90a6d;
    width: 105px;
}
p {
    margin: 0 0 10px;
   
    line-height: 30px;
    text-align: justify;
}
.about-box3-contnt ul, .our-exprtise-contnt ul {
    padding-left: 0;
    list-style-type: none;
}
.about-box3-contnt ul li {
    margin-bottom: 8px;
}
.about-box3-contnt ul li span i {
    margin-right: 10px;
    font-size: 10px;
}
.maintain{
    background-image: linear-gradient(to right, #7B18F7, #E35858);
    padding: 50px 0px;
}
.btn-about {
    background-color: #E35858;
    color: #fff;
    font-weight: 700;
    margin-right: 20px;
    padding: 3px 26px;
    border-radius: 11px;
}
.btn:hover {
    background-color: #564DC0;
}

.assistant{
    margin: 40px 0px;
}
.assistant h2{
    color: #E35858;
}
.banner_text1{
    color: #E35858;
    text-align: center;
}
.banner_text1 span{
    color: #E35858;
    font-size: 60px;
    
}

/* contact css */
.contact-page-section {
    position: relative;
    padding-top: 60px;
}
.contact-page-section .inner-container {
    position: relative;
    z-index: 1;
    padding: 55px 60px 55px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    margin: 0px 0px -64px 0px;
}

/* form */
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
    background-image: linear-gradient(#7B18F7, #E35858);
  padding: 25px;
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}




fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  border-radius: 16px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #7B18F7;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
  border-radius: 16px;
}

#contact button[type="submit"]:hover {
  background: #E35858;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}



/* privacy-policy */
  
.privacy-policies {
    margin: 30px 0px;
    padding: 50px 52px;
    box-shadow: 0px 0px 15px lightgrey;
}
.privacy-policies h3{
    font-size: 22px;
    font-weight: 700;
}
.privacy-policies span{
    color: #7B18F7;
}
.privacy-policies p a{
    text-decoration: none;
    color: #E35858;
    font-weight: 600;

}

.bac-design{
    /* background-image: linear-gradient(to right, #E35858, #7B18F7); */
   
    color: #000;
  
    transition: .4s ease-in-out;
}
.about-box3-contnt{
    padding: 16px 24px 0px 21px;
    border: 3px solid;
    border-radius: 56px;
    padding: 20px 28px;
    transition: 400ms ease-in-out;
    overflow: hidden;
    position: relative;
}
.about-box3-contnt:before {
    content: '';
    position: absolute;
    background-image: linear-gradient(to right, #E35858,#7B18F7);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1;
    transition: 400ms ease-in-out;
    right: 100%;
}
.about-box3-contnt:hover:before{
right: 0;
}


.about-box3-contnt h2{
    color: #7B18F7;
}
.span-color{
    color: #E35858;
}


.productivity img{
    
    height: 100%;

}
.productivity {
    height: 100%;
    float: right;
}
.productivity-main{
    padding: 0;
}



@media(max-width:767px){
    .
    #contact{
        margin-top: 20px;
    }
    .row-about{
        overflow: hidden;

    }
    .productivity{
        text-align: center;
    }
    .productivity img {
        
        width: 100%;
    }
    
}
@media(max-width:460px){
    .btn-about {
       padding: 4px 15px; 
    }
}