/***************************************************
Theme Name:   Indian Priest Services
Theme URL:    https://indianpriestservices.com/
Description:  2024 Site
Author:       Indian Priest Services
Author URI:   https://indianpriestservices.com/
Version:      2.0
**************************************************/

:root {
  --primary: #24864E;
  --secondary: #FD642A;
  --black: #171717;
  --blue: #01529C;
  --gray: #737373;
  --light-gray: #f4f4f4;
  --dark-gray: #9E9E9E;
  --yellow: #FDE047;
  --dark-yellow: #FFB905;
  --semi-bold: 600;
  --text-bold: 700;
}

body{ color: var(--bs-black); font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; background: linear-gradient(to bottom, #ffc905 0%,#fd642a 100%); min-height: 1000px;}
input:focus, .form-control:focus{ outline: none; box-shadow: none;}
figure, p{ margin: 0;}
p + p{ margin-top: 15px;}
img{ max-width: 100%; }
ul, li, ol{ margin: 0; padding: 0; list-style: none;}
a, a:hover,a:focus, button, button:hover, button:focus{ transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; text-decoration: none; outline: none; color: inherit;}
/*a, a:hover,a:focus{ color: #10d3c5;}*/
h1, h2, h3, h4, h5, h6{ font-weight: 600;}
h2{ font-size: 1.667em;}
h3{ font-size: 1.333em;}

.orange-btn{ background: var(--secondary); color: var(--bs-white); border-radius: 25px; font-weight: var(--semi-bold);}
.orange-btn:hover{ color:var(--bs-white);}
.bttn{ padding: 11px 27px; display: inline-block; font-size: 0.889em;}
.main-header{ padding: 40px 0 0; /*position: fixed; top: 0;*/ width: 100%;}
.main-header ul li a{ font-weight: 500; color: var(--black); padding: 0 20px;}
.main-header ul li:first-child a{ padding-left: 0;}
.main-header ul li.active a, .main-header ul li a:hover{ color: var(--blue); font-weight: var(--text-bold);}
.main-header aside{ position: relative; z-index:1;}
.main-header .mh-right{ text-align: right;}
.main-header .row{ align-items: center; justify-content: space-between;}
.main-header ul li + li a{ border-left: 1px solid rgba(0,0,0,0.2);}
.logo-sec{ text-align: center; position: relative; margin-top: -75px;}
.logo-sec:before, .logo-sec:after{ content:""; display: block; width: 40%; height: 1px; position: absolute; top: 48%; background: var(--bs-white);}
.logo-sec:before{ left: 0;}
.logo-sec:after{ right:0;}
.logo-sec a{ position: relative; }
/*.mid-body{ margin-top:200px;}*/
.mid-body{ position: relative;}
.mid-body:before, .mid-body:after{ content: ""; background-image:url(images/circle-bg.png); background-repeat: no-repeat; background-position:0 0; background-size: cover; width: 48%; height: 826px; position: absolute; top: -60px;}
.mid-body:before{ left: 50px;}
.mid-body:after{ right: 50px;}
.mid-body .container{ position: relative; z-index: 1;}
.mid-body .mid-body-in{ background-image: url(images/main-bg.png); background-repeat:no-repeat; background-position:0 0; background-size: 100% auto;}
.app-sec{ text-align: center; padding: 150px 0 0; max-width: 625px; margin: auto;}
.app-sec h1{ font-size: 4em; color: var(--primary); font-weight: var(--text-bold);}
.app-sec p{ color: var(--gray); font-weight: 500; font-size: 1.111em; margin: 15px 0 50px;}
.app-icons a{ margin:0 10px;}
.phone-sec{ background-color: var(--bs-white); background-image:url(images/union.png); background-repeat:no-repeat; background-position: top center; text-align: center; margin-top: 40px;} 
.body-btm{ background-color: var(--bs-white); padding: 30px 50px;}
.hm-grid{ border: 1px solid rgba(0,0,0,0.1); padding: 20px 40px 20px 110px; border-radius: 15px; position: relative;}
.hm-grid span{ display: block; width: 66px; height: 66px; text-align: center; line-height: 58px; background: var(--yellow); border-radius: 50%; position: absolute; left: 20px;}
.hm-grid p{ line-height:normal;}
.abt-cont{ padding: 60px 0 120px;}
.abt-cont h2{ color:var(--primary);}
.abt-cont p{ font-size: 0.887em;}
.feature-list{ max-width: 80%; margin: auto; background: rgba(253, 224, 71, 0.4); padding: 35px 45px; border-radius: 15px; position: relative;}
.feature-list h2{ color: var(--secondary);}
.feature-list img{ position:absolute; right:40px; bottom:0; }
ul.cc-list li{ position: relative; padding:0 0 0 28px; font-weight: var(--semi-bold); font-size: 0.889em; margin: 0 0 8px;}
ul.cc-list li:before{ content:"\f058"; font-family:"Font Awesome 5 Free"; left: 0; position: absolute; color: var(--secondary);}
.reviews-sec{ padding: 45px 0;}
.reviews-sec h2{ text-align: center; color: var(--primary); margin: 0 0 30px;}
.reviews-sec .review-in{ background: rgba(217,217,217,0.3); border-radius: 15px; padding: 45px 35px;}
.reviews-sec .star{ color: var(--dark-yellow);}
.star i:last-child{ color: var(--dark-gray);}
.reviews-sec .review-in{ height: 100%;}
.review-in p{ font-size: 0.889em; margin: 15px 0 25px;}
.rev-user{ position: relative; padding: 0 0 0 60px;}
.rev-user img{ position: absolute; left: 0; border-radius: 50%;}
.rev-user h4{ color: var(--blue); font-size: 0.889em; margin: 0;}
.rev-user span{ font-size: 0.889em;}
.foot-top p{ font-size: 1.111em; font-weight: 500;}
.ft-right{ text-align:right;}
.ft-right a + a{ margin-left:5px;}
.main-footer{ padding: 20px 0 60px;}
.main-footer p{ font-size:0.889em; color:var(--bs-white); margin: 0 0 10px;}
.mf-right{ text-align:right;}
.main-footer div a{ background: var(--blue); width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; margin: 0 5px 0 0;}
.navbar-expand-lg .navbar-nav a.nav-link.active{ color: var(--blue); font-weight: var(--text-bold);}