/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --primary-theme-color: #f4c024;  /* theme primary color */
}
:root {
	 --secondery-theme-color: #0943a0;  /* theme secondery color */
}
:root {
	 --dark-theme-color: #1a1a1a;  /* theme dark font color */
}
:root {
	 --gray-color: #f5f5f5;  /* theme light color */
}
:root {
	 --white-color: #fff;  /* theme white font color */
}
:root{
	--bg-dark: #022762; /* theme dark font color */
}
:root {
	 --black-color: #000;  /* theme black font color */
}
:root {
	 --dark-text-color: #a5a5a5;  /* theme light color */
}
:root {
	 --body-text-color: #818181;  /* theme body font color */
}
:root{
	--light-gray-color: #dadada; /* light gray color */
}

/*==================================
 Overlay
 ==================================*/
 :root{
 	--theme-overlay-secondery-color-4: rgba(9, 67, 160, .4)
 }
 :root{
 	--theme-overlay-secondery-color-6: rgba(9, 67, 160, .65)
 }
 :root{
 	--theme-overlay-secondery-color-8: rgba(9, 67, 160, .8)
 }
 :root{
 	--theme-overlay-secondery-deep-color: rgba(2, 21, 52, .7)
 }
 :root{
 	--theme-overlay-secondery-dark-color: rgba(2, 39, 98, 0.90)
 }
 :root{
	--overlay-white-color: rgba(255, 255, 255, 0.8)
 }
/*==================================
Font Variable
==================================*/
/*
:root {
	 --theme-body-font: 'Montserrat', sans-serif;
}
:root {
	 --theme-highlight-font: 'Oleo Script', cursive;
}
/**/


/*====================================================================
	Why Choose Us css Page 4
====================================================================*/

.choose-item .text-secondery,
.choose-item .text-secondery-a a,
.choose-item .flat-primary [class^="flaticon-"]::before,
.choose-item .activity-item:hover [class^="flaticon-"]::before,
.choose-item .service-item-2:hover [class^="flaticon-"]::before,
.choose-item .btn-link,
.choose-item .icon-in-list-1 li i,
.choose-item .contact-form-3 .right-line::after,
.choose-item footer .social-media li:hover a,
.choose-item .widget.events a:hover,
.choose-item .tag ul li a {
  color: var(--secondery-theme-color) !important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}
.services h5, .services .h5 {
  font-size: 21px;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
.services {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #fff;
}
.services .title
{
	text-align: center;
  font-size: 48px;
  font-weight: 400;
  font-family: 'Playfair Display', serif;
}
.services .rooms-p
{
  color: #ababab;
  font-weight: 300;
  font-size: 16px;
  width: 48%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 45px;
}
.choose-item .number {
	color: var(--dark-theme-color) !important;
}
.choose-item a:hover {
	color: var(--primary-theme-color) !important;
}
.choose-item .number {
	background-color: var(--primary-theme-color) !important;
}
.choose-item .number::after {
	border-color: transparent transparent var(--primary-theme-color) transparent
}
.choose-item {
	position: relative;
	padding-left: 70px;
}
.choose-item .number {
	position: absolute;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	left: 0;
	top: 0;
	padding-top: 12px;
}
.choose-item .number::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 25px 25px;
	position: absolute;
	right: 0px;
	top: 25px;
}
.top-2-liner{
	position: relative;
	margin-top: 50px
}
.top-2-liner::before,
.top-2-liner::after{
	content: "";
	position: absolute;
	height: 2px;
	left: 50%;
	transform: translateX(-50%)
}
.top-2-liner::before{
	width: 170px;
	top: 0;
}
.top-2-liner::after{
	width: 70%;
	top: 30px;
}