p, h1, h2, h3, h4, h5, h6{font-family: "Noto Sans", sans-serif !important;}
body, p{font-size: 16px; color: #0c0a09; font-weight: 300;}
strong{font-weight: 600; font-size: 1.1em;}
h1{color: #f67316; font-size: 70px; line-height: 75px; letter-spacing: -0.8px; margin-top: 200px;}
h2{margin-bottom: 20px; letter-spacing: 0px;}
.tag1{ color: #82827f; font-size: 28px; line-height: 35px; margin-top: 0px;}
.tag2{ font-size: 19px; line-height: 30px; width: 60%; margin-top: 10px; }
.text-color-dark{color: #363636;}
.btn i{margin-right: 15px; }
.btn{font-size: 17px !important; padding: 12px 30px;}

.btn-primary{background-color: #f67316; border: 0;}
.btn-primary:hover{background-color: #fa7c22 !important; border: 0;}

.text-grey{color: #494646 !important; font-size: 18px; font-weight: 300;}

.card{margin-left: 20px; border-radius: 15px !important; border: 0px; }
.small1{font-size: 15px;}
.card i{color: #f67316; font-size: 20px; font-weight: 700;}
.bg-color-light{background-color: #fdf7f4 !important;}

.info1{padding: 7px 15px; background-color: #f4f0eb !important; font-size: 15px; font-weight: 600; border-radius: 20px; display: inline-block; margin-right: 5px; margin-bottom: 20px;}
.info1 i{margin-right: 10px; color: #f67316; font-size: 15px; font-weight: 700;}

section.section{background: #faf3ee;}
section.sectionbg3{background: #faefe8 !important;}

.info2{ padding: 30px 20px; border: 1px #f1f0f0 solid; background-color: #fff !important; font-size: 15px; font-weight: 600; border-radius: 20px; display: inline-block; margin-right: 5px;}
.info2 h3{text-transform: none; font-weight: 500; font-size: 1.6em !important; margin-bottom: 1rem !important; letter-spacing: 0px;}
.info2 p{font-size: 16px !important; font-weight: 300 !important;}


.info3{display: block; width: 100% !important; margin-top: 30px;  text-align: center; padding: 20px 20px; border: 1px #f1f0f0 solid; background-color: #fff !important; font-size: 15px; font-weight: 600; border-radius: 20px;}
.info3 h5{text-transform: none; font-weight: 600; font-size: 1.1em !important; margin-bottom: 1rem !important; letter-spacing: 0px;}
.info3 p{font-size: 16px !important; font-weight: 300 !important; margin-bottom: 0px;}

.py-4p{padding: 0px 1rem;}
.py-4p p{font-size: 18px; font-weight: 300;}

.py-5p{padding: 2rem 8rem 0px 8rem;}
.py-5p p{font-size: 18px; font-weight: 300;}

.py-4p .card{border-radius: 15px !important; border: 0px; }

.equal .small1, .equal2 .small1{font-size: 1rem;}

.textimg{background: #fff !important; border-radius: 10px; display: inline-block; z-index: 999999; position: relative; right: 0px;  padding: 10px; margin-top: -100px; margin-left: 300px; }
.owl-carousel img{z-index: -999; border-radius: 10px;}
.textimg p{font-size: 13px; line-height: 20px; margin-bottom: 5px;}

.sectionbg3 .text-grey{font-size: 17px !important;}

.accordion .card-title{font-size: 16px !important; letter-spacing: 0px;}
.accordion p, .accordion li{font-size: 14px !important; letter-spacing: 0px; font-weight: 400;}

.accordion.accordion-modern-status > .card .card-header a{padding: 17px 30px ;}
.accordion .card-body{padding-bottom: 15px;}
.accordion a:hover{text-decoration: underline !important;}

.padd1{padding-left: 15px; padding-right: 15px; text-align: center; display: block; width: 100%; margin-bottom: 30px;}
.row3 .card{margin-left: 0px !important;}
.butt2 a{margin-left: 10px; margin-right: 10px;}
.bttn4{background-color: #fff; border: 1px solid #82827f; color: #0c0a09;}
.bttn4:hover{border: 1px solid #fff;}
.scroll-to-top:hover{color: #f67316;}
.btn-primary:focus:not(.bg-transparent), .btn-primary.focus:not(.bg-transparent){background-color: #f67316 !important;}
.modal-dialog{min-width: 95% !important;}
.modal-body,.modal-body p{font-size: 1em;}

@media (max-width: 768px) {
  h1{font-size: 3.7rem; line-height: 4rem; letter-spacing: -0.9px; margin-top: 15vh !important;}
  .padd2{padding: 15px;}
  .tag1{font-size: 1.4rem; line-height: 1.8rem; margin-top: 0px;}
  .tag2{width: 100%; font-size: 1.1rem;}
  .card{margin-left: 0px; margin-bottom: 20px;}
  .py-5p{padding: 0px 3px 0px 3px;}
  .info2{margin: 10px;}
  .text-grey{padding: 2px;}
  .textimg{margin-left: 100px;}
  .row3 .btn{width: 100%;}
  .feature-box-info{padding-left: 0px !important;}
  .feature-box-info strong{font-size: 22px; line-height: 27px;}
}

@media (min-width: 768px) {
  .equal .card {
    min-height: 230px !important;
  }
  .equal2 .card {
    min-height: 200px !important;
  }
  #largeModal2 .modal-dialog{min-width: 55% !important;}
}