@font-face {
  font-family:Montserrat-regular;
  src: url(../fonts/Montserrat-Regular.otf);
}
@font-face {
  font-family:Montserrat-black;
  src: url(../fonts/Montserrat-Black.otf);
}
@font-face {
  font-family:Montserrat-bold;
  src: url(../fonts/Montserrat-Bold.otf);
}
@font-face {
  font-family:Montserrat-italic;
  src: url(../fonts/Montserrat-Italic.otf);
}
@font-face {
  font-family:Montserrat-light;
  src: url(../fonts/Montserrat-Light.otf);
}
@font-face {
  font-family:Montserrat-medium;
  src: url(../fonts/Montserrat-Medium.otf);
}
@font-face {
  font-family:Montserrat-semibold;
  src: url(../fonts/Montserrat-SemiBold.otf);
}
@font-face {
  font-family:Montserrat-thin;
  src: url(../fonts/Montserrat-Thin.otf);
}
:root {
  --fontfamily-heading: 'Raleway', sans-serif;
  --fontfamily-para: 'Montserrat-regular';
}
.btn-primary {
  color: #fff;
  background-color: #118DF0 !important;
  border-color: #118DF0 !important;
}
body{
    overflow-x: hidden;
  }
  button:focus {
    outline: none !important;
    box-shadow: none !important;
}
.prattbusinessheading{
    color: #118DF0;
    font-size: 13px;
    font-weight: bold;
    padding-right: 32px;
    font-family: var(--fontfamily-heading);
}
  .envelopeicon{
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin-left: 37px;
  }
  .envelopeicon > i,.phoneicon > i,.findastoreheading > i {
    padding-right: 8px;
  }
  .phoneicon{
    margin-left: 15px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
  }
  .findastoreheading{
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
  }
  .phoneicon,.findastoreheading,.envelopeicon{
    cursor: pointer;
  }
  .phoneicon:hover,.findastoreheading:hover,.envelopeicon:hover{
    color: #118DF0;
  }
  .topbardiv{
    border-bottom: 1px solid #f0f0f0;
    padding-left:0px !important;
    padding-right:0px !important;
  }
  .prattbussinessheading{
    font-weight: bold;
    padding-right: 30px;
    font-size: 12px;
    color: #118DF0;
  }

  .header{
    position:relative;
    z-index:50;
  }
.nav-link:hover{
  color: #118DF0 !important;
}

  a{
    text-decoration: none;
  }

          * {
    box-sizing: border-box;
  }
  input:focus{
    outline: none !important;
  }

  header.nav-fixed {

background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .nav-active {
    background: #fff;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);
  }

  /* Style the search field */
  form.example input[type=text] {
    font-style: italic;
      padding-left: 26px;
      font-size: 15px;
      height: 35px;
      border: none;
      border-radius: 4px;
      box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);
      float: left;
      width: 82%;
      background: #fff;
  }

  .nav-link{
    color: black;
    font-weight: 600;
    font-family: 'Raleway', sans-serif !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1.5rem !important;
   padding-top: 0 !important;
      padding-left: 0.5rem !important;
  }

  .user-icon{
      padding: 9px 11px;
      background-color: #032477;
      color: white;
      border-radius: 12%;
      margin-right: 12px;
      box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);
  }

  .shopping-cart-icon{
      color: white;
      padding: 9px 10px;
      background: #DA303C;
      border-radius: 4px;
      margin-left: 5px;
      transform: translateX(-11px);
      box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);
  }

  /* Style the submit button */

  form.example button:hover {
    background: #118DF0;
  }

  /* Clear floats */
  form.example::after {
    content: "";
    clear: both;
    display: table;
  }

  /* style carousel */

  .carousel-h3{
      font-size: 60px;
      color: black;
      font-weight: bold;
      font-family: 'Raleway', sans-serif;
  }

  .carousel-p{
      margin-top: 30px;
      /* color: #838282; */
      color: #000;
      font-size: 19px;
      font-family:'Montserrat-regular';
      text-transform: capitalize;
      font-weight: bold;
  }

  .shopnow-btn{
      background-color: #118DF0;
      color: white;
      border: none;
      border-radius: 3px;
      padding: 9px 20px;
      font-size: 14px;
      transition: 0.3s ease-in;
      font-family: 'Raleway', sans-serif;
  }

  .shopnow-btn:hover{
    border: 1px solid #118DF0 !important;
    background-color: #fff;
    color: #118DF0;
  }
  .searchbtn{
    background: #118DF0;
    border-radius:4px;
    height: 35px;
     width: 36px;
      border: none;
      transform: translateX(-9px);
  }

  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1.5rem !important;
      padding-top: 1rem !important;
      padding-left: 0.5rem !important;
  }
  .nav-link{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
  }
  .navbar-brand{
    margin-top: 8px;
  }
  .navbar-toggler-icon {
    color:#118DF0;
    font-weight: bold;
    font-size: 30px !important;
  }
  .navbar-toggler:focus, .navbar-toggler:hover {
      text-decoration: none;
      outline: none;
  }
  .dropdown-item {
      font-family: 'Raleway', sans-serif;
    }
    .nav-item > .dropdown-menu{
      background-color: #fff;
    }
    .nav-item > .dropdown-menu > .dropdown-item{
      color: #000 ;
      text-align: left;
      padding:10px 20px;
      border-bottom: solid 1px #D3D3D3;
    }
   .dropdown-item:hover {
      color: #118DF0 !important;
      text-decoration: none !important;
      font-weight: 600;
   background-color:#fff !important;
  }
  .formandcartdiv{
    margin-left: -0.5rem!important;
    margin-top: 30px !important;
  }
  .footerlist1{
    list-style: none;
      transform: translateX(28px);
  }
  .footerlist1 li {
    padding-bottom: 8px;
  }
  .footerlist2{
    list-style: none;
      transform: translateX(-40px);
  }
  .footerlist2 li {
    padding-bottom: 8px;
  }
  .footerarrowicon{
    padding-right: 5px;
  }
  .sicon{
    padding: 4px !important;
      margin-left: 5px;
      margin-top: 5px;
      color: #fff;
      font-size: 12px !important;
      width: 24px !important;

      text-align: center !important;
      text-decoration: none !important;
      border-radius: 50% !important;
  }
  .dots {
    height: 25px;
    width: 25px;
    background-color: #118DF0;
    border-radius: 50%;
    display: inline-block;
  }

  .footercontent h5{
    font-family: 'Raleway', sans-serif;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
  }
  .footercontent p{
    font-family: 'Raleway', sans-serif;
    color: #838282;
    font-weight: 500;
    font-size:10px;
  }
  .footermenulist{
    font-family: 'Raleway', sans-serif;
    color: #838282;
    font-size: 14px;
    font-weight: 500;
  }
  .footermenuheading1{
    font-family: 'Raleway', sans-serif;
    color: #118DF0;
    font-weight: 800;
    margin-top: 70px;
    text-align: center;
  }
  .footermenuheading2{
    font-family: 'Raleway', sans-serif;
    color: #118DF0;
    font-weight: 800;
    margin-top: 70px;
    text-align: left;
  }
  .footermenuheading3{
    font-family: 'Raleway', sans-serif;
    color: #118DF0;
    font-weight: 800;
    margin-top: 90px;
    text-align: left;
  }
  .footermenuheading3 >p{
    font-size: 10px;
  }
  .navbar-brand > img{
    transform: translateX(20px);
  }
  .nvabarul{
    transform: translateX(38px);
  }

  @media only screen and (max-width: 700px) {

    html {
      overflow-x: hidden;
  }

  .envelopeicon{
    font-size: 8px;
    margin-left: 0px;
  }
  .phoneicon {
    font-size: 8px;
}
  .findastoreheading{
    font-size: 8px;
  }
  .envelopeicon > i,.phoneicon > i,.findastoreheading > i {
    padding-right: 0px;
  }
  .prattbussinessheading{
    padding-right: 0px;
  }

    form.example input[type=text] {
    font-style: italic;
      padding-left: 26px;
      font-size: 15px;
      height: 35px;
      border: none;
      border-radius: 4px;
      box-shadow: 0px 6px 16px rgb(0 0 0 / 12%);
      float: left;
      width: 84%;
      background: #fff;
  }
    .searchbtn{
      transform: translateX(0px);
  }
  .navbar-toggler {
    padding: 0.25rem 1.3rem !important;
  }
  .navbarul{
    transform: translateX(0);
  }
    .nav-link{
      color: #fff;
      font-family: 'Raleway', sans-serif;
    }
    .nav-link:hover{
      color: #FFF !important;
    }
    .dropdown-item {
      font-family: 'Raleway', sans-serif;
    }
    .nav-item > .dropdown-menu{
      overflow-y: scroll;
      height: 320px;
    }
    .nav-item > .dropdown-menu > .dropdown-item{
      text-align: center;
      padding:10px 0px;
      border-bottom: solid 1px rgba(255,255,255,0.1);

    }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.5rem !important;
      padding-top: 0rem !important;
      padding-left: 0.5rem !important;
  }
    .navbar-brand{
    margin-top: 0px;
      display: inline-block;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-right: 0 !important;
      font-size: 1.25rem;
      line-height: inherit;
      white-space: nowrap;
  }
  .navbar-brand > img{
    transform: translateX(0px);
  }
  .formandcartdiv{
    margin-left: 0.2rem!important;
    margin-top: 15px !important;
  }
  .navbar{
    margin-top: 20px;
    padding: 0.5rem 0.3rem !important;
  }
  .navbarmain{
    background:#118DF0 ;
  }
  .nav-link{
    display: block;
      color: #FFFFFF;
      font-weight: 500;
      height: 50px;
      line-height: 50px;
      text-align: center;
  }
  .page_menu_item {
      display: block;
      position: relative;
      border-bottom: solid 1px rgba(255,255,255,0.1);
      vertical-align: middle;
  }
  .footerlist1 {
      list-style: none;
      transform: translateX(-40px);
  }
  .footermenuheading1{
    text-align: left;
  }
  .footermenuheading2 {
    margin-top: 20px;
    text-align: left;
  }
  .footerlist2 {
      transform: translateX(-40px);
  }
  .footermenuheading3 {
    margin-top: 0;
    text-align: left;
  }
  .footersocialicons{
    display: flex;
    justify-content: left;
  }
  .prattbusinessheading{
    color: #118DF0;
    font-size: 13px;
    font-weight: bold;
    padding-right: 0px;
}
  }