html {
    scroll-behavior: smooth;
  }
  .poppins{
      font-family: 'Poppins', sans-serif;
    }
    .roboto{
      font-family: 'Roboto', sans-serif;
    }
    .mukta{
      font-family: 'Mukta Vaani', sans-serif;
    }
    .navbar .nav-item{
      padding-top: 1rem;
    }
    .navbar .nav-item .nav-link{
      font-family: 'Roboto', sans-serif;
      margin-right: 1rem;
    }
    .car-bg{
      background-image: url('../../assets/img/carausel-bg.jpg');
      background-repeat: no-repeat;
    }
    .testimonial-bg{
      background-image: url('../../assets/img/testimonial-bg.png');
      background-repeat: no-repeat;
      border-radius: 10px;
    }
    .navbar .navbar-nav .nav-link{
      color: #fff;
    }
    .pt-6{
      padding-top: 15rem;
      padding-left: 5rem;
    }
    .car-bg .form-inline{
      display: inline-block;
      background-color: #ffffffbf;
      padding: 20px;
      border-radius: 10px;
    }
    #hd-work .card-img-top{
      width: 5rem;
      margin-top: -2.5rem;
    }
    #hd-work .card-title{
      color: #2F327D;
      font-size: 1.75rem;
      padding-top: 2rem;
    }
    #hd-work .card-text{
      padding: 1rem 2rem;
      font-size: 1.25rem;
    }
    #hd-work .card{
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    /*OWL Css*/
    .carousel-wrap {
      position: relative;
    }

    /* fix blank or flashing items on carousel */
    .owl-carousel .item {
      position: relative;
      z-index: 100; 
      -webkit-backface-visibility: hidden; 
    }

    /* end fix */
    .owl-nav{
      display: none;
    }
    /*OWL Css*/
    #spray-foam .card-img-top{
      width: 7rem;
      padding: 2rem 0rem;
    }
    #spray-foam{
      background-image: url('../../assets/img/spray-bg.png');
      background-repeat: no-repeat;
    }
    #spray-foam .left-div{
      margin-top: 27rem;
      padding-left: 6rem;
    }
    #spray-foam .left-div h3{
      font-size: 3rem;
      font-family: 'Roboto', sans-serif;
    }
    #spray-foam .left-div p{
      font-size: 1.5rem;
      font-family: 'Roboto', sans-serif;
    }
    #spray-foam .right-div .card{
      border-radius: 40px;
      box-shadow: 2px 2px 6px 1px #0000005c;
      margin-bottom: 2rem!important;
      padding: 1rem;
    }
    #spray-foam .right-div h5{
      font-family: 'Roboto', sans-serif;
      font-weight: 600;
    }
    #spray-foam .right-div p{
      font-size: 1rem;
    }
    .fa-star{
      color: #F24C27;
    }
    .form-control{
      border-radius: 0px;
    }
    #contact-us .form-control{
      padding: 1rem;
    }
    #contact-us .btn{
      background-color: #F24C27;
      color: #fff;
      padding: 1rem;
    }
    #contact-us h3{
      color: #000;
      font-family: 'Poppins', sans-serif;
    }
    #contact-us h2{
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      margin-top: 2rem;
    }
    #footer ul {
      padding-left: 0px;
    }
    #footer .fa-facebook{
      background-color: #3B5998;
      padding: 0.5rem 1rem;
      font-size: 2rem;
      border-radius: 30px;
      color: #fff;
      margin-left: 1rem;
    }
    #footer .fa-twitter{
      background-color: #55ACEE;
      padding: 0.5rem 0.6rem;
      font-size: 2rem;
      border-radius: 30px;
      color: #fff;
      margin-left: 1rem;
    }
    #footer .fa-linkedin{
      background-color: #007AB9;
      padding: 0.5rem 0.6rem;
      font-size: 2rem;
      border-radius: 30px;
      color: #fff;
      margin-left: 1rem;
    }
    #footer ul li {
      list-style: none;
      margin-bottom: 0.5rem;
    }
    #footer ul li a{
      color: #000;
      text-decoration: none;
      font-weight: 500;
    }
    .top-button{
      border-radius: 30px;
      font-size: 1.25rem;
      padding: 0.5rem 2.5rem!important;
      background-color: #0961E3!important;
    }
    .w-65{
      width: 65%;
    }
    .w-35{
      width: auto;
      max-width: 42%
    }
    .radius-0{
      border-radius: 0px!important;
    }
    .car-bg button{
      background-color: #0961E3;
      color: white;
    }
    .mw-24{
      min-width: 22rem;
    }
    .w-500{
      font-weight: 500;
    }
    .w-600{
      font-weight: 600;
    }
    .car-bg-p{
      font-size: 2rem;
    }
    .hd-work-btn{
      font-size: 2rem;
      border-radius: 40px;
      padding:0.5rem 2.5rem;
      background-color: #0961E3!important;
      font-family: 'Poppins', sans-serif;
    }
    .bg-light-pink{
      background-color: #FFF4FE;
      border-radius: 6rem 0rem 0rem 0rem;
      padding: 6rem 4rem;
    }
    .bg-light-pink .bg-white{
      border-radius: 30px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      text-align: center;
      padding: 3rem;
      font-size: 1.25rem;
    }
    .bg-light-pink p{
      color: #696984;
      font-family: 'Roboto', sans-serif;
    }
    h3{
      color: rgba(0, 0, 0, 0.7);
    }
    h5{
      font-size: 1.5rem;
    }
    p{
      color: #757575;
      font-size: 1.25rem;
    }
    #about-us .col-md-4{
      margin-top: 8rem;
    }
    .mt-6{
      margin-top: 6rem;
    }
    h2{
      color: rgba(13, 19, 23, 0.8);
    }
    /*Arrow*/
    .check-icon {
      right: 1rem;
      position: absolute;
    }

    .times-icon {
      right:20px;
      position:absolute;
      top:2px;
    }

    .icon-input {
      padding-right:60px !important;
    }
    .service-text{
      margin-top: 2rem;
    }
    .service-text span{
      color: #232ED1;
      font-weight: 500;
      font-size: 1.5rem;
    }
    .service-text h2{
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      font-size: 3rem;
      color: #000;
      padding: 1.5rem 2rem 2rem 0rem;
    }
    .service-text a{
      font-weight: 500;
      font-family: 'Poppins', sans-serif;
      color: #000;
      padding: 2rem 0rem;
      text-decoration: none;
    }
    .service-text .fa-arrow-right{
      margin-left: 0.5rem;
    }
    #testimonial h2{
      color: rgba(13, 19, 23, 0.8);
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
    }
    #faq .col-1{
      max-width: 5%;
      padding-left: 0px;
    }
    #faq .col-11{
      max-width: 95%;
      padding-left: 0px;
    }
    #faq h2{
      font-weight: 700;
    }
    #faq span{
      color: #0010FF;
      font-weight: 600;
      font-size: 1.2rem;
    }
    .t-light{
      color: #A4A4A4;
    }
    /*Arrow*/

    .main-logo{
        width:100%;
    }
    .top-q{
      position: absolute;
      left: 3rem;
      width: 3.5rem;
      top: 5rem;
    }
    .bottom-q{
      position: absolute;
      right: 3rem;
      width: 3.5rem;
      bottom: 5rem;
    }
    .rem-45{
      height: 4.5rem;
    }



    
    @media only screen and (max-width: 600px) {
      .display-2 {
        font-size: 3.5rem;
        line-height: 3rem;
      }
      .main-logo{
        width:70%;
      }
      .navbar-brand {
        display: contents;
      }
      .pt-6{
        padding-top: 6rem;
      padding-left: 2rem;
      }
      .car-bg-p {
    font-size: 1.5rem;
    }
    #hd-work .col-md-44{
      padding-top: 4rem;
    }
    .bg-light-pink {
      padding: 0rem 0rem;
    }
    .top-q {
      position: absolute;
      left: 0rem;
      width: 2.5rem;
      top: -1rem;
    }
    .bottom-q {
      position: absolute;
      right: 0rem;
      width: 2.5rem;
      bottom: 0rem;
    }
    #about-us {
      padding-top: 1rem!important;
    }
    #about-us .col-md-4 {
      margin-top: 1rem;
    }
    #spray-foam .left-div {
      margin-top: 0rem;
      padding-left: 1rem;
    }
    .service-text {
        padding: 1rem!important;
    }
    #faq{
      padding-top: 1rem!important;
    }
    #faq .col-11{
      padding-left: 1rem;
    }
    #contact-us .col-md-4{
      padding-bottom: 2rem;
    }
    #footer .col-md-4{
      padding-bottom: 3rem;
    }
    }