:root
{
   --font-body: "Inter", sans-serif;
   --font-heading: "Montserrat", sans-serif;
}



body
{
   font-family: var(--font-body);
   font-size: 14px;
   font-weight: 400;
}



h1,
h2,
h3,
h4,
h5,
h6
{
   margin: 0px;
   font-family: var(--font-heading);
   text-decoration: none !important;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 24px;
  font-weight: 500;
}
h3 {
  font-size: 20px;
  font-weight: 600;
}
p
{  
   font-weight: 400;
   margin: 0px;
   padding: 0.6rem !important;
   font-family: "inter";
   text-decoration: none !important;
}

.par-padding
{
   padding: 1.5rem !important;  
}

span{
   text-decoration:none!important;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a,
a:active,
a:focus,
a:active {
  text-decoration: none !important;  
}

section
{
   text-decoration: none !important;
}

.container
{
   text-decoration: none !important;
}
/*Custom Colors*/


   .p-orange-span span
   {
      color: #ff530a !important;
   
   }


.orange
{
   color: #ff530a !important;
}


   .hero
   {
      width: 100%;
      overflow: hidden;
   }

   .hero img
   {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }



.img-logo-fit
{
   max-height: 60px; /* key: constrain by height */
   width: auto; /* keep aspect ratio */
}

/* navigation bar*/

.navbar
{
   border-bottom: none !important;
   box-shadow: none !important;
}

.nav-item
{
   font-size:medium!important;
}


.navbar-nav .nav-link
{
   position: relative;
}

   /* the red line (hidden by default) */
   .navbar-nav .nav-link::after
   {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      background-color: #ff530a;
      transition: width 0.3s ease;
   }

   /* hover effect */
   .navbar-nav .nav-link:hover::after
   {
      width: 100%;
   }


/*============== Mixins style start ================*/
.overlay-effect
{
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url("../images/overlay-pattern.png") #000000;
   opacity: 0.3;
}
/*--
    custom heading Start
--*/
.heading
{
   text-align: center;
   font-weight: 500;
   color: #2E2E2E;   
  position: relative;
}
.heading span {  
  color: #ff530a;
  font-weight: 600;
}
   .heading:before
   {
      display: none !important;
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 140px;
      height: 1px;
      background: #C8C1B3;
      margin-left: -70px;
   }
/*--
    custom heading Start
--*/
.title {
  color: #2E2E2E;
  text-transform: uppercase;
  padding: 30px 0px;
}
.title span {
  color: #FF5333;
}


/*--
    transition custom style
--*/
.transition {
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
/*============== Mixins style close ================*/


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

.feature-section
{
   background: #f3ede5; /*sandstone*/
   padding: 60px 40px;
   border-radius: 14px;
   box-shadow: 0 6px 30px rgba(0,0,0,0.05);
}

.section-title
{
   text-align: center;
   padding-bottom: 30px;
}

   .section-title h2
   {
      margin: 15px 0 0 0;
      font-size: large;
      font-weight: 700;
      color: #5f5950;
   }

      .section-title h2 span
      {
         color: #009e9a;
      }


.feature-section .card-title
{
   font-size: 1.125rem; /* example: same as Bootstrap h5 */
   font-weight: 600; /* optional */   
}

.feature-section .card-text
{
   font-size: 1rem!important; /* example: same as Bootstrap h5 */
   font-weight:500!important; /* optional */
   margin:0!important;
   padding:0!important
   
}


   .section-title p
   {
      margin: 15px auto 0 auto;
      font-weight: 300;
   }


/*--
    header-img start 
--*/
#hero-area {
  position: relative;
}
#hero-area:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/overlay-pattern.png") #000000;
  opacity: 0.3;
}

/*--------------------------------------------------------------
# Box
--------------------------------------------------------------*/
.box
{
   padding: 50px 30px;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
   transition: all ease-in-out 0.3s;
   height: 100%;
}

   .box span
   {
      display: block;    
      font-weight: 700;     
   }



   .box:hover
   {
      background: #ff530a;
      color: #000000 !important;
      padding: 30px 30px 70px 30px;
      box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
   }

      .box:hover span,
      .box:hover h4,
      .box:hover p,      
      .box:hover p a
      {
         color: #000000 !important;
      }

   .box a:hover
   {
      color: #000000!important;
   }

/*--
    about-us Start
--*/
#about-us {
 
  background: #F6F6F6;
}
#about-us .block {
  text-align: center;
}
#about-us .block p {
  color: #959595;
  font-size: 16px;    
}

/*--
    price Start
--*/
#price {
  padding: 70px 0px;
}
#price .block > p {
  color: #9D9D9D;
  font-size: 16px;
  line-height: 26px;
  padding: 40px 133px 0;
  text-align: center;
}
#price .block .pricing-list {
  padding-top: 85px;
}
#price .block .pricing-list ul {
  padding: 0 0 30px;
  margin: 0;
}
#price .block .pricing-list ul li {
  padding: 21px 0px;
}
#price .block .pricing-list ul li .item .item-title {
  position: relative;
}
#price .block .pricing-list ul li .item .item-title h2 {
  display: inline-block;
  position: relative;
  z-index: 99;
  background: #fff;
}
#price .block .pricing-list ul li .item .item-title .border-bottom {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border: 1px dotted #C9C9C9;
  margin-top: 20px;
}
#price .block .pricing-list ul li .item .item-title span {
  float: right;
  color: #938463;
}
#price .block .pricing-list ul li .item p {
  padding: 12px 0 0px;
  color: #949494;
}

/*--
    subscribe Start
--*/
#subscribe {
  padding: 100px 0px;
  text-align: center;
  background: url("../images/subscribe-bg.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
#subscribe:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/overlay-pattern.png") #000000;
  opacity: 0.3;
}
#subscribe .block h1.heading {
  color: #fff;
}
#subscribe .block p {
  padding: 25px 0px;
  color: #fff;
  font-size: 18px;
}
#subscribe .block form .form-control {
  width: 450px;
  background: #fff;
  opacity: 0.9;
  border: none;
  height: 65px;
  border-radius: 0px;
  font-size: 15px;
}
#subscribe .block form .input-group-addon {
  padding: 0px;
  border: none;
  background: none;
}
#subscribe .block form .input-group-addon button {
  width: 212px;
  height: 65px;
  border: none;
  border-radius: 0px;
  background: #7EC3BB;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#subscribe .block form .input-group-addon button:hover {
  background: #69a8a1;
}
/*--
    contact-us Start
--*/
#contact-us {
  padding: 70px 0px;
}
#contact-us .block .title {
  padding: 20px 0;
}
#contact-us .block form {
  padding-bottom: 20px;
}
#contact-us .block form input {
  height: 48px;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#contact-us .block form input:focus {
  border: 1px solid #7EC3BB;
}
#contact-us .block form textarea {
  height: 140px;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#contact-us .block form textarea:focus {
  border: 1px solid #7EC3BB;
}
#contact-us .block a {
  background: #FF4F02;
  float: right;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0px;
  border: 0px;
  width: 512px;
  height: 50px;
  padding-top: 15px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
/*--
    footer Start
--*/
#footer {
  padding: 70px 0px;
}
#footer .block h3 {
  color: #2E2E2E;
  padding-bottom: 25px;
}
#footer .block h3 span {
  color: #FF4F02;
}
#footer .block .blog ul,
#footer .block .info ul,
#footer .block .gallary ul {
  padding-top: 20px;
}
#footer .block .blog ul li,
#footer .block .info ul li,
#footer .block .gallary ul li {
  margin-bottom: 25px;
  display: inline-block;
  margin-right: 20px;
}
#footer .block .blog ul li h4,
#footer .block .info ul li h4,
#footer .block .gallary ul li h4 {
  padding-bottom: 10px;
  display: block;
  color: #FF4F02;
}
#footer .block .blog ul li h4 i,
#footer .block .info ul li h4 i,
#footer .block .gallary ul li h4 i {
  color: #555;
  margin-right: 30px;
  font-size: 20px;
}
#footer .block .blog ul li h4 a,
#footer .block .info ul li h4 a,
#footer .block .gallary ul li h4 a {
  color: #FF4F02;
  font-size: 20px;
  font-weight: 600;
}
#footer .block .blog ul li p,
#footer .block .info ul li p,
#footer .block .gallary ul li p {
  color: #474747;
  font-size: 14px;
}
#footer .block .social-media-link h3 {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
#footer .block .social-media-link h3 span {
  color: #FF4F02;
}
#footer .block .social-media-link ul li {
  display: inline-block;
  margin-right: 20px;
}
#footer .block .social-media-link ul li a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  padding-top: 8px;
  border-radius: 100%;
  background: #B0B0B0;
  color: #FFFFFF;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#footer .block .social-media-link ul li a:hover {
  background: #FF4F02;
  color: #fff;
}
/*--
    footer-bottom Start
--*/
#footer-bottom {
  background: #E9E9E9;
  padding: 20px 0px;
}
#footer-bottom p {
  text-align: center;
  padding-top: 12px;
  color: #454545;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
}
#footer-bottom p a {
  color: #FF4F02;
}