body {
    font-family: "Montserrat", sans-serif;
}

* {
    padding: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
}
  .row{
      padding:0px ;
      margin:0px;
  }

  /* // <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 900 */

/* .varela-round-regular {
    font-family: "Varela Round", sans-serif;
    font-weight: 400;
    font-style: normal;
  } */
  /* @media screen and (min-width: 1920px) {
 
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 1666px !important;
    }
  }
  */
  a {
    text-decoration: none !important;
    color: black;
  }
  .brand-color{
   color: #199fb1  !important;
  }
 
  .main-heading-color {
    color: #424242;
  }
 
  .mb-font-size {
    font-size: 12px;
  }
 
  .normal-fonts-para{
      font-size:14px !important;
  }
  @media only screen and (max-width: 768px) {
    .normal-fonts-para {
        font-size: 13px !important;
    }
  }
 
  .main-heading{
    font-size: 40px;
    color: #424242;
  }
 
  @media only screen and (max-width: 768px) {
    .main-heading {
      font-size: 31px !important;
    }
  }
 
  .fs-12 {
    font-size: 12px;
  }
 
  .fs-13 {
    font-size: 13px;
  }
 
  .fs-14 {
    font-size: 14px;
  }
 
  .fs-15 {
    font-size: 15px;
  }
 
  .fs-16 {
    font-size: 16px;
  }
 
  .fs-17 {
    font-size: 17px;
  }
 
  .fs-18 {
    font-size: 18px;
  }
 
  .fs-19 {
    font-size: 19px;
  }
 
  .fs-20 {
    font-size: 20px;
  }
 .contact-icons{
  width: 28px;
  height: 28px;
 }
  
.fixed {
    width: 100%;
    background-color: #292c35 !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    z-index: 1400;
}
.custom-reverse {
    padding: 1px;
}

@media only screen and (max-width: 989px) {
    .custom-reverse {
        flex-direction: column-reverse !important;
        display: flex;
    }
}
/* Desktop Navigation */
.navbar {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px !important;
}

  /* Mobile Navigation Bar Section A */
.offcanvas-start {
    width: 90% !important;
}
.offcanvas {
    width: 80% !important;
}

.mobile-nav-active {
    background: #e3e9f5 !important;
    padding: 0px 10px 0px 19px !important;
    border-radius: 9px !important;
}
.Others-btnn-background {
    background: #e3e9f5 !important;
    padding: 0px 10px 0px 19px !important;
    border-radius: 9px !important;
}
.mobile-first-box {
    background-color: #fff !important;
    /* padding: 12px 19px 12px 19px;*/
    border-radius: 10px;
}
.navbar-toggler:focus{
    box-shadow:none !important;
}
.other-btnn-text {
    padding: 15px 55px 15px 0px;
    color: #585858;
    font-size: 15px;
    width: 100%;
}
.offcanvas-body {
    padding: 12px 19px 12px 21px !important;
}
.btn-close:focus {
    box-shadow: none !important;
}
.mobile-nav-icons{
    width:26px;
}
/* Footer Section  */
a:hover {
    color: #212529;
    transition: all 0.3s;
}

.form-control:focus {
    box-shadow: none !important;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none !important;
}

.footer-page-btnn {
    font-size: 15px;
    font-weight: 300;
    transition: all 0.3s !important;
    color:#fff !important;
}

    .footer-page-btnn:hover {
        transition: all 0.4s !important;
        color: #df9a55 !important;
    }

@media only screen and (max-width: 786px) {
    .footer-page-btnn {
        font-size: 13px !important;
    }
}

.social-icons {
    width: 45px;
}

.facebook-icons {
    width: 46px;
}

.payment-icons {
    width: 70px !important;
}
@media only screen and (max-width: 786px) {
    .payment-icons {
        width: 38px !important;
    }
}
.footer-heading{
    font-size: 20px !important;
    color:#fff !important;
}
@media only screen and (max-width: 786px) {
    .footer-heading {
        font-size: 18px !important;
    }
}